source: spip-zone/_galaxie_/galactic/galactic/scss/styles/_styles.scss @ 113640

Last change on this file since 113640 was 113640, checked in by nicod@…, 3 months ago

Limiter la cascade, c'est mieux

File size: 4.3 KB
Line 
1//----------------------------------------
2//  Contenu principal
3//----------------------------------------
4
5.contentMain {
6
7        .cartouche {
8                .spip_logos {
9                        float:         right;
10                        margin-left:   1em;
11                        margin-bottom: 1em;
12                }
13        }
14
15        .descriptif,
16        .chapo {
17                @include text-block();
18        }
19        .chapo {
20                font-weight: bold;
21        }
22       
23        .notes {
24                border-top: 3px solid $couleur-gris5;
25                padding-top: 2em;
26                margin-top: 3em;
27        }
28        .titre-notes {
29                font-size: 1.2em;
30                font-weight: bold;
31                font-style: italic;
32        }
33
34        blockquote {
35                margin:       0;
36                @include text-block();
37                border-left:  3px solid #003E4B;
38                padding-left: 1em;
39        }
40       
41}
42
43.spip_cadre,
44div.spip_code code {
45        display:    block;
46        @include text-block();
47        width:      100%;
48        padding:    1em;
49        background: #003E4B;
50        color:      white;
51}
52
53// blocs de code
54div.spip_code, div.coloration_code {
55        @include text-block();
56        pre {
57                padding:       0;
58                margin:        0;
59                background:    none;
60                font-size:     0.95em;
61                -moz-tab-size: 4;
62                tab-size:      4;
63        }
64        ol {
65                list-style-type: none;
66                margin:          0 0 em(8px) 0;
67                padding:         em(24px);
68                background:      #003E4B;
69                font-size:       0.95em;
70                color:           white;
71        }
72}
73
74// code inline
75code.spip_code, span.spip_code, span.coloration_code {
76        &, * { color: #2360b4 !important; }
77        display: inline-block;
78        padding: 0 0.25em;
79        background: #F4F4F4;
80}
81
82// boutons "télécharger" de coloration_code
83// (remplacé par le bouton "copier" de precode s'il est installé)
84p.download {
85        text-align: right;
86}
87p.download a,
88a.download,
89a .download__span {
90        position:         relative;
91        display:          inline-block;
92        padding:          1em 3em 1em 1em;
93        background-color: #1675E1;
94        font-size:        0.9em;
95        font-style:       italic;
96        color:            white;
97        &:after {
98                content:    ' ';
99                display:    block;
100                position:   absolute;
101                right:      1em;
102                top:        50%;
103                transform:  translateY(-50%);
104                background: url(../images/icone-telecharger.svg) center no-repeat;
105                @include vendor-prefix('background-size', 1.2em);
106                width:      1.2em;
107                height:     1.2em;
108        }
109}
110
111// liens d'évitement
112
113.accesrapide {
114        list-style: none;
115        padding: 0;
116        margin: 0;
117}
118.accesrapide__lien {
119        display: inline-block;
120        z-index: 1000;
121        padding: 0.1em 0.2em;
122        &:focus {
123                background-color: darken($couleur-lien-hover,10%) !important;
124                border-color: $couleur-lien-hover !important;
125                color: white !important;               
126        }
127}
128.accesrapide--main a.focusable:focus {
129        position: absolute;
130}
131
132//----------------------------------------
133//  Surcharges SPIP
134//----------------------------------------
135
136// le "petit cadenas" du formulaire de login
137#pass_securise {
138        display: none;
139}
140
141.spip-admin-bloc, .spip-admin-float {
142        right:     20px !important;
143        font-size: 0.8em;
144}
145
146.spip-admin-boutons {
147        border-radius: 0.3em !important;
148        padding:       0.5em !important;
149}
150
151table.spip {
152        width:           100%;
153        max-width:       100%;
154        border:          none;
155        background:      none;
156        margin:          1.5em 0;
157        border-collapse: collapse;
158        line-height:     inherit;
159        @include module-block();
160        caption {
161                font-weight:    normal;
162                font-size:      0.9em;
163                color:          $couleur-gris3;
164                padding-bottom: 0.5em;
165        }
166        th {
167                border:      none;
168                border-top:  1px solid #D7D7D7;
169                background:  #F6F6F6;
170                padding:     .5em;
171                line-height: normal;
172        }
173        thead th {
174                border-top:    none;
175                border-bottom: 2px solid #9E9E9E;
176        }
177        td {
178                border:     none;
179                border-top: 1px solid #E9E9E9;
180                padding:    .5em;
181        }
182        tr:not(even) {
183                background: #FEFEFE;
184        }
185        tbody tr:last-child td,
186        tbody tr:last-child th {
187                border-bottom: 1px solid #AFAFAF;
188        }
189        tbody tr:hover td {
190                color: #434343;
191        }
192
193}
194
195.markItUp .markItUpHeader {
196        // une barre d'édition "flat" comme le thème, sans dégradé ni arrondis
197        background:    $couleur-gris5 !important;
198        border-color:  darken($couleur-gris5, 5%) !important;
199        border-bottom: none;
200        border-radius: 0 !important;
201}
202
203
204//----------------------------------------
205//  Surcharges du plugin precode
206//----------------------------------------
207
208.precode {
209        pre, pre[class] {
210                border: none;
211                border-radius: 0;
212                color:      white;
213                background: #003E4B;
214        }
215        pre,
216        pre code {
217                padding: 1.5em;
218        }
219        pre::before,
220        pre.spip::before,
221        pre.spip2::before,
222        pre.html::before,
223        pre.css::before,
224        pre.less::before,
225        pre.sass::before,
226        pre.scss::before,
227        pre.js::before,
228        pre.php::before,
229        pre.xml::before { color: white; }
230}
Note: See TracBrowser for help on using the repository browser.