diff options
Diffstat (limited to 'themes/solarized/public/css')
-rw-r--r-- | themes/solarized/public/css/style-solarized.css | 232 |
1 files changed, 232 insertions, 0 deletions
diff --git a/themes/solarized/public/css/style-solarized.css b/themes/solarized/public/css/style-solarized.css new file mode 100644 index 00000000..cf16338f --- /dev/null +++ b/themes/solarized/public/css/style-solarized.css | |||
@@ -0,0 +1,232 @@ | |||
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 | td { | ||
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'); | ||
220 | } | ||
221 | |||
222 | .arrow-down { | ||
223 | width: 0px; | ||
224 | height: 0px; | ||
225 | border-style: solid; | ||
226 | border-width: 10px 10px 0 10px; | ||
227 | border-color: #93A1A1 transparent transparent transparent; | ||
228 | |||
229 | position: absolute; | ||
230 | margin-top: 1.5em; | ||
231 | margin-left: -30px; | ||
232 | } \ No newline at end of file | ||