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

Last change on this file since 120880 was 120880, checked in by Cerdic, 15 months ago

page module sans lang cible, bilan, bilan module

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