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 83.7
edited by bougault
on 2021/01/20 13:29
Change comment: There is no comment for this version
To version 87.1
edited by hbpadmin
on 2021/02/01 16:02
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.23.8]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.bougault
1 +XWiki.hbpadmin
Default language
... ... @@ -1,0 +1,1 @@
1 +en
Content
... ... @@ -18,17 +18,19 @@
18 18   </div>
19 19   <div class="container-fluid search__row">
20 20   <div class="container">
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>
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>
26 26   </div>
27 - </div>
28 - <div class="col-md-1">
29 - <button class="btn clb-btn-default" type="submit">Search</button>
30 - </div>
31 - </form>
32 + </form>
33 + </div>
32 32   </div>
33 33   </div>
34 34  {{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -18,103 +18,13 @@
18 18   padding-left:0;
19 19   padding-right:0;
20 20   min-height:300px;
21 -
22 - /*
23 - .clb-search-bar{
24 - display:flex;
25 - align-items:stretch;
26 - position:relative
21 + .search__row input[type="search"] {
22 + font-size: 16px;
23 + height: 54px;
24 + padding: 10px 16px;
25 + line-height: 1.3333333;
27 27   }
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 - */
83 83  }
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 -
118 118  #xwikicontent .get-started__row__title {
119 119   margin: 1rem 0;
120 120   font-weight: 400;
... ... @@ -208,44 +208,3 @@
208 208   border-top: 1px solid #ccc;
209 209   /*border-bottom: 1px solid #ccc;*/
210 210  }
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 -