Failed to execute template. Cause: [Access denied when checking [script] access to [xwiki:Collaboratory.UX.HbpSkin.WebHome] for user [xwiki:XWiki.Admin]]. Click on this message for details.

Collaborate on reproducible science, anywhere - HBP Wiki

IAM21 instance, do not create collab nor modify a team, your changes will be lost


Last modified by bougault on 2023/01/26 14:38
From version 85.12
edited by bougault
on 2021/01/20 16:06
Change comment: There is no comment for this version
To version 83.7
edited by bougault
on 2021/01/20 13:29
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -18,19 +18,17 @@
18 18   </div>
19 19   <div class="container-fluid search__row">
20 20   <div class="container">
21 - <div class="col-sm-12 col-md-6 col-md-offset-3">
22 - <form role="search" action="/bin/view/Main/Search" method="GET">
23 - <div class="input-group">
24 - <input type="search" name="text" class="form-control input-lg" title="Search word in all wiki pages" placeholder="Search word in all wiki pages">
25 - <span class="input-group-btn">
26 - <button type="submit" class="btn btn-primary input-lg">
27 - <span class="fa fa-search"></span>
28 - <span class="sr-only">Search</span>
29 - </button>
30 - </span>
21 + <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
22 + <div class="col-md-5 col-md-offset-3">
23 + <div class="form-input">
24 + <input type="text" class="form-control" name="text" placeholder="Search word in all wiki pages">
25 + <i class="glyphicon glyphicon-search"></i>
31 31   </div>
32 - </form>
33 - </div>
27 + </div>
28 + <div class="col-md-1">
29 + <button class="btn clb-btn-default" type="submit">Search</button>
30 + </div>
31 + </form>
34 34   </div>
35 35   </div>
36 36  {{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -18,10 +18,103 @@
18 18   padding-left:0;
19 19   padding-right:0;
20 20   min-height:300px;
21 - .search__row input[type="search"] {
22 - font-size: 16px;
21 +
22 + /*
23 + .clb-search-bar{
24 + display:flex;
25 + align-items:stretch;
26 + position:relative
23 23   }
28 + */
29 + .clb-search-bar .form-input {
30 + margin:2px 10px 2px 0;
31 + position: relative;
32 + }
33 + .clb-search-bar input[type=text]{
34 + width:100%;
35 + padding:1.5rem;
36 + padding-left:2.5rem;
37 + border-radius: @border-radius-default;
38 + background-color: @color-white;
39 + box-shadow:none
40 + }
41 + .clb-search-bar input[type=text]:focus{
42 + border-color: @color-brand-primary;
43 + background-color:@color-white;
44 + box-shadow:none
45 + }
46 + .clb-search-bar i{
47 + position:absolute;
48 + margin-top:-.5rem;
49 + color: @color-gray-200;
50 + top:50%;
51 + left:1em
52 + }
53 + .clb-search-bar input[type=text]:focus~i{
54 + color: @color-brand-primary;
55 + }
56 + /*
57 + @media screen and (min-width:992px){
58 + .teasing .row{
59 + display:flex
60 + }
61 + .teasing .row>[class*=col-]{
62 + display:flex;
63 + flex-direction:column
64 + }
65 + .clb-actions{
66 + padding-bottom:5rem
67 + }
68 + .clb-actions .clb-box{
69 + margin-bottom:0
70 + }
71 + .clb-actions .container,
72 + .clb-actions .container>.row{
73 + display:flex
74 + }
75 + .clb-actions .clb-box-container,
76 + .clb-actions .clb-box-container a,
77 + .clb-actions .container>.row>[class*=col-]>.row{
78 + height:100%;
79 + display:block
80 + }
81 + }
82 + */
24 24  }
84 +
85 +.clb-box{
86 + background-color:#fff;
87 + box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
88 + padding:2rem;
89 + padding-bottom:5rem;
90 + color: @color-brand-primary;
91 + display:block
92 + .clb-box-title {
93 + color:#45b07c;
94 + font-weight:600;
95 + margin-bottom:5rem;
96 + }
97 +}
98 +
99 +.clb-btn-default,button {
100 + background-image:none;
101 + box-shadow:none;
102 + border:0;
103 + border-radius: @border-radius-default;
104 + padding-top:.5rem;
105 + padding-bottom:.5rem;
106 + padding-left:1rem;
107 + padding-right:1rem;
108 + background-color:@color-brand-primary;
109 + color: @color-white;
110 + &:hover {
111 + background-color: darken(@color-brand-primary, 10%);
112 + }
113 + &:active {
114 + background-color: darken(@color-brand-primary, 15%);
115 + }
116 +}
117 +
25 25  #xwikicontent .get-started__row__title {
26 26   margin: 1rem 0;
27 27   font-weight: 400;
... ... @@ -115,3 +115,44 @@
115 115   border-top: 1px solid #ccc;
116 116   /*border-bottom: 1px solid #ccc;*/
117 117  }
211 +
212 +.tags__title, .tags__text {
213 + text-align: center;
214 +}
215 +
216 +.tags__title--collaborate,
217 +.tags__title--science,
218 +.tags__title--reproducible,
219 +.tags__title--anywhere {
220 + padding-top: 4rem;
221 + position: relative;
222 +}
223 +
224 +.tags__title--collaborate::before,
225 +.tags__title--science::before,
226 +.tags__title--reproducible::before,
227 +.tags__title--anywhere::before {
228 + position: absolute;
229 + width: 50px;
230 + height: 50px;
231 + background-repeat: none;
232 + top: 0;
233 + margin-left: 50%;
234 + left: -25px;
235 + content: " ";
236 + display: table;
237 +}
238 +
239 +.tags__title--collaborate::before {
240 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg");
241 +}
242 +.tags__title--science::before {
243 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg");
244 +}
245 +.tags__title--reproducible::before {
246 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg");
247 +}
248 +.tags__title--anywhere::before {
249 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg");
250 +}
251 +