source: spip-zone/_plugins_/noizetier_layout/trunk/prive/style_prive_plugin_noizetier_layout.html @ 118190

Last change on this file since 118190 was 118173, checked in by Charles Razack, 8 months ago

Ajustements, corrections de coquilles et bugs.

  • Property svn:eol-style set to native
File size: 2.7 KB
Line 
1[(#REM)<style>]#CACHE{3600*100,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
3#HTTP_HEADER{Vary: Accept-Encoding}
4/**
5#SET{claire,##ENV{couleur_claire,edf3fe}}
6#SET{foncee,##ENV{couleur_foncee,3874b0}}
7*/
8
9/**
10 * =======
11 * Saisies
12 * =======
13 */
14
15/* Ligne contenant 1 ou plusieurs inputs */
16.gridedit {
17  display: flex;
18  flex-flow: row nowrap;
19  box-sizing: border-box;
20  margin: 0.5em 0;
21}
22.gridedit__item {
23  display: flex;
24  flex-flow: column;
25  align-items: center;
26  margin-right: 1em;
27  text-align: center;
28  flex: 0 1 2em; /* % pour forcer largeurs égales */
29}
30.gridedit__item:last-child {
31  margin-right: 0;
32}
33.gridedit__item_media {
34  flex: 0 0 5em;
35}
36.gridedit__item_select,
37.gridedit__item_slider {
38  flex: 1 1 auto;
39  display: block;
40}
41.gridedit__item_exposer {
42  background-color: [#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];
43}
44.gridedit__item input {
45  margin: 0 0 0.5em;
46}
47.gridedit__item label {
48  display: flex !important;
49  flex-flow: column;
50  align-items: center;
51  margin: 0 !important;
52  padding: 0 !important;
53  text-align: center !important;
54  line-height: 1;
55}
56.gridedit__item:not(.radioslider) label {
57  width: auto !important;
58}
59.gridedit__item label img,
60.gridedit__item label svg {
61  max-width: 50px;
62  height: auto;
63  margin-bottom: 0.5em;
64}
65
66/* Radioslider & rangeslider : choses communes */
67.editer .rangeslider,
68.editer .radios-to-slider {
69  background: hsla(0, 0%, 0%, 0.1);
70}
71.editer .radios-to-slider .slider-bar,
72.editer .rangeslider__fill {
73  background-color: #GET{foncee};
74}
75.editer .radios-to-slider.medium .slider-knob,
76.editer .rangeslider__handle {
77  background: white;
78  border: 1px solid hsla(0, 0%, 0%, 0.2);
79  box-shadow: 0 0 0.2em hsla(0, 0%, 0%, 0.2);
80}
81
82/* Radioslider */
83.editer .radios-to-slider.medium {
84  margin-bottom: 3em;
85}
86.editer .radios-to-slider.medium .slider-label {
87  top: 3em;
88}
89.editer .radios-to-slider.medium label {
90  margin: 0;
91  text-align: center;
92}
93
94/* Rangeslider */
95/*
96.editer .grid-medias__inputs.rangeslider-container {
97  flex: 0 1 100%;
98}
99.rangeslider__labels {
100  display: table;
101  table-layout: fixed;
102  width: 100%;
103  margin-top: 5px;
104}
105.rangeslider__label {
106  display: table-cell;
107}
108.editer .rangeslider,
109.editer .rangeslider__fill {
110  box-shadow: none;
111}
112.editer .rangeslider .rangeslider__handle {
113  width: 20px;
114  height: 20px;
115  top: 0;
116}
117.editer .rangeslider__handle:after {
118  display: none;
119}
120*/
121
122
123
124/**
125 * ==============
126 * Prévisu layout
127 * ==============
128 */
129.noisettes_layout .noisette,
130.noisettes_layout .noisette__resume_conteneur {
131  margin-bottom: 0.5em;
132}
133.noisettes_layout .noisette__resume {
134  display: flex;
135  background-color: hsla(0, 0%, 0%, 0.05);
136  transition: background 0.2s;
137}
Note: See TracBrowser for help on using the repository browser.