]> git.plutz.net Git - serve0/blob - style.css
css loading, externalize page code to file
[serve0] / style.css
1 body {
2   color: white;
3   background-color: black;
4   margin: 0;
5   padding: 0;
6 }
7
8 input.toggle {
9   display: none;
10 }
11 input.toggle + label + * {
12   display: block;
13   overflow: hidden;
14   height: 0;
15 }
16 input.toggle:checked + label + * { height: auto; }
17
18 #search {
19   text-align: center;
20   background-color: #333;
21   padding: .25em;
22   border-bottom: 1px solid;
23   margin: 0;
24 }
25
26 label[for=t_prefs] {
27   position: absolute;
28   font-size: 1.5em;
29   top: 0; right: .25em;
30 }
31
32 #t_prefs:checked + label + #prefs {
33   background-color: #333;
34   border: 1px solid;
35   border-top: none;
36   border-right: none;
37   padding: .5em 1em;
38   margin: 0;
39   position: relative;
40   top: -1px;
41   width: 13em;
42   margin-left: auto;
43 }
44
45 #prefs label[for=prefs_ps] {
46   font-weight: bold;
47 }
48 #prefs #prefs_ps {
49   max-width: 3em;
50   margin-bottom: 1em;
51 }
52 #prefs button {
53   margin-top: 1em;
54 }