git.plutz.net Git - serve0/blob - templates/videoview.css.sh

   1 # Copyright 2014 Paul Hänsch
   2 #
   3 # This file is part of Serve0
   4 #
   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.
   9 #
  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.
  14 #
  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/>.
  17
  18 cat <<EOF
  19 body {
  20   padding: 0px;
  21   margin: 0px;
  22   background-color: #000;
  23   color: #DDD;
  24 }
  25 a {
  26   color: #EEE;
  27 }
  28
  29 div.thumb {
  30   width: 212px;
  31   padding: 0px;
  32   float: left;
  33   margin: .1em;
  34   white-space: normal;
  35 }
  36 div.thumbinfo {
  37   /*height: 200px;*/
  38   min-height: 150px;
  39   max-height: 300px;
  40   overflow: hidden;
  41 }
  42
  43 *.coord {
  44   margin: 0em 0em 0em 0em;
  45   padding: 0em .2em 0em .2em;
  46
  47   background-color: #B8B8E0;
  48   color: #000;
  49
  50   border-color: #000;
  51   border-width: 1px;
  52   border-style: solid;
  53 }
  54 *.tag {
  55   white-space: nowrap;
  56   margin: 0em 0em 0em 0em;
  57   padding: 0em .2em 0em .2em;
  58   line-height: 1.6em;
  59
  60   background-color: #DBB;
  61   color: #000;
  62
  63   border-color: #000;
  64   border-width: 1px;
  65   border-style: solid;
  66 }
  67
  68 div.panel {
  69   overflow: hidden;
  70   padding: .4em .5em .2em .5em;
  71   background-color: #333;
  72   border-style: none none solid none;
  73   border-width: 1px;
  74 }
  75 a.panel {
  76   font-weight: bold;
  77   margin-left: 1em;
  78   margin-right: 1em;
  79   color: #EEE;
  80 }
  81 div.panel form div{
  82   display: inline; float: left;
  83   margin: .5em 0em 0em 1em;
  84   padding: 0em .5em 0em 0em;
  85   border-style: none solid none none;
  86   border-width: 0px 1px 0px 0px;
  87 }
  88 div.panel form div select[multiple]{
  89   width: 12em;
  90 }
  91 div.footer {
  92   position: fixed;
  93   bottom: 0px;
  94   width: 99%;
  95   overflow: hidden;
  96   padding: .2em .5em .4em .5em;
  97   background-color: #333;
  98   border-style: solid none none none;
  99   border-width: 1px;
 100 }
 101 div.footer div {
 102   display: inline-block;
 103   border-width: 0px 0px 0px 1px;
 104   border-style: solid;
 105   padding: .5em;
 106   vertical-align: top;
 107 }
 108 div.footer select[name="category"] {
 109   min-width: 8em;
 110 }
 111 div.footer select[name="ctag"] {
 112   width: 10em;
 113 }
 114
 115 .video {
 116   display: inline; float: left;
 117   width: 60%;
 118 }
 119 .video video {width: 100%;}
 120 .video embed {width: 100%; min-height:360px}
 121 .video iframe {width: 100%; min-height:360px}
 122 .videoinfo {
 123   display: inline; float: left;
 124   margin-left: 2%; width: 35%;
 125 }
 126
 127
 128 EOF
 129
 130 # vi:set filetype=css: