source: spip-zone/_galaxie_/trad.spip.net/trunk/theme/css/_components.scss @ 119918

Last change on this file since 119918 was 119918, checked in by cedric@…, 2 years ago

page auteur

File size: 6.2 KB
Line 
1.spip-admin-bloc, .spip-admin-float {
2  font-size: 0.7rem;
3  top:auto !important;
4  bottom: 0 !important;
5  right: 0 !important;
6  .spip-admin-boutons {
7    background-color: $gray-600;
8    border-radius: $border-radius-sm 0 0 $border-radius-sm;
9    display: block;
10    margin: 5px 0;
11    font-variant: small-caps;
12    text-transform: capitalize;
13  }
14  /*
15  &:before {
16    content:'';
17    display: block;
18    background: $gray-500;
19    color: $white;
20    padding: 10px;
21    position: fixed;
22    bottom:0;
23    left: 0;
24    font-weight: bold;
25    @each $breakpoint in map-keys($grid-breakpoints) {
26      @include media-breakpoint-up($breakpoint) {
27        content: '#{$breakpoint}';
28      }
29    }
30  }
31  */
32}
33
34img {
35  max-width:100%;
36  height:auto;
37}
38
39
40.searchbar {
41  padding:0.25rem 0;
42  background: $gray-100;
43
44  #formulaire_recherche {
45    margin: 0;
46  }
47  font-size:$font-size-sm;
48  label {
49    margin-bottom:0;
50  }
51  input.text, select, .btn {
52    font-size:$font-size-sm;
53  }
54  input.text::placeholder {
55    color:$gray-500;
56  }
57  label {
58    position: absolute;
59    width: 1px;
60    height: 1px;
61    padding: 0;
62    overflow: hidden;
63  }
64  .input-group {
65    width: 50%;
66  }
67}
68
69.well {
70  border-radius:0;
71  border:0;
72}
73
74.table, table.spip {
75  font-size: 16rem/18;
76  th, td {
77    padding: 0.5rem;
78  }
79  caption {
80    caption-side: top;
81    background-color: $primary;
82    color:$white;
83    padding: $padding-y-lg $padding-x-sm;
84    a {
85      @include link-nav(inherit, $gray-200) {
86        text-decoration: underline;
87        background: none;
88      }
89    }
90  }
91}
92.liste-objets {
93  .caption{
94    background-repeat:no-repeat;
95    height:24px;
96    display:block;
97    padding-left: 30px;
98  }
99  &.versions {
100    .caption {
101      background-image:url(img/revision-xx.svg);
102      background-size: contain;
103    }
104  }
105  .type {
106    img {
107      max-width: 32px;
108    }
109  }
110}
111
112.tablesorter-default{
113  .header, .tablesorter-header {
114    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
115        background-position: center right;
116        background-repeat: no-repeat;
117        cursor: pointer;
118        white-space: normal;
119        padding-right: 20px;
120        position:relative;
121    &:after {
122      content:'';
123      display: block;
124      position: absolute;
125      bottom:-2px;
126      left:0;
127      width: 100%;
128      border-bottom: 2px solid #aaa;
129    }
130    &.headerSortUp, &.tablesorter-headerAsc, &.tablesorter-headerSortUp {
131      background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
132      &:after {
133        border-bottom: 2px solid #000;
134      }
135    }
136    &.headerSortDown, &.tablesorter-headerDesc, &.tablesorter-headerSortDown {
137      background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
138      &:after {
139        border-bottom: 2px solid #000;
140      }
141    }
142  }
143  .sorter-false {
144        background-image: none;
145        cursor: default;
146  }
147  .tablesorter-processing {
148        background-position: center center !important;
149        background-repeat: no-repeat !important;
150        background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important
151  }
152  .tablesorter-filter-row {
153    td {
154      border-bottom: #aaa 1px solid;
155      line-height: normal;
156      text-align: center;
157      transition: line-height .1s ease
158    }
159    .disabled {
160      opacity: .5;
161      cursor: not-allowed
162    }
163
164    &.hideme {
165      td {
166        padding: 2px;
167        margin: 0;
168        line-height: 0;
169        cursor: pointer
170      }
171      * {
172        height: 1px;
173        min-height: 0;
174        border: 0;
175        padding: 0;
176        margin: 0;
177        opacity: 0
178      }
179    }
180  }
181  input.tablesorter-filter, select.tablesorter-filter {
182        width: 95%;
183        height: auto;
184        margin: 4px auto;
185        padding: 4px;
186        background-color: #fff;
187        border: 1px solid #bbb;
188        color: #333;
189        box-sizing: border-box;
190        transition: height .1s ease
191  }
192
193  .thead_flottant {
194        position: sticky !important;
195        top:0;
196        width:100% !important;
197  }
198
199  .filtered {
200        display: none
201  }
202
203  .tablesorter-errorRow td {
204        text-align: center;
205        cursor: pointer;
206        background-color: #e6bf99
207  }
208
209}
210
211.formulaire_spip {
212  .chosen-single, .chosen-drop {
213    color: $gray-800 !important;
214    padding: 0.25rem 0.5rem;
215    min-height: 2.5em;
216  }
217}
218.formulaire_tradlang_choisir_module {
219  .editer-groupe {
220    @include media-breakpoint-up(sm) {
221      margin: 0 -1.5rem;
222      display: flex;
223      flex-wrap: wrap;
224      .editer {
225        margin: 0;
226        width: 50%;
227        flex-basis: 50%;
228        max-width: 50%;
229
230        &.editer_choisir_module {
231          order: 1;
232        }
233
234        &.editer_choisir_lang_orig {
235          order: 2;
236        }
237
238        &.editer_choisir_lang_cible {
239          order: 4;
240        }
241
242        &.editer_creer_lang_cible {
243          order: 3;
244        }
245      }
246    }
247    .editer {
248      &.editer_choisir_lang_cible {
249        &.disabled {
250          opacity: 0.5;
251          &:hover, &:focus {
252            opacity: 1;
253          }
254        }
255      }
256      &.editer_creer_lang_cible {
257        opacity: 0.5;
258        &:hover, &:focus, &.focus {
259          opacity: 1;
260        }
261      }
262      display: flex;
263      flex-direction: column;
264      .explication {
265        order:5;
266        margin: 0.25 * $rem-vert-margin;
267        font-size: 16/18rem;
268      }
269    }
270  }
271}
272
273.tab-container {
274  .nav-tabs {
275
276  }
277  .tab-content {
278    background: $nav-tabs-link-active-bg;
279    padding: $padding-y-lg $padding-x-lg;
280    .tab-content-inner {
281      display: flex;
282      overflow: hidden;
283      .tab-pane{
284        display: block;
285        flex-basis: 100%;
286        width: 100%;
287        order:2;
288        flex-shrink: 0;
289        &.active {
290          order: 1;
291        }
292      }
293    }
294  }
295}
Note: See TracBrowser for help on using the repository browser.