source: spip-zone/_plugins_/rainette/trunk/rainette.css @ 108245

Last change on this file since 108245 was 108245, checked in by eric@…, 14 months ago

Evolution majeure : ajout d'une gestion de thèmes pour chaque service.
Il est désormais possible d'afficher soit l'icone distant fourni dans l'API, soit un icone local d'un thème compatible avec le service, soit l'icone d'un service de weather.com.
Ceci est particulièrement intéressant car il existe moulte thèmes d'icones pour weather.com.
Pour l'instant, un seul thème est proposé par service à l'exception de owm.
Suivra bientôt un nouveau plugin associé à Rainette qui proposera nombre de thèmes et permettra de les visualiser afin de choisir celui à utiliser.
Refactoring et factorisation des fonctions associées.

  • Property svn:eol-style set to native
  • Property svn:executable set to *
File size: 5.2 KB
Line 
1/* Styles generaux  */
2.rainette_titre {margin: 0.5em 0 0.5em 1em;     padding:0 0 0 0;}
3.rainette_credits {margin: 0.5em 0 0; text-align: center; clear:both; font-size: 10px; font-style: normal;}
4.rainette_credits a {padding: 10px 5px;}
5.rainette_credits.infos {margin-left: 0.85em; margin-bottom: 0.5em;}
6.rainette_credits.infos a {padding-left: 0; padding-right: 0; text-align: left;}
7.rainette_credits.condtr {}
8.rainette_credits.prev24h {margin-bottom: 0.5em;}
9.rainette_credits.prev2x12h {}
10
11/* INFOS: Styles utilises par le modele rainette_infos */
12.rainette_infos {
13        float: left;
14        width: 36em;
15        background: #ffffff;
16        border: 0.2em solid #dddddd;
17        margin: 0.5em 0 1em 0;
18        padding: 0;
19        line-height: normal;
20}
21.rainette_infos .ville {margin: 0.5em 0 0 0.5em;}
22.rainette_infos .coordonnees {
23    margin: 0.5em 0 0.5em 0.85em; 
24    list-style-type: none;
25    font-size: 0.85em;
26    padding: 0;
27}
28
29/* CONDITIONS: Styles utilises par le modele rainette_conditions */
30.rainette_conditions {
31        float: left;
32        width: 36em;
33        background: #fcfcfc;
34        border: 0.15em solid #dddddd;
35        margin: 0.5em 0 2em 0;
36        padding:0 0 0.5em 0;
37        line-height: normal;
38}
39.rainette_conditions .statut {float: left; width: 21em;}
40.rainette_conditions .cadre {
41        float: left;
42        width: 19em;
43        border: 0.1em solid #dddddd;
44        background: #ffffff;
45        margin: 1em 0 0 1em;
46        padding: 0 0 0.5em 0;
47}
48.rainette_conditions .icone {float: left; margin: 0.3em 0 -0.5em 0.7em;}
49.rainette_conditions .t_reelle {
50        float: left;
51        color: #333333;
52        font-size: 3em;
53        font-weight: bold;
54        margin: 0.25em 0 0 0.25em;
55}
56.rainette_conditions .t_ressentie {
57        float: left; color: #333333; margin: 0.5em 0 0 0.75em;
58}
59.rainette_conditions .resume {
60        float: left;
61        text-align: center;
62        font-weight: bold;
63        padding: 1em 0 0.25em;
64}
65.rainette_conditions .maj {
66        float: left;
67        font-size: 0.85em;
68        color: #000000;
69        padding: 0.5em 0 1.75em 1.25em;
70}
71.rainette_conditions .details {
72        list-style-type: none;
73        padding: 0 0 0 21em;
74        margin: 1em 0 0;
75}
76.rainette_conditions li {
77        float: left;
78        color: #000000;
79        width: 13em;
80        padding: 0 0 0.7em 0.1em;
81        list-style-type: none;
82}
83.rainette_conditions li span {color: #6E6E6E; font-weight: bold; display: block;}
84
85.rainette_conditions li img { margin: -1em 0 0 0}
86
87/* PREVISIONS: Styles utilises par le modele rainette_previsions, sur 1 jour presente en 2x12h */
88.rainette_previsions_12h {
89        float: left;
90        border: 0.2em solid #dddddd;
91        width: 54.2em;
92        margin: 0.5em 0 0 0;
93        line-height: normal;
94}
95.rainette_previsions_12h .entete {
96        float: left;
97        height: 1.8em;
98        width: 26.9em;
99        border-right: 0.1em solid #dddddd;
100        border-bottom: 0.1em solid #dddddd;
101        padding: 0.5em 0 0 0;
102        text-align: center;
103        font-weight: bold;
104        background: #fcfcfc;
105}
106.rainette_previsions_12h .entete+.entete {
107        width: 26.9em;
108        border-right: 0;
109}
110.rainette_previsions_12h .cadre {float: left; background: #ffffff;}
111.rainette_previsions_12h .cellule {
112        float: left;
113        width: 26.9em;
114        border-style: solid;
115        border-color: #dddddd;
116        border-width: 0 0.1em 0.1em 0;
117}
118.rainette_previsions_12h .cellule+.cellule {
119        width: 26.9em;
120        border-width: 0 0 0.1em 0;
121}
122.rainette_previsions_12h .contenu {
123        float: left; width: 24em; margin: 0.5em 1em 1em 1em;
124}
125.rainette_previsions_12h .icone {
126        float: left; width: 11em; height:11em; padding: 0 1em 0 1em;
127}
128.rainette_previsions_12h .t_reelle {
129        width: 10em;
130        float: left;
131        font-weight: bold;
132        font-size: 1em;
133        color: #333333;
134        margin: 1em 0 0 1em;
135}
136.rainette_previsions_12h .t_reelle span {font-size: 3em;}
137.rainette_previsions_12h .details {
138        float: left;
139        clear: both;
140        color: #6e6e6e;
141        width: 26em;
142        padding: 0.5em 0 0 0;
143}
144.rainette_previsions_12h .details ul {
145        list-style-type: none; padding: 0; margin: 0;
146}
147.rainette_previsions_12h .details li {margin-left: 12em; clear:both;}
148.rainette_previsions_12h .details li span {margin-left:-12em; float:left; display:inline; font-weight: bold;}
149.rainette_previsions_12h .maj {
150        float: left;
151        width: inherit; /* sinon le text-align est inoperant */
152        text-align: center;
153        color: #333333;
154        font-size: 0.9em;
155        padding: 0.5em;
156}
157
158/* PREVISIONS: Styles utilises par le modele rainette_previsions, sur x jours presente en 24h simple */
159.rainette_previsions_24h {
160        float: left;
161        border: 0.1em solid #dddddd;
162        box-sizing: initial;
163        width: 11em;
164        margin: 0.4em 0.4em 2em 0;
165        line-height: normal;
166}
167.rainette_previsions_24h .jour {
168        height: 1.9em;
169        font-weight: bold;
170        background: #fcfcfc;
171        width: 11em;
172        border-bottom: 0.1em solid #dddddd;
173        padding: 0.4em 0 0 0;
174        text-align: center;
175}
176.rainette_previsions_24h .date {
177        height: 1.9em;
178        font-weight: bold;
179        background: #fcfcfc;
180        width: 11em;
181        border-bottom: 0.1em solid #dddddd;
182        padding: 0.4em 0 0 0;
183        text-align: center;
184}
185.rainette_previsions_24h .contenu {
186        min-height: 20em;
187        width: 11em;
188        padding: 1em 0 1em 0;
189        border: 0;
190        text-align: center; 
191}
192* html .rainette_previsions_24h .contenu {height: 20em;}
193.rainette_previsions_24h .icone {margin-bottom: 1em;}
194.rainette_previsions_24h .t_reelle {font-weight: bold; margin: 0 0.4em 1em 0.4em; min-height: 3em}
195.rainette_previsions_24h .resume {font-weight: bold; margin: 0 0.4em 1em 0.4em; min-height: 4em}
196.rainette_previsions_24h .details {font-weight: normal; margin: 0 0.4em 1em 0.4em;}
197.rainette_previsions_24h .details ul {list-style-type: none; padding: 0; margin: 0;}
Note: See TracBrowser for help on using the repository browser.