Changes for page Collaborate on reproducible science, anywhere
on 2019/04/17 11:57
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. superadmin1 +XWiki.hbpadmin - Content
-
... ... @@ -1,4 +1,5 @@ 1 1 {{velocity}} 2 +$xwiki.ssx.use('Collaboratory.UX.SSX.StyleSheet') 2 2 #set($displayContentFooter=false) 3 3 #set($displayDocExtra=false) 4 4 #set($displayContentMenu=false)
- XWiki.StyleSheetExtension[0]
-
- Caching policy
-
... ... @@ -1,0 +1,1 @@ 1 +long - Code
-
... ... @@ -1,0 +1,217 @@ 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 + } 117 + .clb-actions>.row{ 118 + margin-left:0; 119 + margin-right:0 120 + } 121 + .clb-actions .clb-box:hover{ 122 + text-decoration:none 123 + } 124 + .clb-content>.row{ 125 + margin-bottom:5rem 126 + } 127 + .clb-search-bar{ 128 + display:flex; 129 + align-items:stretch; 130 + position:relative 131 + } 132 + .clb-search-bar>div{ 133 + flex:1; 134 + margin:2px 10px 2px 0 135 + } 136 + .clb-search-bar input[type=text]{ 137 + width:100%; 138 + padding:1.5rem; 139 + padding-left:2.5rem; 140 + border-radius: @border-radius-default; 141 + background-color: @color-white; 142 + box-shadow:none 143 + } 144 + .clb-search-bar input[type=text]:focus{ 145 + border-color: @color-brand-primary; 146 + background-color:@color-white; 147 + box-shadow:none 148 + } 149 + .clb-search-bar i{ 150 + position:absolute; 151 + margin-top:-.5rem; 152 + color: @color-gray-200; 153 + top:50%; 154 + left:1em 155 + } 156 + .clb-search-bar input[type=text]:focus~i{ 157 + color: @color-brand-primary; 158 + } 159 + @media screen and (min-width:992px){ 160 + .teasing .row{ 161 + display:flex 162 + } 163 + .teasing .row>[class*=col-]{ 164 + display:flex; 165 + flex-direction:column 166 + } 167 + .clb-actions{ 168 + padding-bottom:5rem 169 + } 170 + .clb-actions .clb-box{ 171 + margin-bottom:0 172 + } 173 + .clb-actions .container, 174 + .clb-actions .container>.row{ 175 + display:flex 176 + } 177 + .clb-actions .clb-box-container, 178 + .clb-actions .clb-box-container a, 179 + .clb-actions .container>.row>[class*=col-]>.row{ 180 + height:100%; 181 + display:block 182 + } 183 + } 184 +} 185 + 186 +.clb-box{ 187 + background-color:#fff; 188 + box-shadow:0 1px 2px 0 rgba(0,0,0,.1); 189 + padding:2rem; 190 + padding-bottom:5rem; 191 + color: @color-brand-primary; 192 + display:block 193 + .clb-box-title { 194 + color:#45b07c; 195 + font-weight:600; 196 + margin-bottom:5rem; 197 + } 198 +} 199 + 200 +.clb-btn-default,button { 201 + background-image:none; 202 + box-shadow:none; 203 + border:0; 204 + border-radius: @border-radius-default; 205 + padding-top:.5rem; 206 + padding-bottom:.5rem; 207 + padding-left:1rem; 208 + padding-right:1rem; 209 + background-color:@color-brand-primary; 210 + color: @color-white; 211 + &:hover { 212 + background-color: darken(@color-brand-primary, 10%); 213 + } 214 + &:active { 215 + background-color: darken(@color-brand-primary, 15%); 216 + } 217 +} - 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