source: spip-zone/_galaxie_/galactic/galactic/scss/base/_spip.scss @ 105541

Last change on this file since 105541 was 105541, checked in by nicolas.dorigny@…, 3 years ago

Un squelette basé sur le design créé par Jordan
cf la capture écran sur l'article https://contrib.spip.net/Refonte-de-l-identite-graphique

Ce squelette Z et SCSS est conçu pour être surchargé par des thèmes spécialisé, sous la forme d'autres plugins à installer.

Ce ne sont pas des thèmes au sens de ceux qui existent pour la dist ou pour Spipr, ces thèmes là peuvent déclarer des dépendances, des configurations, des options etc.
Ils s'installent donc comme des plugins et pas avec Zen-Garden.

Deux thèmes pour l'instant : programmer.spip.net, et spip.net

C'est un travail en cours, j'uploade tout ça sur la zone pour le partager et en discuter.

TODO : une documentation du squelette et de la façon de créer un thème (surcharges).

File size: 2.7 KB
Line 
1/* Tableaux */
2table.spip {
3  max-width: 99%;
4  margin-right: auto;
5  margin-left: auto;
6  margin-bottom: $typo-margin-vertical;
7  border-collapse: collapse;
8  border-spacing: 0;
9  line-height: normal;
10}
11
12table.spip caption {
13  caption-side: top; /* bottom pas pris en compte par IE */
14  text-align: center;
15  margin-right: auto;
16  margin-left: auto;
17  font-weight: bold;
18}
19
20table.spip tr:nth-child(odd) {
21  background: white;
22}
23
24table.spip tr:not(even) {
25  background: #f9f9f9;
26}
27
28table.spip th, table.spip td {
29  padding: 0.20em 0.40em;
30  text-align: left;
31  border: 1px solid #ccc;
32}
33
34table.spip th {
35  background: #eee;
36  vertical-align: top;
37  font-weight: bold;
38}
39
40table.spip td {
41  vertical-align: top;
42}
43
44table.spip td.numeric {
45  text-align: right;
46}
47
48/* ajax */
49/* loading ajax */
50.bugajaxie {
51  display: none;
52}
53
54.ariaformprop,
55.ajaxbloc {
56  position: relative;
57}
58
59.ariaformprop .image_loading,
60.ajaxbloc .image_loading {
61  position: absolute;
62  top: 0;
63  right: 0;
64}
65
66/* Modeles par defaut */
67.spip_modele {
68  float: right;
69  display: block;
70  width: 25%;
71  border: 1px dotted #666;
72}
73
74.spip_documents {
75  margin-bottom: $typo-margin-vertical;
76  text-align: center;
77  font-size: 90%;
78  .spip_doc_titre {
79    margin: 0.8em auto 0 auto;
80  }
81}
82
83@media print {
84  .pagination {
85    display: none;
86  }
87  .spip-admin,
88  #spip-admin {
89    display: none;
90  }
91}
92
93/* Boutons action */
94.bouton_action_post,
95.bouton_action_post > div {
96  display: inline;
97}
98
99/* pas de bouton fullscreen dans la barre typo sur le front */
100.markItUpTabs a.fullscreen {
101  display: none;
102}
103
104.spip_surligne {
105  background: #6f6f6f;
106  color: white;
107  font-weight: bold;
108  padding: 0px 2px;
109}
110
111/* documents */
112.spip_documents {
113  text-align: center;
114  @include text-block();
115}
116
117.spip_documents_center {
118  clear: both;
119  width: 100%;
120  margin-left: auto;
121  margin-right: auto;
122}
123
124span.spip_documents_center {
125  display: block;
126  //margin-top: 1em;
127}
128
129.spip_documents_left {
130  float: left;
131  margin-right: 1em;
132}
133
134.spip_documents_right {
135  float: right;
136  margin-left: 1em;
137}
138
139.spip_doc_titre, .spip_doc_descriptif {
140  margin-left: auto;
141  margin-right: auto;
142}
143
144.spip_doc_descriptif {
145  clear: both;
146}
147
148@include media($bp-medium) {
149  .spip_documents_left,
150  .spip_documents_right {
151    float: none;
152    margin-left: 0;
153    text-align: center;
154  }
155}
156
157.spip_documents .oembed {
158  background: none;
159  padding: 0;
160  border: none;
161}
162
163/* Barre de raccourcis typographiques */
164table.spip_barre {
165  width: 100%;
166}
167
168table.spip_barre a img {
169  background: #FDA;
170  padding: 3px;
171  border: 1px outset #999;
172}
173
174table.spip_barre a:hover img {
175  background: #FFF;
176  border: 1px solid #999;
177}
178
179table.spip_barre input.barre {
180  width: 100%;
181  background: #EEE;
182}
Note: See TracBrowser for help on using the repository browser.