diff options
Diffstat (limited to 'themes/solarized/css')
-rw-r--r-- | themes/solarized/css/style-solarized.css | 223 |
1 files changed, 223 insertions, 0 deletions
diff --git a/themes/solarized/css/style-solarized.css b/themes/solarized/css/style-solarized.css new file mode 100644 index 00000000..6e736630 --- /dev/null +++ b/themes/solarized/css/style-solarized.css | |||
@@ -0,0 +1,223 @@ | |||
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, | ||
45 | a:visited { | ||
46 | color: #657b83; | ||
47 | } | ||
48 | |||
49 | /* Secondary content */ | ||
50 | |||
51 | .tools p, | ||
52 | .vieworiginal a, | ||
53 | .vieworiginal a:hover, | ||
54 | .vieworiginal a:visited { | ||
55 | color: #93a1a1; | ||
56 | } | ||
57 | |||
58 | #main #content .entrie, | ||
59 | #article header, | ||
60 | #article article { | ||
61 | border-bottom-color: #93a1a1; | ||
62 | } | ||
63 | |||
64 | /* Emphasized content */ | ||
65 | |||
66 | .entrie h2 a:hover, | ||
67 | footer, | ||
68 | footer a { | ||
69 | color: #586e75; | ||
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: #eee8d5; | ||
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: #fdf6e3; | ||
126 | background-color: #93a1a1; | ||
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: #eee8d5; | ||
139 | } | ||
140 | |||
141 | #login, | ||
142 | #password, | ||
143 | #password_repeat, | ||
144 | #bookmarklet { | ||
145 | padding: 5px; | ||
146 | border: 1px solid #93a1a1; | ||
147 | color: #657b83; | ||
148 | } | ||
149 | |||
150 | #bookmarklet { | ||
151 | border-style: dashed; | ||
152 | } | ||
153 | |||
154 | .pagination a { | ||
155 | border-color: #93a1a1; | ||
156 | color: #93a1a1; | ||
157 | } | ||
158 | |||
159 | .pagination span.current { | ||
160 | border-color: #eee8d5; | ||
161 | } | ||
162 | |||
163 | /* Images */ | ||
164 | |||
165 | a.back span { | ||
166 | background-image: url('../img/solarized/left.png'); | ||
167 | } | ||
168 | |||
169 | a.top span { | ||
170 | background-image: url('../img/solarized/top.png'); | ||
171 | } | ||
172 | |||
173 | a.fav span, | ||
174 | a.fav-off span:hover { | ||
175 | background-image: url('../img/solarized/star-on.png'); | ||
176 | } | ||
177 | |||
178 | a.fav span:hover, | ||
179 | a.fav-off span { | ||
180 | background-image: url('../img/solarized/star-off.png'); | ||
181 | } | ||
182 | |||
183 | a.archive span, | ||
184 | a.archive-off span:hover { | ||
185 | background-image: url('../img/solarized/checkmark-on.png'); | ||
186 | } | ||
187 | |||
188 | a.archive span:hover, | ||
189 | a.archive-off span { | ||
190 | background-image: url('../img/solarized/checkmark-off.png'); | ||
191 | } | ||
192 | |||
193 | a.twitter span { | ||
194 | background-image: url('../img/solarized/twitter.png'); | ||
195 | } | ||
196 | |||
197 | a.shaarli span { | ||
198 | background-image: url('../img/solarized/shaarli.png'); | ||
199 | } | ||
200 | |||
201 | a.flattr span { | ||
202 | background-image: url('../img/solarized/flattr.png'); | ||
203 | } | ||
204 | |||
205 | a.email span { | ||
206 | background-image: url('../img/solarized/envelop.png'); | ||
207 | } | ||
208 | |||
209 | a.delete span { | ||
210 | background-image: url('../img/solarized/remove.png'); | ||
211 | } | ||
212 | |||
213 | a.link span { | ||
214 | background-image: url('../img/solarized/link.png'); | ||
215 | } | ||
216 | |||
217 | a.bad-display span { | ||
218 | background-image: url('../img/solarized/bad-display.png'); | ||
219 | } | ||
220 | |||
221 | a.reading-time span { | ||
222 | background-image: url('../img/solarized/clock.png'); | ||
223 | } | ||