1 # Copyright 2014, 2015 Paul Hänsch
3 # This file is part of Serve0
5 # Serve0 is free software: you can redistribute it and/or modify
6 # it under the terms of the GNU Affero General Public License as published by
7 # the Free Software Foundation, either version 3 of the License, or
8 # (at your option) any later version.
10 # Serve0 is distributed in the hope that it will be useful,
11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 # GNU Affero General Public License for more details.
15 # You should have received a copy of the GNU Affero General Public License
16 # along with Serve0 If not, see <http://www.gnu.org/licenses/>.
21 box-sizing: border-box;
22 -moz-box-sizing: border-box;
28 background-color: #000;
32 legend, label, .label { font-weight: bold; }
34 input.tabhandle { display: none; }
35 .tabcontent { display: none; }
36 input.tabhandle:checked + label.tabhandle + .tabcontent { display: inline-block; }
37 input.tabhandle:checked + .tabcontent { display: inline-block; }
47 background-color: #BBD;
49 border: #000 1px solid;
53 background-color: #DBB;
61 background-color: #333;
63 border-style: none none solid none;
69 border-style: solid none none none;
72 .panel .help { display: block;}
73 a.panel { font-weight: bold; }
74 a.clearsearch, a.show, .pagination_nav {
85 border-style: solid none none none;
90 #advfilter { display: none; }
97 #advfilter .quicklinks,
100 #tagger input[type=submit],
102 display: inline-block;
108 border: solid 1px #FFF;
109 border-radius: .25em;
112 #advfilter > label.tabhandle {
117 #advfilter > .tabhandle + label { display: none; }
118 #advfilter > .tabhandle + label + .tabcontent { display: none; }
119 #advfilter > .tabhandle:checked + label + .tabcontent { display: inline-block; }
120 #advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle + label{ display: inline-block; }
121 #advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle:checked + label{ display: none; }
123 #advfilter .filter .tabcontainer {
127 #advfilter .filter .category.tabhandle { display: block; }
128 #advfilter .filter input:checked + .category.tabhandle {
132 #advfilter .filter .category.tabcontent {
140 #advfilter .filter.final {
145 #advfilter .quicklinks {max-width: 100%;}
146 #advfilter .quicklinks * {
148 word-wrap: break-word;
153 padding: .5em 0 3em 0;
158 display: inline-block;
163 margin-bottom: .75em;
165 word-wrap: break-word;
167 @media (min-width: 480px){#thumblist .thumb{width: 50%;}}
168 @media (min-width: 640px){#thumblist .thumb{width: 33%;}}
169 @media (min-width: 1024px){#thumblist .thumb{width: 256px;}}
171 #thumblist .thumb img {
174 #thumblist .thumb h2 {
179 #thumblist .thumb a {
182 #thumblist .thumb a.alt {
183 display: inline-block;
190 #tagger { display: none; }
195 #tagger .newtag select,
196 #tagger .newtag .label{
201 #preferences { display: none; }
202 #preferences:target {
206 #preferences > fieldset {
208 border-radius: .25em;
210 #preferences > input { display: block; }
219 display: inline-block;
223 #videoview .video * {
226 #videoview .videoinfo {
230 #videoview .videoinfo h2 {
233 #videoview .videoinfo .meta:after {
237 #videoview .videoinfo .label {
241 #videoview .videoinfo .info.description {
243 background-color: #DDF;
245 #videoview .videoinfo .edit {
250 # vi:set filetype=css: