source: spip-zone/_galaxie_/galactic/galactic_forum/scss/galactic_theme.scss @ 106029

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

On modifie le tri par note pour prendre en compte les votes négatifs, et les indiquer dans le résumé du sujet ou du commentaire.
Nécessite la dernière version de notation.

File size: 5.3 KB
Line 
1
2// MENU DE CHOIX DES LANGUES
3// sur deux colonnes
4
5.menu-lang.open,
6.menu-lang__items {
7        width: 20em;
8}
9
10.menu-lang__items {
11        -moz-column-count:    2;
12        -webkit-column-count: 2;
13        column-count:         2;
14}
15
16.menu-lang__item {
17        padding: 0.2em 1em;
18}
19
20// Couleur du logo
21.header__nav svg * {
22        fill: $couleur-nav;
23}
24
25// Colonne droite
26.article__statut {
27        p {
28                .nb_sujets,
29                .nb_resolus,
30                .visiteurs_connectes {
31                        &:after {
32                                content: ' — ';
33                                padding: 0 0.3em;
34                        }
35                        &:last-child:after {
36                                content: '';
37                        }
38                }
39        }
40}
41.body--article, .body--rubrique {
42        .article__statut {
43                margin-top:1em;
44        }
45}
46
47.listCategories {
48        list-style-type: none;
49        margin-left:0;
50
51        .listCategories__item {
52                border-left: 5px solid $couleur-chapitre-defaut-vif;
53                padding:.3em 0 .3em 1em;
54                margin-bottom:1em;
55
56                p { margin-bottom:0; }
57                @for $i from 1 to length($couleur-chapitre-vif) + 1 {
58                        &.c#{$i} {
59                                border-left-color: nth($couleur-chapitre-vif, $i);
60                        }
61                }
62        }
63}
64
65.contentMain__main {
66        margin-bottom:4px; /* Séparation avec contentExtra */
67        .listCategories {
68                display:flex;
69                flex-direction: row;
70                flex-wrap:wrap;
71                justify-content: space-between;
72                .listCategories__item {
73                        width:47%;
74                }
75        }
76}
77
78.listeSujets {
79        list-style-type:none;
80        margin-left:0;
81        margin-top:2em;
82        margin-bottom:4em;
83        & > .item:not(:last-child) {
84                /*border-bottom:1px solid $couleur-bordure;*/
85                padding-bottom:1.5em;
86                margin-bottom:1.5em;
87        }
88
89        .ligneSujet {
90                display:flex;
91                @for $i from 1 to length($couleur-chapitre-vif) + 1 {
92                        &.c#{$i} .ligneSujet__enbref .categorie .fa {
93                                color: nth($couleur-chapitre-vif, $i);
94                        }
95                }
96                .ligneSujet__enbref {
97                        font-size: .9em;
98                        text-align:right;
99                        width:5em;
100                        flex: 0 0 5em; /* 999 votes */
101                        padding-right:1em;
102                        .categorie {}
103                        .nb_votes {
104                                display: block;
105                                .fa {
106                                        color: $couleur-votes;
107                                }
108                                &.votes_plus .fa {
109                                        color: $couleur-votes-plus;
110                                }
111                                &.votes_moins .fa {
112                                        color: $couleur-votes-moins;
113                                }
114                        }
115                        .nb_comments {
116                                display: block;
117                                .fa {
118                                        color: $couleur-gris4;
119                                }
120                                &.comments_0 .fa {
121                                        color: $couleur-nocomment;
122                                }
123                                &.resolu .fa {
124                                        color: $couleur-resolu;
125                                }
126                        }
127                }
128                .ligneSujet__description {
129                        flex-grow: 1;
130                        .titre { margin-bottom:0;}
131                        p { margin-bottom:0; }
132                }
133
134                .publication {
135                        background:$couleur-gris5;
136                        padding:.2em .3em;
137                        margin: .2em 0;
138                        display:flex;
139                        flex-direction: row;
140                        font-size: .9em;
141
142                        .publication__logo {
143                                width: 20px;
144                                flex: 0 0 20px;
145                                img { vertical-align: top; margin-top:1px; }
146                        }
147                        .publication__auteur {
148                                margin-left:.5em;
149                                flex-grow: 1;
150                        }
151                        .publication_date {
152                                width:16em;
153                                flex: 0 0 16em;
154                                text-align:right;
155                        }
156                }
157        }
158
159}
160
161.contentExtra__main {
162        background:    white;
163        padding:       1em;
164        @include media($bp-medium-up) {
165                padding: em(48px) 5%;
166        }
167        @include media($bp-large-up) {
168                padding: em(48px) 12.5%;
169        }
170        margin-bottom: em(16px);
171}
172
173.contentNav {
174        .contentNav__user {
175                background: white;
176                padding: em(24px);
177                margin-bottom: 4px;
178                .username { display:block; }
179                .bio { font-size: .9em; }
180                .user--links {
181                        list-style-type: none;
182                        margin:.5em 0 0 0;
183                        & > li {
184                                &:not(:last-child) { margin-bottom:.5em; }
185                                .fa {
186                                        padding-right: .3em;
187                                }
188                        }
189                }
190        }
191        .contentNav__main {
192                margin-bottom:5px;
193                padding-top: em(8px);
194                padding-bottom: em(8px);
195
196                .contentNav__racine {
197                        margin-left:  em(-8px);
198
199                        .contentNav__article {
200                                padding:0;
201                                margin-bottom:.5em;
202
203                                a {
204                                        padding: .2em .5em .2em 1em;
205                                        margin:.5em 0;
206                                        color: $couleur-lien;
207
208                                        .titre {
209                                                margin-bottom:0; display:block;
210                                        }
211                                        &:hover, &:focus {
212                                                text-decoration: none;
213                                                .titre { text-decoration: underline; }
214                                        }
215                                }
216                                &.active {
217                                        border-left-width: 10px;
218                                        margin-left: -5px;
219                                        & > a {
220                                                background: none;
221                                                &:hover,
222                                                &:focus {
223                                                        color: $couleur-nav;
224                                                }
225                                        }
226                                }
227
228                        }
229                }
230        }
231
232        .bouton.block-link-parent .fa {
233                width:     em(14px);
234                float:     right;
235                right:     1em;
236                position:  absolute;
237                top:       50%;
238                transform: translateY(-50%);
239        }
240        .bouton_faq .fa { color: $couleur-faq; }
241}
242
243.onglets {
244        display:flex;
245        /*border-bottom:1px solid $couleur-bordure;*/
246        font-size:.9em;
247        padding-left:5em;
248        a {
249                text-align:center;
250                padding:.3em .7em;
251                background-color: $couleur-gris5;
252                margin-right:4px;
253                &.on {
254                        background-color: $couleur-lien-hover;
255                        color:white;
256                }
257                &:hover, &:focus {
258                        background-color: $couleur-lien;
259                        color:white;
260                        text-decoration:none;
261                }
262                &.on, &:hover, &:focus {
263                        .fa {
264                                color: white !important;
265                                transition: color 0.3s;
266                        }
267                }
268                .fa.votes { color: $couleur-votes-plus; margin-right:.2em; }
269                .fa.sans_reponse { color: $couleur-nocomment; margin-right:.2em; }
270                .fa.faq { color: $couleur-faq; margin-right:.2em; }
271        }
272}
273
274/* présentation d’un auteur */
275.shortdesc {
276        display:flex;
277        flex-direction: row;
278        .shortdesc--logo {
279                width:120px;
280        }
281}
282
283/* Colorer pour rendre visible tous les formulaires */
284.formulaire_spip:not(.formulaire_recherche) {
285        background: $couleur-gris5;
286        padding:1em;
287}
288
289/* Comprimer le formulaire de login */
290.formulaire_login {
291        position:relative;
292        #pass_securise { float:right; }
293        .editer_password .details { margin-bottom:0; }
294        .editer_session { margin-bottom:0; }
295        fieldset { margin:0; }
296        .boutons { margin-top:0; padding:0; position:absolute; bottom:1em; right:1em; }
297}
298
299#cboxContent {
300        .contentLogin {
301                .cartouche { display:none; }
302        }
303}
Note: See TracBrowser for help on using the repository browser.