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
-
... ... @@ -26,7 +26,98 @@ 26 26 padding-left:0; 27 27 padding-right:0; 28 28 min-height:300px; 29 - 29 + p.alert-info{ 30 + padding:2rem 31 + } 32 + .teasing{ 33 + margin-bottom:50px 34 + } 35 + .teasing .card{ 36 + text-align:center; 37 + position:relative; 38 + height:100%; 39 + background-size:cover; 40 + background-repeat:no-repeat; 41 + background-position:50% 50%; 42 + padding-bottom:20px; 43 + margin-bottom:20px 44 + } 45 + .teasing .card::before{ 46 + position:absolute; 47 + top:0; 48 + right:0; 49 + bottom:0; 50 + left:0; 51 + display:block; 52 + background-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 85%); 53 + content:'' 54 + } 55 + .teasing .card-header{ 56 + position:relative; 57 + height:150px 58 + } 59 + .teasing .coming-soon{ 60 + position:absolute; 61 + z-index:10; 62 + left:0; 63 + right:0; 64 + padding:.5rem; 65 + border-radius:.25rem; 66 + font-weight:700; 67 + top:50% 68 + } 69 + .teasing .coming-soon span{ 70 + font-size:1.25rem; 71 + line-height:2; 72 + padding:.5rem; 73 + border-radius:.25rem; 74 + font-weight:700; 75 + margin-top:-17px; 76 + background:rgba(255,255,255,.8); 77 + } 78 + .teasing .card-content { 79 + position:relative; 80 + overflow:hidden; 81 + margin-top:0; 82 + padding-top:0; 83 + padding-bottom:0; 84 + padding-left:.5rem; 85 + padding-right:.5rem; 86 + color: @color-white; 87 + font-size:1rem; 88 + .card-title { 89 + color:@color-white; 90 + } 91 + } 92 + .teasing .card-title{ 93 + margin-top:1.5rem; 94 + margin-right:0; 95 + margin-bottom:1rem; 96 + margin-left:0; 97 + font-weight:700 98 + } 99 + .clb-actions { 100 + background-color:#f0f3f1; 101 + padding-top:5rem; 102 + padding-left:0; 103 + padding-right:0; 104 + padding-bottom:0 105 + } 106 + .clb-actions .clb-box{ 107 + margin-bottom:5rem; 108 + font-size:1.125rem; 109 + display: block 110 + } 111 + .clb-actions>.row{ 112 + margin-left:0; 113 + margin-right:0 114 + } 115 + .clb-actions .clb-box:hover{ 116 + text-decoration:none 117 + } 118 + .clb-content>.row{ 119 + margin-bottom:5rem 120 + } 30 30 .clb-search-bar{ 31 31 display:flex; 32 32 align-items:stretch; ... ... @@ -59,7 +59,6 @@ 59 59 .clb-search-bar input[type=text]:focus~i{ 60 60 color: @color-brand-primary; 61 61 } 62 - /* 63 63 @media screen and (min-width:992px){ 64 64 .teasing .row{ 65 65 display:flex ... ... @@ -84,10 +84,9 @@ 84 84 height:100%; 85 85 display:block 86 86 } 87 - */ 88 88 } 89 89 } 90 - /*179 + 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,3 @@ 120 120 background-color: darken(@color-brand-primary, 15%); 121 121 } 122 122 } 123 -*/