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 -moz-box-sizing: border-box;
22 box-sizing: border-box;
23 -moz-transition: all .3s linear;
24 transition: all .3s linear;
30 background-color: #000;
34 legend, label, .label { font-weight: bold; }
36 input.tabhandle { display: none; }
37 .tabcontent { display: none; }
38 input.tabhandle:checked + label.tabhandle + .tabcontent { display: inline-block; }
39 input.tabhandle:checked + .tabcontent { display: inline-block; }
49 background-color: #BBD;
51 border: #000 1px solid;
55 background-color: #DBB;
73 background-color: #333;
75 border-style: none none solid none;
84 .panel .help { display: block;}
92 /* == Bottom Panels == */
99 border-style: solid none none none;
103 /* == Switchable Panels == */
110 min-height: 0; max-height: 0;
111 padding-top: 0; padding-bottom: 0;
113 .panel#advfilter:target,
114 .panel#tagger:target,
115 .panel#preferences:target {
121 /* == Panel Switches == */
123 .panel#advfilter a.panel,
124 .panel#preferences a.panel,
125 .panel#tagger a.panel {
127 border-style: none none solid none;
130 .panel#preferences a.panel,
131 .panel#tagger a.panel {
132 border-style: solid none none none;
137 /* == Panel Elements == */
139 .panel#advfilter .quicklinks,
140 .panel#advfilter .filter,
141 .panel#tagger .newtag,
142 .panel#tagger input[type=submit],
143 .panel#preferences > * {
144 display: inline-block;
150 /* == Advanced Filters == */
152 /* == Filter Boxes == */
154 border: solid 1px #FFF;
155 border-radius: .25em;
158 #advfilter .filter .tabcontainer {
163 #advfilter .filter .tabcontainer input + .category.tabhandle {
167 #advfilter .filter .tabcontainer input:checked + .category.tabhandle {
171 #advfilter .filter .tabcontainer .category.tabcontent {
177 border: 2px #FFF solid;
178 border-radius: 0 .25em .25em 0;
181 #advfilter > label.tabhandle {
187 /* == Dynamic Appearance of Boxes == */
188 .panel#advfilter > .tabhandle + label { display: none; }
189 .panel#advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle + label { display: inline-block; }
190 .panel#advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle:checked + label { display: none; }
191 .panel#advfilter > .tabhandle + label + .tabcontent {
192 display: inline-block;
199 .panel#advfilter > .tabhandle:checked + label + .tabcontent {
203 border: solid 1px #FFF;
206 #advfilter .filter.final {
211 #advfilter .quicklinks {max-width: 100%;}
212 #advfilter .quicklinks * {
214 word-wrap: break-word;
218 /* == Thumblist == */
222 padding: .5em 0 3em 0;
227 display: inline-block;
232 margin-bottom: .75em;
234 word-wrap: break-word;
236 @media (min-width: 480px){#thumblist .thumb{width: 49.5%;}}
237 @media (min-width: 640px){#thumblist .thumb{width: 33%;}}
238 @media (min-width: 1024px){#thumblist .thumb{width: 256px;}}
240 #thumblist .thumb img {
243 #thumblist .thumb h2 {
248 #thumblist .thumb a {
251 #thumblist .thumb a.alt {
252 display: inline-block;
259 .panel#tagger .newtag select,
260 .panel#tagger .newtag .label{
265 .panel#preferences > fieldset {
267 border-radius: .25em;
269 .panel#preferences > input { display: block; }
278 display: inline-block;
282 #videoview .video * {
285 #videoview .videoinfo {
289 #videoview .videoinfo h2 {
292 #videoview .videoinfo .meta:after {
296 #videoview .videoinfo .label {
300 #videoview .videoinfo .info.description {
302 background-color: #DDF;
304 #videoview .videoinfo .edit {
309 # vi:set filetype=css: