source: spip-zone/_squelettes_/html5up_editorial/css/theme.scss @ 107484

Last change on this file since 107484 was 107484, checked in by chankalan@…, 3 years ago

centrer l'icone du modèle <iconebloc>

File size: 3.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@import 'css/components/image';
7
8/* adapter le theme Editorial pour SPIP */
9.arbo {
10        font-size:80%;
11        a, strong {
12                color:_palette(fg-light);
13        }
14}
15.pagination {
16        text-align:center;
17        font-size:110%;
18        border-top:1px solid _palette(border);
19        padding-top:1em;
20        margin-top:3em;
21}
22hr.spip {
23        clear:both;
24}
25/* header */
26#header {
27        .spip_logo_left {
28                margin-bottom:0;
29        }
30}
31/* sidebar */
32#sidebar {
33        #menu a { /* rehausser le contrast trop faible */
34                color:_palette(fg-bold);
35        }
36        .contact_form {
37                li { border:0; }
38        }
39}
40/* content */
41#main {
42        > .inner > section {
43                clear:both;
44                &:after {
45                        display:block;
46                        content:'';
47                        clear:both;
48                }
49        }
50        .chapo, .texte, .ps {
51                margin-bottom:3em;
52                position:relative;
53        }
54        .texte { /* texte en 2 colonnes, en attendant mieux (mixin ?) */
55                -moz-column-count: 2;
56                -webkit-column-count: 2;
57                column-count: 2;
58                -moz-column-gap: 3em;
59                -webkit-column-gap: 3em;
60                column-gap: 3em;
61        }
62        .ps { /* ps en 3 colonnes, en attendant mieux (mixin ?) */
63                -moz-column-count: 3;
64                -webkit-column-count: 3;
65                column-count: 3;
66                -moz-column-gap: 3em;
67                -webkit-column-gap: 3em;
68                column-gap: 3em;
69        }
70        img {
71                max-width:100%;
72                height:auto;
73        }
74        .spip_documents img {
75                border-radius:0.375em;
76        }
77}
78.iconemodele {
79        color: _palette(accent);
80}
81/* avec crayons, remettre en forme les boutons */
82/*.features {
83        position:relative;
84        margin-left:-1.5em;
85        .crayon-icones {
86                position:absolute;
87                right:0;
88                left:auto;
89        }
90        p, .spip {
91                margin-left:1.5em;
92        }
93}*/
94article.feature.bloc {
95        width:calc(50% - 3em);
96        float:left;
97        clear:both;
98        padding: 2em 0 0 3.5em;
99        margin:0 3em 3em 0;
100        &:nth-child(2n) {
101                margin-right:0;
102                clear:none;
103        }
104        .icon {
105                &:after {
106                        display: block;
107                        position: absolute;
108                        height: 7em;
109                        width: 7em;
110                        left: 50%;
111                        top: 50%;
112                        margin: -3.5em 0 0 -3.5em;
113                        transform: rotate(45deg);
114                        border-radius: 0.25rem;
115                        border: solid 2px _palette(border);
116                        content: '';
117                }
118                &:before {
119                        color: _palette(accent);
120                        font-size: 2.75rem;
121                        position: relative;
122                        top: .3em;
123                }
124        }
125        .content {
126                margin: -5em 0 0 7em;
127                p { margin:0; }
128        }
129}
130.formulaire_crayon {
131        .crayon-boutons button,
132        input[type="submit"],
133        input[type="reset"], 
134        input[type="button"], 
135        button, 
136        .button, 
137        textarea, 
138        input { 
139                border-radius:0; box-shadow:0 0 0; border:0;
140        }
141}
142#colorbox {
143        input[type="submit"], input[type="reset"], input[type="button"], button, .button {
144                border-radius:0;
145                box-shadow:0 0 0;
146        }
147}
148/* footer */
149/* le logo de SPIP en taille et en couleur */
150#footer svg { height:16px; width:16px;
151        #sp, #ip {
152                fill:_palette(accent);
153        }
154}
155/* general */
156.offscreen {
157        position:absolute;
158        top:-9999em;
159        left:-9999em;
160        width:1px;
161        height:1px;
162        overflow:hidden;
163}
164@media (max-width:767px) {
165        /* content */
166        #main {
167        .texte, .ps { /* texte et ps en 1 colonnes, en attendant mieux (mixin ?) */
168                -moz-column-count: 1;
169                -webkit-column-count: 1;
170                column-count: 1;
171        }
172        }
173}
174@media (max-width:480px) {
175        .page_sommaire #banner {
176                display:block;
177                .image, .content {
178                        display:block;
179                        width:100%;
180                        margin-left:0;
181                        float:none;
182                        clear:both;
183                }
184        }
185}
Note: See TracBrowser for help on using the repository browser.