Changes for page Collaborate on reproducible science, anywhere
Last modified by bougault on 2023/01/26 14:38
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,8 +1,9 @@ 1 +/* 1 1 .teasing .collaborate {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/collaborate.jpg');} 2 2 .teasing .reproductible {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/reproducible.jpg');} 3 3 .teasing .science {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/science.jpg');} 4 4 .teasing .anywhere {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/anywhere.jpg');} 5 - 6 +*/ 6 6 #mainContentArea{ 7 7 padding:0; 8 8 padding-top:1.25rem ... ... @@ -26,7 +26,100 @@ 26 26 padding-left:0; 27 27 padding-right:0; 28 28 min-height:300px; 29 - 30 +/* 31 + p.alert-info{ 32 + padding:2rem 33 + } 34 + .teasing{ 35 + margin-bottom:50px 36 + } 37 + .teasing .card{ 38 + text-align:center; 39 + position:relative; 40 + height:100%; 41 + background-size:cover; 42 + background-repeat:no-repeat; 43 + background-position:50% 50%; 44 + padding-bottom:20px; 45 + margin-bottom:20px 46 + } 47 + .teasing .card::before{ 48 + position:absolute; 49 + top:0; 50 + right:0; 51 + bottom:0; 52 + left:0; 53 + display:block; 54 + background-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 85%); 55 + content:'' 56 + } 57 + .teasing .card-header{ 58 + position:relative; 59 + height:150px 60 + } 61 + .teasing .coming-soon{ 62 + position:absolute; 63 + z-index:10; 64 + left:0; 65 + right:0; 66 + padding:.5rem; 67 + border-radius:.25rem; 68 + font-weight:700; 69 + top:50% 70 + } 71 + .teasing .coming-soon span{ 72 + font-size:1.25rem; 73 + line-height:2; 74 + padding:.5rem; 75 + border-radius:.25rem; 76 + font-weight:700; 77 + margin-top:-17px; 78 + background:rgba(255,255,255,.8); 79 + } 80 + .teasing .card-content { 81 + position:relative; 82 + overflow:hidden; 83 + margin-top:0; 84 + padding-top:0; 85 + padding-bottom:0; 86 + padding-left:.5rem; 87 + padding-right:.5rem; 88 + color: @color-white; 89 + font-size:1rem; 90 + .card-title { 91 + color:@color-white; 92 + } 93 + } 94 + .teasing .card-title{ 95 + margin-top:1.5rem; 96 + margin-right:0; 97 + margin-bottom:1rem; 98 + margin-left:0; 99 + font-weight:700 100 + } 101 + .clb-actions { 102 + background-color:#f0f3f1; 103 + padding-top:5rem; 104 + padding-left:0; 105 + padding-right:0; 106 + padding-bottom:0 107 + } 108 + .clb-actions .clb-box{ 109 + margin-bottom:5rem; 110 + font-size:1.125rem; 111 + display: block 112 + } 113 + .clb-actions>.row{ 114 + margin-left:0; 115 + margin-right:0 116 + } 117 + .clb-actions .clb-box:hover{ 118 + text-decoration:none 119 + } 120 + .clb-content>.row{ 121 + margin-bottom:5rem 122 + } 123 +*/ 30 30 .clb-search-bar{ 31 31 display:flex; 32 32 align-items:stretch; ... ... @@ -84,10 +84,10 @@ 84 84 height:100%; 85 85 display:block 86 86 } 87 - */ 88 88 } 182 + */ 89 89 } 90 - /*184 + 91 91 .clb-box{ 92 92 background-color:#fff; 93 93 box-shadow:0 1px 2px 0 rgba(0,0,0,.1); ... ... @@ -120,4 +120,5 @@ 120 120 background-color: darken(@color-brand-primary, 15%); 121 121 } 122 122 } 123 -*/ 217 + 218 +