| By | fr33domlover |
| At | 2015-07-14 |
| Title | css tweaks and fixes |
| Description |
Edit file static/css/amelie.css 33188 → 33188
1 1 /* General stuff */
2 2 body {- 3 font-family: "sans-serif;
+ 3 font-family: sans-serif;
4 4 font-size: 13px;
5 5 padding: 0;
6 6 margin: 0;
7 7 background: #000000;
8 8 color: #cccccc;
… … … … 35 35 /* General sections */
36 36 37 37 /* Bit of padding */
38 38 .section {39 39 margin: 1em;
- 40 color: #555753;
+ 40 color: #cccccc;
41 41 }
42 42 .nav + .section > h2 {43 43 margin-top: 0;
44 44 }
45 45 .nav + .section > .paste-nav + h2 {… … … … 73 73 .logo {74 74 position: absolute;
75 75 font-size: 1.5em;
76 76 left: 1em;
77 77 font-weight: bold;
- 78 color: #555753;
- 79 opacity: 0.7;
- 80 }
+ 78 color: #c4a000;
+ 79 font-family: monospace;
+ 80 }
+ 81 + 82 a.logo {+ 83 color: #c4a000;
+ 84 }
+ 85 81 86 .logo:hover {- 82 opacity: 1;
+ 87 color: #fce94f;
83 88 }
+ 89 84 90 #home h2, #browse h2 {85 91 display: none;
86 92 }
87 93 88 94 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
89 95 /* Paste form */
90 96 91 97 input[name=title] {92 98 width: 20em;
+ 99 color: #cccccc;
+ 100 background-color: #000000;
+ 101 border-radius: 4px;
93 102 }
94 103 input[name=author] {95 104 width: 8em;
+ 105 color: #cccccc;
+ 106 background-color: #000000;
+ 107 border-radius: 4px;
96 108 }
97 109 select[name=language] {98 110 width: 7em;
+ 111 color: #cccccc;
99 112 }
100 113 select[name=channel] {101 114 width: 7em;
+ 115 color: #cccccc;
102 116 }
103 117 /* Hide the labels */
104 118 form > p > label > span {105 119 display: none;
106 120 }
… … … … 114 128 .paste-buttons {115 129 float: right;
116 130 }
117 131 .paste-buttons .public {118 132 cursor: pointer;
+ 133 color: #4e9a06;
+ 134 background-color: #000000;
119 135 }
120 136 .paste-buttons .private {- 121 color: #555753;
+ 137 cursor: pointer;
+ 138 color: #75507b;
+ 139 background-color: #000000;
+ 140 }
+ 141 .paste-buttons .public:hover {+ 142 color: #8ae234;
122 143 }
123 144 .paste-buttons .private:hover {- 124 color: /*#222*/#555753;
- 125 cursor: pointer;
+ 145 color: #ad7fa8;
126 146 }
127 147 .spam { display: none; }128 148 textarea,.text {129 149 border: 1px solid #d3d7cf;
130 150 border-radius: 0.1em;
… … … … 136 156 }
137 157 138 158 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
139 159 /* Colors */
140 160 - 141 /*pre.hl { color: #cccccc; background-color:#000000; } | #fce94f; yellow- 142 .hl.num { color: #cc0000; } | #739fcf; light blue- 143 .hl.esc { color: #75507b; } | #ad7fa8; light magenta- 144 .hl.str { color: #cc0000; } | #34e2e2; light cyan- 145 .hl.dstr { color: #cc0000; } | #eeeeec white- 146 .hl.slc { color: #3465a4; font-style:italic; } |- 147 .hl.com { color: #3465a4; font-style:italic; } |ColorForeground=#cccccccccccc- 148 .hl.dir { color: #75507b; } |- 149 .hl.sym { color: #d3d7cf; } |ColorCursor=#aaaaaaaaaaaa- 150 .hl.line { color: #555753; } |~- 151 .hl.mark { background-color: #fce94f; } |~- 152 .hl.kwa { color: #75507b; font-weight: normal; } |~- 153 .hl.kwb { color: #06989a; font-weight: normal; } |~- 154 .hl.kwc { color: #4e9a06; font-weight: normal; } |~- 155 .hl.kwd { color: #c4a000; } |~- 156 */
- 157 158 161 pre .hs-comment { color:#3465a4 }- 159 pre .hs-keyword { color:#397460 }+ 162 pre .hs-comment a { color:#3465a4; font-style: italic; }+ 163 pre .hs-keyword { color:#4e9a06 }160 164 pre .hs-str { color:#cc0000 }- 161 pre .hs-conid { color:#4F4371 }+ 165 pre .hs-conid { color:#cccccc }+ 166 pre .hs-layout { color:#cccccc }162 167 pre .hs-varop, pre .hs-keyglyph { color:#c4a000; }163 168 pre .hs-varid { color:#cccccc }- 164 pre .hs-num { color:#cc0000 }+ 169 pre .hs-num { color:#cc0000 }165 170 pre .diff { color:#555 }166 171 pre code .title { color:#333 }167 172 pre code .string { color:#366354 }168 173 pre code .built_in { color:#397460 }169 174 pre code .preprocessor { color:#75507b }… … … … 181 186 182 187 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
183 188 /* Diffs */
184 189 185 190 .diff-first {- 186 background-color:#FDD;
- 187 color:#695B5B
+ 191 color: #cc0000;
188 192 }
189 193 .diff-second {- 190 background-color:#DFD
+ 194 color: #4e9a06;
191 195 }
192 196 193 197 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
194 198 /* Line numbers */
195 199 … … … … 210 214 211 215 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
212 216 /* Footer */
213 217 214 218 .footer {- 215 border-top: 1px solid #eee;
+ 219 border-top: 1px solid #d3d7cf;
216 220 background: #000000;
217 221 padding: 1em;
218 222 }
219 223 .footer p {220 224 margin: 0;
… … … … 235 239 .section-warn + .section-warn,
236 240 .section-error + .section-warn {237 241 border-top: 0;
238 242 }
239 243 .section-warn {- 240 background: #FFF9C7;
- 241 color: #915c31;
- 242 border-top: 1px solid #FFF178;
- 243 border-bottom: 1px solid #FFF178
+ 244 background: #000000;
+ 245 color: #ef2929;
+ 246 border-top: 1px dashed #ef2929;
+ 247 border-bottom: 1px dashed #ef2929;
244 248 }
245 249 .section-error {- 246 background: #FFDFDF;
- 247 color: #5b4444;
- 248 border-top: 1px solid #EFB3B3;
- 249 border-bottom: 1px solid #EFB3B3;
+ 250 background: #000000;
+ 251 color: #cc0000;
+ 252 border-top: 1px dashed #cc0000;
+ 253 border-bottom: 1px dashed #cc0000;
250 254 }
251 255 252 256 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
253 257 /* Pagination */
254 258 … … … … 297 301 .paste-nav a {298 302 color: #4e6272;
299 303 }
300 304 301 305 .section-dark {- 302 background: #f7f7f7;
+ 306 background: #000000;
+ 307 color: #cccccc;
303 308 margin: 0 !important;
304 309 padding-left: 1em;
305 310 padding-top: 1em;
306 311 padding-bottom: 0.5em;
- 307 border-top: 1px solid #eee;
- 308 border-bottom: 1px solid #eee;
+ 312 border-top: 1px solid #d3d7cf;
+ 313 border-bottom: 1px solid #d3d7cf;
309 314 }
310 315 .section-dark h2 {311 316 margin-bottom: 0;
312 317 padding-bottom: 0;
313 318 }
+ 319 .section-light {+ 320 color: #cccccc;
+ 321 }
314 322 .section-dark + .section-light {315 323 margin-top: 0;
316 324 }
317 325 318 326 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
… … … … 344 352 #home .nav {345 353 border-bottom: 1px solid #eee;
346 354 }
347 355 348 356 #home textarea {- 349 border: 0;
+ 357 border-size: 1px;
+ 358 border-radius: 8px;
350 359 color: #cccccc;
351 360 background-color: #000000;
+ 361 }
+ 362 + 363 #home textarea::selection {+ 364 color: #000000;
+ 365 background: #cccccc;
352 366 }
… … … …