Last modified by hbpadmin on 2022/12/30 11:01
From version 22.1
edited by hbpadmin
on 2019/11/20 08:16
Change comment: Rollback to version xar:eu.hbp.wiki:xwiki-skin-collaboratory/0.15.7
To version 19.1
edited by superadmin
on 2019/08/15 22:27
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.13.8]

Summary

Details

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