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 {
119 .panel#advfilter:target{ padding-bottom: 1em; }
122 /* == Panel Switches == */
124 .panel#advfilter a.panel,
125 .panel#preferences a.panel,
126 .panel#tagger a.panel {
128 border-style: none none solid none;
131 .panel#preferences a.panel,
132 .panel#tagger a.panel {
133 border-style: solid none none none;
138 /* == Panel Elements == */
140 .panel#advfilter .quicklinks,
141 .panel#advfilter .filter,
142 .panel#tagger .newtag,
143 .panel#tagger input[type=submit],
144 .panel#preferences > * {
145 display: inline-block;
151 /* == Advanced Filters == */
153 /* == Filter Boxes == */
155 border: solid 1px #FFF;
156 border-radius: .25em;
159 #advfilter .filter .tabcontainer {
164 #advfilter .filter .tabcontainer input + .category.tabhandle {
168 #advfilter .filter .tabcontainer input:checked + .category.tabhandle {
172 #advfilter .filter .tabcontainer .category.tabcontent {
178 border: 2px #FFF solid;
179 border-radius: 0 .25em .25em 0;
182 #advfilter > label.tabhandle {
188 /* == Dynamic Appearance of Boxes == */
189 .panel#advfilter > .tabhandle + label { display: none; }
190 .panel#advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle + label { display: inline-block; }
191 .panel#advfilter > .tabhandle:checked + label + .tabcontent + .tabhandle:checked + label { display: none; }
192 .panel#advfilter > .tabhandle + label + .tabcontent {
193 display: inline-block;
200 .panel#advfilter > .tabhandle:checked + label + .tabcontent {
204 border: solid 1px #FFF;
207 #advfilter .filter.final {
212 #advfilter .quicklinks {max-width: 100%;}
213 #advfilter .quicklinks * {
215 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: 460px){#thumblist .thumb{width: 48%;}}
237 @media (min-width: 620px){#thumblist .thumb{width: 32%;}}
238 @media (min-width: 1004px){#thumblist .thumb{width: 250px; margin: 2px;}}
240 #thumblist .thumb img {
243 #thumblist .thumb h2 {
248 #thumblist .thumb a {
251 #thumblist .thumb a.alt {
252 display: inline-block;
263 display: inline-block;
268 margin-bottom: .75em;
270 word-wrap: break-word;
272 @media (min-width: 460px){#thumblist .file{width: 48%;}}
273 @media (min-width: 620px){#thumblist .file{width: 32%;}}
274 @media (min-width: 1004px){#thumblist .file{width: 250px; margin: 2px;}}
276 #thumblist .file.directory { background-color: #BBD; }
277 #thumblist .file.plain { background-color: #111; color: #777; }
278 #thumblist .file.video { background-color: #DBB; }
280 .panel#tagger .newtag select,
281 .panel#tagger .newtag .label{
286 .panel#preferences > fieldset {
288 border-radius: .25em;
290 .panel#preferences > input { display: block; }
299 display: inline-block;
303 #videoview .video * {
306 #videoview .videoinfo {
310 #videoview .videoinfo h2 {
313 #videoview .videoinfo .meta:after {
317 #videoview .videoinfo .label {
321 #videoview .videoinfo .info.description {
323 background-color: #DDF;
325 #videoview .videoinfo .edit {
330 # vi:set filetype=css: