Warning:  Due to planned infrastructure maintenance, the EBRAINS Wiki and EBRAINS Support system will be unavailable for up to three days starting Monday, 14 July. During this period, both services will be inaccessible, and any emails sent to the support address will not be received.

Attention: The EBRAINS Chat will down on Thursday, the 10th of July 2025 starting from 18.00pm CEST (my timezone) for up to 1 hour. 

Warning: The EBRAINS Drive, EBRAINS Bucket and EBRAINS Lab will down today, Wednesday, the 9th of July 2025 starting from 19:30 CEST (my timezone) for up to 1 hour.


Last modified by hbpadmin on 2022/12/30 11:01
From version 1.1
edited by superadmin
on 2019/04/01 16:16
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.9.0]
To version 23.1
edited by hbpadmin
on 2020/01/07 11:00
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.superadmin
1 +XWiki.hbpadmin
Content
... ... @@ -8,6 +8,10 @@
8 8  <div class="container clb-content">
9 9  
10 10  <div class="teasing">
11 + <div class="box errormessage">
12 + <p>The Collaboratory.wiki, Collaboratory.drive and Collaboratory.IAM services will be under maintenance on Saturday, January 7th. The interruption will occur between 8pm CET and midnight.
13 + </p>
14 + </div>
11 11   <div class="row">
12 12   <div class="col-md-3">
13 13   <div class="card collaborate">
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,218 @@
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,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