Changes for page Collaborate on reproducible science, anywhere
Last modified by bougault on 2023/01/26 14:38
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (0 modified, 0 added, 1 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. bougault1 +XWiki.hencz
- XWiki.StyleSheetExtension[0]
-
- Caching policy
-
... ... @@ -1,1 +1,0 @@ 1 -long - Code
-
... ... @@ -1,219 +1,0 @@ 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,1 +1,0 @@ 1 -LESS - Name
-
... ... @@ -1,1 +1,0 @@ 1 -eu.hbp.ux.home - Parse content
-
... ... @@ -1,1 +1,0 @@ 1 -No - Use this extension
-
... ... @@ -1,1 +1,0 @@ 1 -currentPage