source:
trunk/style-klask.css
@
373
Last change on this file since 373 was 373, checked in by , 6 years ago | |
---|---|
File size: 3.5 KB |
Rev | Line | |
---|---|---|
[345] | 1 | body { |
[346] | 2 | background : #DBF9CF; |
[345] | 3 | } |
[85] | 4 | |
5 | h1{ | |
[339] | 6 | text-align : center; |
7 | font-family : Verdana; | |
8 | font-size : 120%; | |
9 | margin : 2.5ex; | |
[331] | 10 | } |
[85] | 11 | |
12 | table.sortable { | |
[339] | 13 | border-collapse : collapse; |
14 | font-family : Verdana; | |
[331] | 15 | } |
[85] | 16 | |
17 | table.sortable caption { | |
[331] | 18 | caption-side : bottom; |
19 | text-align : center; | |
20 | text-decoration : underline; | |
21 | } | |
[85] | 22 | |
23 | table.sortable th { | |
[339] | 24 | color : #FFF; |
25 | background : #333; | |
[331] | 26 | } |
[85] | 27 | |
[347] | 28 | table.sortable thead th:hover { |
29 | background : #AAA; | |
30 | } | |
31 | ||
32 | table.sortable thead th.sorttable_nosort:hover { | |
33 | background : #333; | |
34 | } | |
35 | ||
[373] | 36 | table.sortable thead th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { |
[353] | 37 | content : "\00A0\21C5" |
38 | } | |
39 | ||
[354] | 40 | table.sortable th.sorttable_sorted,th.sorttable_sorted_reverse { |
41 | background : #666; | |
42 | } | |
43 | ||
[85] | 44 | th.klask-header-left { |
[345] | 45 | border-top-left-radius : 1ex; |
[331] | 46 | } |
[85] | 47 | |
48 | th.klask-header-right { | |
[345] | 49 | border-top-right-radius : 1ex; |
[331] | 50 | } |
[85] | 51 | |
52 | th.klask-footer-left { | |
[345] | 53 | border-bottom-left-radius : 1ex; |
[331] | 54 | } |
[85] | 55 | |
56 | th.klask-footer-right { | |
[333] | 57 | border-bottom-right-radius : 1ex; |
[331] | 58 | } |
[85] | 59 | |
60 | table.sortable td { | |
[339] | 61 | border : 1px solid #AAA; |
62 | border-top : 1px solid #AAA; | |
63 | border-bottom : 1px solid #AAA; | |
64 | border-left : 1px solid #AAA; | |
65 | border-right : 1px solid #AAA; | |
[331] | 66 | } |
[85] | 67 | |
68 | tr.odd td { | |
[331] | 69 | background : #DBF9CF; |
70 | border-collapse : collapse; | |
71 | font-family : Courier; | |
72 | padding-left : 0.5ex; | |
73 | padding-right : 0.5ex; | |
74 | } | |
[85] | 75 | |
76 | tr.even td { | |
[331] | 77 | background : #FFF; |
78 | border-collapse : collapse; | |
79 | font-family : Courier; | |
80 | padding-left : 0.5ex; | |
81 | padding-right : 0.5ex; | |
82 | } | |
[85] | 83 | |
84 | td.bklask-port { | |
[331] | 85 | text-align : right; |
86 | } | |
[85] | 87 | |
[314] | 88 | td.bklask-arrow { |
[331] | 89 | text-align : left; |
90 | text-indent : -5.5ex; | |
91 | padding-left : 6.5ex !important; | |
92 | } | |
93 | ||
[339] | 94 | a.circle { |
95 | padding : 2ex; | |
96 | border-radius : 50%; | |
97 | color : #FFF; | |
98 | text-align : center; | |
99 | background : #333; | |
[337] | 100 | } |
101 | ||
[339] | 102 | a.circle { |
103 | text-decoration : none; | |
[338] | 104 | } |
105 | ||
[360] | 106 | a.circle:hover { |
[339] | 107 | background : #AAA; |
[338] | 108 | } |
109 | ||
[343] | 110 | p.copyright { |
111 | text-align : right; | |
112 | margin-right : 10ex; | |
113 | } | |
114 | ||
[359] | 115 | |
116 | a.refresh { | |
117 | background : #333; | |
118 | border-radius : 1.8ex; | |
119 | color : white; | |
120 | margin-left : 2ex; | |
121 | padding : 0.7ex 1.8ex; | |
122 | text-decoration : none; | |
123 | } | |
124 | ||
[360] | 125 | a.refresh:after { |
126 | content : "\00A0\21bb"; | |
127 | } | |
128 | ||
129 | a.refresh:hover { | |
[359] | 130 | background : #AAA; |
131 | } | |
132 | ||
[355] | 133 | img.map { |
134 | width : 100%; | |
135 | object-fit : contain; | |
136 | padding-bottom : 2ex; | |
137 | } | |
138 | ||
[331] | 139 | #navbar ul { |
[345] | 140 | list-style : none; |
141 | padding : 0; | |
142 | margin : 0; | |
[331] | 143 | } |
144 | ||
145 | #navbar li { | |
[355] | 146 | background : #333; |
[345] | 147 | border : 1px solid #BBB; |
148 | border-bottom-width : 0; | |
[338] | 149 | border-top-left-radius : 1.5ex; |
[333] | 150 | border-top-right-radius : 1.5ex; |
[355] | 151 | color : #FFF; |
152 | display : block; | |
153 | float : left; | |
154 | font-family : Verdana; | |
155 | font-size : 110%; | |
156 | margin : 0; | |
[357] | 157 | padding : 0.8ex 1.5ex; |
[355] | 158 | text-align : center; |
159 | text-decoration : none; | |
[358] | 160 | width : 17ex; |
[331] | 161 | } |
162 | ||
[346] | 163 | #navbar li:hover { |
164 | background : #AAA; | |
165 | } | |
166 | ||
[331] | 167 | #navbar #selected { |
[347] | 168 | border-color : #333; |
[345] | 169 | position : relative; |
170 | top : 1px; | |
171 | background : white; | |
172 | color : black; | |
173 | font-weight : bold; | |
[331] | 174 | } |
175 | ||
176 | #content { | |
[347] | 177 | border : 1px solid #333; |
[345] | 178 | clear : both; |
179 | padding-left : 0.5ex; | |
180 | padding-right : 0.5ex; | |
181 | padding-top : 0ex; | |
182 | padding-bottom : 1.5ex; | |
183 | background : white; | |
[331] | 184 | } |
Note: See TracBrowser
for help on using the repository browser.