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;
76 border-style: solid none none none;
84 min-height: 0; max-height: 0;
85 padding-top: 0; padding-bottom: 0;
86 transition: all .3s linear;
95 .panel .help { display: block;}
96 a.panel { font-weight: bold; }
100 border-style: solid none none none;
118 #advfilter .quicklinks,
121 #tagger input[type=submit],
123 display: inline-block;
129 border: solid 1px #FFF;
130 border-radius: .25em;
133 #advfilter > label.tabhandle {
138 #advfilter > .tabhandle + label { display: none; }
139 #advfilter > .tabhandle + label + .tabcontent { display: none; }
140 #advfilter > .tabhandle:checked + label + .tabcontent { display: inline-block; }
141 #advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle + label{ display: inline-block; }
142 #advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle:checked + label{ display: none; }
144 #advfilter .filter .tabcontainer {
148 #advfilter .filter .category.tabhandle { display: block; }
149 #advfilter .filter input:checked + .category.tabhandle {
153 #advfilter .filter .category.tabcontent {
161 #advfilter .filter.final {
166 #advfilter .quicklinks {max-width: 100%;}
167 #advfilter .quicklinks * {
169 word-wrap: break-word;
174 padding: .5em 0 3em 0;
179 display: inline-block;
184 margin-bottom: .75em;
186 word-wrap: break-word;
188 @media (min-width: 480px){#thumblist .thumb{width: 49.5%;}}
189 @media (min-width: 640px){#thumblist .thumb{width: 33%;}}
190 @media (min-width: 1024px){#thumblist .thumb{width: 256px;}}
192 #thumblist .thumb img {
195 #thumblist .thumb h2 {
200 #thumblist .thumb a {
203 #thumblist .thumb a.alt {
204 display: inline-block;
211 #tagger .newtag select,
212 #tagger .newtag .label{
217 #preferences > fieldset {
219 border-radius: .25em;
221 #preferences > input { display: block; }
230 display: inline-block;
234 #videoview .video * {
237 #videoview .videoinfo {
241 #videoview .videoinfo h2 {
244 #videoview .videoinfo .meta:after {
248 #videoview .videoinfo .label {
252 #videoview .videoinfo .info.description {
254 background-color: #DDF;
256 #videoview .videoinfo .edit {
261 # vi:set filetype=css: