]>
Commit | Line | Data |
---|---|---|
4cc3c2ac NL |
1 | /* |
2 | * Solarized - by NumEricR | |
3 | * http://github.com/NumEricR/poche-themes | |
4 | * ================================================== | |
5 | * | |
6 | * Based on Solarized's palette - (c) 2011 Ethan Schoonover | |
7 | * See http://ethanschoonover.com/solarized#usage-development | |
8 | * See http://ethanschoonover.com/solarized#the-values | |
9 | * | |
10 | * Background: #fdf6e3 base 3 | |
11 | * Highlight: #eee8d5 base 2 | |
12 | * Primary content: #657b83 base 00 | |
13 | * Intermediate: #839496 base 0 | |
14 | * Emphasized content: #586e75 base 01 | |
15 | * Secondary content: #93a1a1 base 1 | |
16 | * Green: #859900 | |
17 | * Orange: #cb4b16 | |
18 | * Red: #dc322f | |
19 | * Blue: #268bd2 | |
20 | * | |
21 | * ================================================== */ | |
22 | ||
23 | /* Background */ | |
24 | ||
25 | body, | |
26 | #article_toolbar { | |
27 | background-color: #fdf6e3; | |
28 | } | |
29 | ||
30 | /* Highlight */ | |
31 | /* 2 different selectors for selection pseudo-elmt */ | |
32 | /* See https://developer.mozilla.org/en-US/docs/Web/CSS/::selection */ | |
33 | ::-moz-selection { | |
34 | background-color: #eee8d5; | |
35 | } | |
36 | ::selection { | |
37 | background-color: #eee8d5; | |
38 | } | |
39 | ||
40 | /* Primary content */ | |
41 | ||
42 | body, | |
43 | a, | |
44 | a:hover, | |
a678f9df NL |
45 | a:visited, |
46 | td { | |
4cc3c2ac NL |
47 | color: #657b83; |
48 | } | |
49 | ||
50 | /* Secondary content */ | |
51 | ||
52 | .tools p, | |
53 | .vieworiginal a, | |
54 | .vieworiginal a:hover, | |
55 | .vieworiginal a:visited { | |
56 | color: #93a1a1; | |
57 | } | |
58 | ||
59 | #main #content .entrie, | |
60 | #article header, | |
61 | #article article { | |
62 | border-bottom-color: #93a1a1; | |
63 | } | |
64 | ||
65 | /* Emphasized content */ | |
66 | ||
67 | .entrie h2 a:hover, | |
68 | footer, | |
69 | footer a { | |
70 | color: #586e75; | |
71 | } | |
72 | ||
73 | /* Colored content */ | |
74 | ||
75 | #main .messages.success, | |
76 | #main .messages.warning, | |
77 | #main .messages.error, | |
78 | #main .messages.information, | |
79 | #main .messages.info { | |
80 | background-color: #eee8d5; | |
81 | } | |
82 | ||
83 | #main .messages.success { | |
84 | border-color: #859900; | |
85 | } | |
86 | ||
87 | #main .messages.success p { | |
88 | color: #859900 !important; /* Overwrites !important used on messages.css */ | |
89 | } | |
90 | ||
91 | #main .messages.warning { | |
92 | border-color: #cb4b16; | |
93 | } | |
94 | ||
95 | #main .messages.warning p { | |
96 | color: #cb4b16; | |
97 | } | |
98 | ||
99 | #main .messages.error { | |
100 | border-color: #dc322f; | |
101 | } | |
102 | ||
103 | #main .messages.error p { | |
104 | color: #dc322f !important; /* Overwrites !important used on messages.css */ | |
105 | } | |
106 | ||
107 | #main .messages.information, | |
108 | #main .messages.info { | |
109 | border-color: #268bd2; | |
110 | } | |
111 | ||
112 | #main .messages.information p, | |
113 | #main .messages.info p { | |
114 | color: #268bd2; | |
115 | } | |
116 | ||
117 | /* Miscellaneous */ | |
118 | ||
119 | .bouton, | |
120 | .bouton:hover, | |
121 | #main #links li a.current, | |
122 | #links a:hover, | |
123 | .pagination span.current, | |
124 | .pagination a:hover, | |
125 | .pagination a:active { | |
126 | color: #fdf6e3; | |
127 | background-color: #93a1a1; | |
128 | } | |
129 | ||
130 | .bouton:hover { | |
131 | background-color: #657b83; | |
132 | } | |
133 | ||
134 | #login, | |
135 | #password, | |
136 | #password_repeat, | |
137 | #bookmarklet, | |
138 | .top_link { | |
139 | background-color: #eee8d5; | |
140 | } | |
141 | ||
142 | #login, | |
143 | #password, | |
144 | #password_repeat, | |
145 | #bookmarklet { | |
146 | padding: 5px; | |
147 | border: 1px solid #93a1a1; | |
148 | color: #657b83; | |
149 | } | |
150 | ||
151 | #bookmarklet { | |
152 | border-style: dashed; | |
153 | } | |
154 | ||
155 | .pagination a { | |
156 | border-color: #93a1a1; | |
157 | color: #93a1a1; | |
158 | } | |
159 | ||
160 | .pagination span.current { | |
161 | border-color: #eee8d5; | |
162 | } | |
163 | ||
164 | /* Images */ | |
165 | ||
166 | a.back span { | |
167 | background-image: url('../img/solarized/left.png'); | |
168 | } | |
169 | ||
170 | a.top span { | |
171 | background-image: url('../img/solarized/top.png'); | |
172 | } | |
173 | ||
174 | a.fav span, | |
175 | a.fav-off span:hover { | |
176 | background-image: url('../img/solarized/star-on.png'); | |
177 | } | |
178 | ||
179 | a.fav span:hover, | |
180 | a.fav-off span { | |
181 | background-image: url('../img/solarized/star-off.png'); | |
182 | } | |
183 | ||
184 | a.archive span, | |
185 | a.archive-off span:hover { | |
186 | background-image: url('../img/solarized/checkmark-on.png'); | |
187 | } | |
188 | ||
189 | a.archive span:hover, | |
190 | a.archive-off span { | |
191 | background-image: url('../img/solarized/checkmark-off.png'); | |
192 | } | |
193 | ||
194 | a.twitter span { | |
195 | background-image: url('../img/solarized/twitter.png'); | |
196 | } | |
197 | ||
198 | a.shaarli span { | |
199 | background-image: url('../img/solarized/shaarli.png'); | |
200 | } | |
201 | ||
202 | a.flattr span { | |
203 | background-image: url('../img/solarized/flattr.png'); | |
204 | } | |
205 | ||
206 | a.email span { | |
207 | background-image: url('../img/solarized/envelop.png'); | |
208 | } | |
209 | ||
210 | a.delete span { | |
211 | background-image: url('../img/solarized/remove.png'); | |
212 | } | |
213 | ||
214 | a.link span { | |
215 | background-image: url('../img/solarized/link.png'); | |
216 | } | |
217 | ||
218 | a.bad-display span { | |
219 | background-image: url('../img/solarized/bad-display.png'); | |
032e0ca1 MR |
220 | } |
221 | ||
47424de6 TC |
222 | a.reload span { |
223 | background-image: url('../../default/img/default/reload.png'); | |
224 | } | |
225 | a.print span { | |
226 | background-image: url('../../default/img/default/print.png'); | |
227 | } | |
228 | a.carrot span { | |
229 | background-image: url('../../_global/img/icons/carrot-icon--black.png'); | |
230 | background-size: 16px 16px; | |
231 | } | |
232 | ||
233 | a.evernote span { | |
234 | background-image: url('../../_global/img/icons/evernote-icon--black.svg'); | |
235 | background-size: 16px 16px; | |
236 | } | |
237 | ||
238 | a.diaspora span { | |
239 | background-image: url('../../_global/img/icons/diaspora-icon--black.png'); | |
240 | background-size: 16px 16px; | |
241 | } | |
242 | ||
032e0ca1 MR |
243 | .arrow-down { |
244 | width: 0px; | |
245 | height: 0px; | |
246 | border-style: solid; | |
247 | border-width: 10px 10px 0 10px; | |
248 | border-color: #93A1A1 transparent transparent transparent; | |
249 | ||
250 | position: absolute; | |
251 | margin-top: 1.5em; | |
252 | margin-left: -30px; | |
07ae20ee | 253 | } |