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 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] {
101 display: inline-block;
107 border: solid 1px #FFF;
108 border-radius: .25em;
111 #advfilter > label.tabhandle {
116 #advfilter > .tabhandle + label { display: none; }
117 #advfilter > .tabhandle + label + .tabcontent { display: none; }
118 #advfilter > .tabhandle:checked + label + .tabcontent { display: inline-block; }
119 #advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle + label{ display: inline-block; }
120 #advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle:checked + label{ display: none; }
122 #advfilter .filter .tabcontainer {
126 #advfilter .filter .category.tabhandle { display: block; }
127 #advfilter .filter input:checked + .category.tabhandle {
131 #advfilter .filter .category.tabcontent {
139 #advfilter .filter.final {
144 #advfilter .quicklinks {max-width: 100%;}
145 #advfilter .quicklinks * {
147 word-wrap: break-word;
152 padding: .5em 0 3em 0;
157 display: inline-block;
162 margin-bottom: .75em;
164 word-wrap: break-word;
166 @media (min-width: 480px){#thumblist .thumb{width: 50%;}}
167 @media (min-width: 640px){#thumblist .thumb{width: 33%;}}
168 @media (min-width: 1024px){#thumblist .thumb{width: 256px;}}
170 #thumblist .thumb img {
173 #thumblist .thumb h2 {
178 #thumblist .thumb a {
181 #thumblist .thumb a.alt {
182 display: inline-block;
189 #preferences { display: none; }
190 #preferences:target { display: block; z-index: 1; }
192 #tagger { display: none; }
198 #tagger .newtag select,
199 #tagger .newtag .label{
211 display: inline-block;
215 #videoview .video * {
218 #videoview .videoinfo {
222 #videoview .videoinfo h2 {
225 #videoview .videoinfo .meta:after {
229 #videoview .videoinfo .label {
233 #videoview .videoinfo .info.description {
235 background-color: #DDF;
237 #videoview .videoinfo .edit {
242 # vi:set filetype=css: