source: spip-zone/_squelettes_/html5up_solid_state/css/spip.scss @ 115514

Last change on this file since 115514 was 115514, checked in by jeanmarie.listes@…, 9 months ago

Ajustements CSS

File size: 4.1 KB
Line 
1@import 'css/libs/vars';
2@import 'css/vars_spip';
3@import 'css/libs/functions';
4@import 'css/libs/mixins';
5@import 'css/libs/skel';
6
7@include skel-breakpoints((
8                xlarge: '(max-width: 1680px)',
9                large: '(max-width: 1280px)',
10                medium: '(max-width: 980px)',
11                small: '(max-width: 736px)',
12                xsmall: '(max-width: 640px)',
13                xxsmall: '(max-width: 360px)'
14));
15
16/* --------------------------------------------------------------
17
18   spip.css
19   Styles associes au code genere par SPIP
20
21
22-------------------------------------------------------------- */
23
24s, strike, del, .del {
25        opacity: 1;
26}
27
28/* Compatibilite ancienne dist */
29.on {
30        font-weight: bold;
31}
32
33/* Logos, documents et images */
34#wrapper {
35        .spip_logo {
36                float: right;
37                margin: 0 0 10px 10px;
38                padding: 0;
39                border: none;
40        }
41
42        .spip_logo {
43                margin: 0 0 10px 10px;
44                padding: 0;
45                border: none;
46        }
47        .spip_logo_center {
48                clear: both;
49                display: block;
50                margin: 0 auto 1.5em auto;
51        }
52        .spip_logo_left {
53                float: left;
54                margin-right: 1.5em;
55                margin-bottom: 1.5em;
56        }
57        .spip_logo_right {
58                float: right;
59                margin-left: 1.5em;
60                margin-bottom: 1.5em;
61        }
62}
63
64.spip_documents {
65        margin-bottom: 1.5em;
66        padding: 0;
67        background: none;
68        max-width: 100%;
69}
70
71.spip_documents,
72.spip_documents_center,
73.spip_doc_titre,
74.spip_doc_descriptif {
75        margin-right: auto;
76        margin-left: auto;
77        text-align: center;
78}
79
80.spip_documents_center {
81        clear: both;
82        display: block;
83        width: 100%;
84}
85
86.spip_documents_left {
87        float: left;
88        margin-right: 1.5em;
89}
90
91.spip_documents_right {
92        float: right;
93        margin-left: 1.5em;
94}
95
96.spip_doc_titre {
97}
98
99.spip_doc_descriptif {
100        clear: both;
101}
102
103.spip_doc_credits {
104        font-size: x-small;
105        clear: both;
106}
107
108.spip_documents_left, .spip_documents_right {
109        @include breakpoint(xsmall) {
110                float: none !important;
111                margin-left:0; margin-right:0;
112                width:auto !important;
113                img {
114                        width:90%;
115                        height:auto;
116                        margin:0 auto;
117                }
118        }
119}
120
121
122
123/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
124@media (max-width: 640px) {
125        .spip_documents, .spip_doc_titre, .spip_doc_descriptif {
126                max-width: 100% !important;
127        }
128}
129
130/* Modeles par defaut */
131.spip_modele {
132        float: right;
133        display: block;
134        width: 25%;
135        margin: 0 0 1.5em 1.5em;
136        padding: 1.5em;
137        background-color: #EEE;
138}
139
140/* Formulaires */
141.formulaire_spip {
142}
143
144@media print {
145        .formulaire_spip {
146                display: none;
147        }
148}
149
150/* Barre typo */
151.markItUp .markItUpHeader ul .markItUpSeparator {
152        display: none;
153}
154
155/* Previsu */
156.previsu {
157        margin-bottom: 1.5em;
158        padding: 0.75em;
159        border: 2px dashed #F57900;
160}
161
162fieldset.previsu legend {
163        color: #F57900;
164}
165
166/* Reponses */
167.reponse_formulaire {
168        margin-bottom: 1.5em;
169        padding: 0.75em;
170        border: 2px solid #ddd;
171}
172
173.reponse_formulaire_ok {
174        background: #e6efc2;
175        color: #264409;
176        border-color: #c6d880;
177}
178
179.reponse_formulaire_erreur {
180        background: #fbe3e4;
181        color: #8a1f11;
182        border-color: #fbc2c4;
183}
184
185.reponse_formulaire_ok a {
186        color: #264409;
187}
188
189.reponse_formulaire_erreur a {
190        color: #8a1f11;
191}
192
193.erreur_message {
194        color: red;
195}
196
197.editer.erreur input[type="text"], .editer.erreur input.text,
198.editer.erreur input[type="password"], .editer.erreur input.password,
199.editer.erreur textarea,
200li.erreur input[type="text"], li.erreur input.text,
201li.erreur input[type="password"], li.erreur input.password,
202li.erreur textarea {
203        background-color: #fbe3e4;
204        border-color: #fbc2c4;
205}
206
207.spip_surligne {
208        background-color: yellow;
209}
210
211/* Paragraphes */
212div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center {
213        margin-bottom: 1.5em;
214}
215
216
217@media print {
218        .pagination {
219                display: none;
220        }
221}
222
223/* Liens de SPIP */
224a.spip_note {
225        font-weight: bold;
226}
227
228/* liens vers notes de bas de page */
229a.spip_in {
230}
231
232/* liens internes */
233a.spip_mail {
234}
235
236a.spip_out {
237}
238
239/* liens sortants */
240a.spip_url {
241}
242
243/* liens url sortants */
244a.spip_glossaire {
245}
246
247@media print {
248        .spip-admin,
249        #spip-admin {
250                display: none;
251        }
252}
253
254
255/* fin spip.css */
256
257/* --------------------------------------------------------------
258
259   Spip2SolidState
260   Réinitialisations de certainss styles définis par Solid State
261
262
263-------------------------------------------------------------- */
264
265#colorbox button {
266        padding: 0;
267}
268
269/* fin Spip2SolidState */
Note: See TracBrowser for help on using the repository browser.