]> git.plutz.net Git - serve0/blob - style.css
styling for pagination links
[serve0] / style.css
1 * {
2   box-sizing: border-box;
3 }
4
5 body {
6   color: white;
7   background-color: black;
8   margin: 0;
9   padding: 0;
10 }
11
12 input.toggle {
13   display: none;
14 }
15 input.toggle + label + * {
16   display: block;
17   overflow: hidden;
18   height: 0;
19 }
20 input.toggle:checked + label + * { height: auto; }
21
22 #search {
23   text-align: center;
24   background-color: #333;
25   padding: .25em;
26   border-bottom: 1px solid;
27   margin: 0;
28 }
29
30 label[for=t_prefs] {
31   position: absolute;
32   font-size: 1.5em;
33   top: 0; right: .25em;
34 }
35
36 #t_prefs:checked + label + #prefs {
37   background-color: #333;
38   border: 1px solid;
39   border-top: none;
40   border-right: none;
41   padding: .5em 1em;
42   margin: 0;
43   position: relative;
44   top: -1px;
45   width: 13em;
46   margin-left: auto;
47 }
48
49 #prefs label[for=prefs_ps] {
50   font-weight: bold;
51 }
52 #prefs #prefs_ps {
53   max-width: 3em;
54   margin-bottom: 1em;
55 }
56 #prefs button {
57   margin-top: 1em;
58 }
59 #prefs input { vertical-align: top; }
60 #prefs input[type=radio] + label,
61 #prefs input[type=checkbox] + label {
62   display: inline-block;
63   margin-bottom: .5em;
64   max-width: 85%;
65 }
66
67 .itemlist { overflow: hidden;}
68 .list {
69   position: relative;
70   display: block; float: left;
71   width: 25%;
72   min-width: 250px;
73   padding: .5em 1em;
74   margin: 0;
75   overflow: none;
76   word-wrap: break-word;
77   vertical-align: top;
78 }
79 .list, .list a { color: black; }
80 .list:before {
81   position: absolute;
82   top: .25em; left: .25em;
83   bottom: .25em; right: .25em;
84   z-index: -2;
85   content: '';
86 }
87 .list.file:first-of-type { clear: left; }
88 .list.dir:before { background-color: #CCF; }
89 .list.file:before { background-color: #FDD; }
90
91 .list.file img {
92   display: block;
93   width: 100%;
94 }
95 .pagination {
96   display: block;
97   text-align: center;
98   margin-top: 1em;
99 }
100 .page {
101   display: inline-block;
102   padding: .25em .5em;
103   background-color: #FAA;
104   border: 1px solid;
105 }
106 .page:nth-of-type(1) {clear: left;}