Changes for page Collaborate on reproducible science, anywhere
on 2019/04/17 11:57
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. superadmin1 +XWiki.bougault
- XWiki.StyleSheetExtension[0]
-
- Caching policy
-
... ... @@ -1,0 +1,1 @@ 1 +long - Code
-
... ... @@ -1,0 +1,219 @@ 1 +.teasing .collaborate {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/collaborate.jpg');} 2 +.teasing .reproductible {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/reproducible.jpg');} 3 +.teasing .science {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/science.jpg');} 4 +.teasing .anywhere {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/anywhere.jpg');} 5 + 6 +#mainContentArea{ 7 + padding:0; 8 + padding-top:1.25rem 9 +} 10 +#mainContentArea #hierarchy, 11 +#mainContentArea .xcontent>hr, 12 +#mainContentArea .xdocLastModification{ 13 + display:none 14 +} 15 +#mainContentArea .xcontent>.row{ 16 + margin-left:0; 17 + margin-right:0 18 +} 19 + 20 +.document-header .document-info{ 21 + width:100%; 22 + text-align:center; 23 + margin-top:3rem 24 +} 25 +#xwikicontent{ 26 + padding-left:0; 27 + padding-right:0; 28 + min-height:300px; 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 .disabled{ 93 + -webkit-filter:grayscale(70%); 94 + filter:grayscale(70%) 95 + } 96 + .teasing .disabled .card-content{ 97 + opacity:.9 98 + } 99 + .teasing .card-title{ 100 + margin-top:1.5rem; 101 + margin-right:0; 102 + margin-bottom:1rem; 103 + margin-left:0; 104 + font-weight:700 105 + } 106 + .clb-actions { 107 + background-color:#f0f3f1; 108 + padding-top:5rem; 109 + padding-left:0; 110 + padding-right:0; 111 + padding-bottom:0 112 + } 113 + .clb-actions .clb-box{ 114 + margin-bottom:5rem; 115 + font-size:1.125rem; 116 + display: block; 117 + 118 + } 119 + .clb-actions>.row{ 120 + margin-left:0; 121 + margin-right:0 122 + } 123 + .clb-actions .clb-box:hover{ 124 + text-decoration:none 125 + } 126 + .clb-content>.row{ 127 + margin-bottom:5rem 128 + } 129 + .clb-search-bar{ 130 + display:flex; 131 + align-items:stretch; 132 + position:relative 133 + } 134 + .clb-search-bar>div{ 135 + flex:1; 136 + margin:2px 10px 2px 0 137 + } 138 + .clb-search-bar input[type=text]{ 139 + width:100%; 140 + padding:1.5rem; 141 + padding-left:2.5rem; 142 + border-radius: @border-radius-default; 143 + background-color: @color-white; 144 + box-shadow:none 145 + } 146 + .clb-search-bar input[type=text]:focus{ 147 + border-color: @color-brand-primary; 148 + background-color:@color-white; 149 + box-shadow:none 150 + } 151 + .clb-search-bar i{ 152 + position:absolute; 153 + margin-top:-.5rem; 154 + color: @color-gray-200; 155 + top:50%; 156 + left:1em 157 + } 158 + .clb-search-bar input[type=text]:focus~i{ 159 + color: @color-brand-primary; 160 + } 161 + @media screen and (min-width:992px){ 162 + .teasing .row{ 163 + display:flex 164 + } 165 + .teasing .row>[class*=col-]{ 166 + display:flex; 167 + flex-direction:column 168 + } 169 + .clb-actions{ 170 + padding-bottom:5rem 171 + } 172 + .clb-actions .clb-box{ 173 + margin-bottom:0 174 + } 175 + .clb-actions .container, 176 + .clb-actions .container>.row{ 177 + display:flex 178 + } 179 + .clb-actions .clb-box-container, 180 + .clb-actions .clb-box-container a, 181 + .clb-actions .container>.row>[class*=col-]>.row{ 182 + height:100%; 183 + display:block 184 + } 185 + } 186 +} 187 + 188 +.clb-box{ 189 + background-color:#fff; 190 + box-shadow:0 1px 2px 0 rgba(0,0,0,.1); 191 + padding:2rem; 192 + padding-bottom:5rem; 193 + color: @color-brand-primary; 194 + display:block 195 + .clb-box-title { 196 + color:#45b07c; 197 + font-weight:600; 198 + margin-bottom:5rem; 199 + } 200 +} 201 + 202 +.clb-btn-default,button { 203 + background-image:none; 204 + box-shadow:none; 205 + border:0; 206 + border-radius: @border-radius-default; 207 + padding-top:.5rem; 208 + padding-bottom:.5rem; 209 + padding-left:1rem; 210 + padding-right:1rem; 211 + background-color:@color-brand-primary; 212 + color: @color-white; 213 + &:hover { 214 + background-color: darken(@color-brand-primary, 10%); 215 + } 216 + &:active { 217 + background-color: darken(@color-brand-primary, 15%); 218 + } 219 +} - Content Type
-
... ... @@ -1,0 +1,1 @@ 1 +LESS - Name
-
... ... @@ -1,0 +1,1 @@ 1 +eu.hbp.ux.home - Parse content
-
... ... @@ -1,0 +1,1 @@ 1 +No - Use this extension
-
... ... @@ -1,0 +1,1 @@ 1 +currentPage