]>
Commit | Line | Data |
---|---|---|
4cc3c2ac NL |
1 | /* |
2 | * Solarized Dark - 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: #002b36 base 03 | |
11 | * Highlight: #073642 base 02 | |
12 | * Primary content: #839496 base 0 | |
13 | * Intermediate: #657b83 base 00 | |
14 | * Emphasized content: #93a1a1 base 1 | |
15 | * Secondary content: #586e75 base 01 | |
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: #002b36; | |
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: #073642; | |
35 | } | |
36 | ::selection { | |
37 | background-color: #073642; | |
38 | } | |
39 | ||
40 | /* Primary content */ | |
41 | ||
42 | body, | |
43 | a, | |
44 | a:hover, | |
45 | a:visited { | |
46 | color: #839496; | |
47 | } | |
48 | ||
49 | /* Secondary content */ | |
50 | ||
51 | .tools p, | |
52 | .vieworiginal a, | |
53 | .vieworiginal a:hover, | |
54 | .vieworiginal a:visited { | |
55 | color: #586e75; | |
56 | } | |
57 | ||
58 | #main #content .entrie, | |
59 | #article header, | |
60 | #article article { | |
61 | border-bottom-color: #586e75; | |
62 | } | |
63 | ||
64 | /* Emphasized content */ | |
65 | ||
66 | .entrie h2 a:hover, | |
67 | footer, | |
68 | footer a { | |
69 | color: #93a1a1; | |
70 | } | |
71 | ||
72 | /* Colored content */ | |
73 | ||
74 | #main .messages.success, | |
75 | #main .messages.warning, | |
76 | #main .messages.error, | |
77 | #main .messages.information, | |
78 | #main .messages.info { | |
79 | background-color: #073642; | |
80 | } | |
81 | ||
82 | #main .messages.success { | |
83 | border-color: #859900; | |
84 | } | |
85 | ||
86 | #main .messages.success p { | |
87 | color: #859900 !important; /* Overwrites !important used on messages.css */ | |
88 | } | |
89 | ||
90 | #main .messages.warning { | |
91 | border-color: #cb4b16; | |
92 | } | |
93 | ||
94 | #main .messages.warning p { | |
95 | color: #cb4b16; | |
96 | } | |
97 | ||
98 | #main .messages.error { | |
99 | border-color: #dc322f; | |
100 | } | |
101 | ||
102 | #main .messages.error p { | |
103 | color: #dc322f !important; /* Overwrites !important used on messages.css */ | |
104 | } | |
105 | ||
106 | #main .messages.information, | |
107 | #main .messages.info { | |
108 | border-color: #268bd2; | |
109 | } | |
110 | ||
111 | #main .messages.information p, | |
112 | #main .messages.info p { | |
113 | color: #268bd2; | |
114 | } | |
115 | ||
116 | /* Miscellaneous */ | |
117 | ||
118 | .bouton, | |
119 | .bouton:hover, | |
120 | #main #links li a.current, | |
121 | #links a:hover, | |
122 | .pagination span.current, | |
123 | .pagination a:hover, | |
124 | .pagination a:active { | |
125 | color: #002b36; | |
126 | background-color: #586e75; | |
127 | } | |
128 | ||
129 | .bouton:hover { | |
130 | background-color: #657b83; | |
131 | } | |
132 | ||
133 | #login, | |
134 | #password, | |
135 | #password_repeat, | |
136 | #bookmarklet, | |
137 | .top_link { | |
138 | background-color: #073642; | |
139 | } | |
140 | ||
141 | #login, | |
142 | #password, | |
143 | #password_repeat, | |
144 | #bookmarklet { | |
145 | padding: 5px; | |
146 | border: 1px solid #586e75; | |
147 | color: #839496; | |
148 | } | |
149 | ||
150 | #bookmarklet { | |
151 | border-style: dashed; | |
152 | } | |
153 | ||
154 | .pagination a { | |
155 | border-color: #586e75; | |
156 | color: #586e75; | |
157 | } | |
158 | ||
159 | .pagination span.current { | |
160 | border-color: #073642; | |
161 | } | |
162 | ||
163 | /* Images */ | |
164 | ||
165 | a.back span { | |
166 | background-image: url('../img/solarized-dark/left.png'); | |
167 | } | |
168 | ||
169 | a.top span { | |
170 | background-image: url('../img/solarized-dark/top.png'); | |
171 | } | |
172 | ||
173 | a.fav span, | |
174 | a.fav-off span:hover { | |
175 | background-image: url('../img/solarized-dark/star-on.png'); | |
176 | } | |
177 | ||
178 | a.fav span:hover, | |
179 | a.fav-off span { | |
180 | background-image: url('../img/solarized-dark/star-off.png'); | |
181 | } | |
182 | ||
183 | a.archive span, | |
184 | a.archive-off span:hover { | |
185 | background-image: url('../img/solarized-dark/checkmark-on.png'); | |
186 | } | |
187 | ||
188 | a.archive span:hover, | |
189 | a.archive-off span { | |
190 | background-image: url('../img/solarized-dark/checkmark-off.png'); | |
191 | } | |
192 | ||
193 | a.twitter span { | |
194 | background-image: url('../img/solarized-dark/twitter.png'); | |
195 | } | |
196 | ||
197 | a.flattr span { | |
198 | background-image: url('../img/solarized-dark/flattr.png'); | |
199 | } | |
200 | ||
201 | a.shaarli span { | |
202 | background-image: url('../img/solarized-dark/shaarli.png'); | |
203 | } | |
204 | ||
205 | a.email span { | |
206 | background-image: url('../img/solarized-dark/envelop.png'); | |
207 | } | |
208 | ||
209 | a.delete span { | |
210 | background-image: url('../img/solarized-dark/remove.png'); | |
211 | } | |
212 | ||
213 | a.link span { | |
214 | background-image: url('../img/solarized-dark/link.png'); | |
215 | } | |
216 | ||
217 | a.bad-display span { | |
218 | background-image: url('../img/solarized-dark/bad-display.png'); | |
07ae20ee | 219 | } |