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

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

Styler le code inline : pas de coloration (lisibilité), et un background léger

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