1 # Copyright 2014 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 input.tabhandle { display: none; }
33 .tabcontent { display: none; }
34 input.tabhandle:checked ~ .tabcontent { display: inline-block; }
52 background-color: #BBD;
54 border: #000 1px solid;
58 background-color: #DBB;
66 background-color: #333;
68 border-style: none none solid none;
73 a.clearsearch, a.advanced, a.tagger, .pagination_nav {
84 .footer .newtag, .footer input[type=submit] {
85 display: inline-block;
92 .footer .newtag select, .footer .newtag .label{
96 .panel .filter .help.conjunction {
99 .panel .filter .label.category {
103 .panel .quicklinks * {
109 border: solid 1px #FFF; border-radius: .25em;
113 .panel > label.tabhandle {
114 display: inline-block;
119 .panel > .tabhandle + label { display: none; }
120 .panel > .tabhandle + label + .tabcontent { display: none; }
121 .panel > .tabhandle:checked + label.tabhandle + .tabcontent { display: inline-block; }
122 .panel > .tabhandle:checked + label.tabhandle + .tabcontent + .tabhandle + label{ display: inline-block; }
123 .panel > .tabhandle:checked + label.tabhandle + .tabcontent + .tabhandle:checked + label{ display: none; }
124 .panel .filter .tabcontainer {
128 .panel .filter .category.tabhandle {
131 .panel .filter input:checked + .category.tabhandle {
135 .panel .filter .category.tabcontent {
143 .panel .filter.final {
144 display: inline-block;
151 padding: .5em 0 3em 0;
156 display: inline-block;
161 margin-bottom: .75em;
163 word-wrap: break-word;
165 @media (min-width: 480px){#thumblist .thumb{width: 50%;}}
166 @media (min-width: 640px){#thumblist .thumb{width: 33%;}}
167 @media (min-width: 1024px){#thumblist .thumb{width: 256px;}}
169 #thumblist .thumb img {
172 #thumblist .thumb a {
175 #thumblist .thumb a.alt {
176 display: inline-block;
183 #tagger { display: none; }
184 #tagger:target { display: block; z-index: 1; }
190 border-style: solid none none none;
200 display: inline-block;
204 #videoview .video * {
207 #videoview .videoinfo {
211 #videoview .videoinfo h2 {
214 #videoview .videoinfo .meta:after {
218 #videoview .videoinfo .label {
222 #videoview .videoinfo .info.description {
224 background-color: #DDF;
226 #videoview .videoinfo .edit {
231 # vi:set filetype=css: