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

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

page sommaire, precedent/suivant

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    padding-top: $rem-vert-margin;
144    &>table.spip, &>.table {
145      box-shadow: 0 0 10px $gray-600;
146      margin-left: auto;
147      margin-right: auto;
148      width: map_get($container-max-widths, 'sm') - $grid-gutter-width;
149      @include media-breakpoint-only(md) {
150        width: map_get($container-max-widths, 'md') - $grid-gutter-width;
151      }
152      @include media-breakpoint-only(lg) {
153        width: map_get($container-max-widths, 'lg') - $grid-gutter-width;
154      }
155      @include media-breakpoint-only(xl) {
156        width: map_get($container-max-widths, 'xl') - $grid-gutter-width;
157      }
158    }
159  }
160}
161
162.tablesorter-default{
163  .header, .tablesorter-header {
164    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
165        background-position: center right;
166        background-repeat: no-repeat;
167        cursor: pointer;
168        white-space: normal;
169        padding-right: 20px;
170        position:relative;
171    &:after {
172      content:'';
173      display: block;
174      position: absolute;
175      bottom:-2px;
176      left:0;
177      width: 100%;
178      border-bottom: 2px solid #aaa;
179    }
180    &.headerSortUp, &.tablesorter-headerAsc, &.tablesorter-headerSortUp {
181      background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
182      &:after {
183        border-bottom: 2px solid #000;
184      }
185    }
186    &.headerSortDown, &.tablesorter-headerDesc, &.tablesorter-headerSortDown {
187      background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
188      &:after {
189        border-bottom: 2px solid #000;
190      }
191    }
192  }
193  .sorter-false {
194        background-image: none;
195        cursor: default;
196  }
197  .tablesorter-processing {
198        background-position: center center !important;
199        background-repeat: no-repeat !important;
200        background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important
201  }
202  .tablesorter-filter-row {
203    td {
204      border-bottom: #aaa 1px solid;
205      line-height: normal;
206      text-align: center;
207      transition: line-height .1s ease
208    }
209    .disabled {
210      opacity: .5;
211      cursor: not-allowed
212    }
213
214    &.hideme {
215      td {
216        padding: 2px;
217        margin: 0;
218        line-height: 0;
219        cursor: pointer
220      }
221      * {
222        height: 1px;
223        min-height: 0;
224        border: 0;
225        padding: 0;
226        margin: 0;
227        opacity: 0
228      }
229    }
230  }
231  input.tablesorter-filter, select.tablesorter-filter {
232        width: 95%;
233        height: auto;
234        margin: 4px auto;
235        padding: 4px;
236        background-color: #fff;
237        border: 1px solid #bbb;
238        color: #333;
239        box-sizing: border-box;
240        transition: height .1s ease
241  }
242
243  .thead_flottant {
244        position: sticky !important;
245        top:0;
246        width:100% !important;
247  }
248
249  .filtered {
250        display: none
251  }
252
253  .tablesorter-errorRow td {
254        text-align: center;
255        cursor: pointer;
256        background-color: #e6bf99
257  }
258
259}
260
261.tab-container {
262  .nav-tabs {
263
264  }
265  .tab-content {
266    background: $nav-tabs-link-active-bg;
267    padding: $rem-vert-margin $padding-x-lg;
268    .tab-content-inner {
269      display: flex;
270      overflow: hidden;
271      .tab-pane{
272        display: block;
273        flex-basis: 100%;
274        width: 100%;
275        order:2;
276        flex-shrink: 0;
277        &.active {
278          order: 1;
279        }
280      }
281    }
282  }
283}
Note: See TracBrowser for help on using the repository browser.