git.sesse.net Git - vlc/blob - share/http/style.css

   1 /*****************************************************************************
   2  * style.css: VLC media player web interface
   3  *****************************************************************************
   4  * Copyright (C) 2005-2006 the VideoLAN team
   5  * $Id$
   6  *
   7  * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
   8  *
   9  * This program is free software; you can redistribute it and/or modify
  10  * it under the terms of the GNU General Public License as published by
  11  * the Free Software Foundation; either version 2 of the License, or
  12  * (at your option) any later version.
  13  *
  14  * This program is distributed in the hope that it will be useful,
  15  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  16  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  17  * GNU General Public License for more details.
  18  *
  19  * You should have received a copy of the GNU General Public License
  20  * along with this program; if not, write to the Free Software
  21  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
  22  *****************************************************************************/
  23
  24 body {
  25         background-color: #eee;
  26         font-family: Arial, sans-serif;
  27         font-size: 12pt;
  28         text-align: center; /* Center on page - IE */
  29 }
  30
  31 div {
  32         padding: 0px;
  33         margin: 0px;
  34         text-align: left;
  35 }
  36
  37 div.dialog {
  38         width: 600px;
  39         background: #fff;
  40         border: solid #000 1px;
  41         margin: 10px auto; /* Center on page - Firefox */
  42         padding: 0px;
  43         overflow: hidden; /* so that the title bar doesn't overflow on
  44                            * firefox but still takes all the div's width
  45                            * in IE */
  46 }
  47
  48 div#footer {
  49         font-size: 8pt;
  50         text-align: center;
  51 }
  52
  53 .btn_text {
  54         display: none;
  55 }
  56
  57 form {
  58         display: inline;
  59 }
  60
  61 input {
  62         border: solid #000 1px;
  63         background-color: #fff;
  64 }
  65
  66 div.helper {
  67         margin: 10px;
  68         border: solid #ccc 2px;
  69 }
  70 div.helper hr {
  71         border: solid #ccc 1px;
  72 }
  73
  74 div.title {
  75         width: 100%/*576px*/; /* see overflow:hidden several lines
  76                                 * before for explanation */
  77         background: #000 url('images/vlc16x16.png') no-repeat top left;
  78         padding-left: 24px;
  79         color: #fff;
  80         font-weight: bold;
  81 }
  82 div.title button {
  83         border: 1px none #000;
  84         padding: 0px;
  85         background-color: #000;
  86         color: #fff;
  87 }
  88
  89 div.controls {
  90         width: 100%;
  91         padding: 3px 5px;
  92 }
  93 div.controls button {
  94         border: 1px solid #fff;
  95         padding: 0px;
  96         background-color: #fff;
  97 }
  98
  99 div.list {
 100         padding: 1em;
 101 }
 102 div.list_element {
 103         padding-bottom: 0.3em;
 104 }
 105 div.list_element ul {
 106         margin: 0px;
 107 }
 108
 109 div#infotree ul {
 110         padding: 0.4em;
 111         margin: 0em;
 112 }
 113 div#infotree li {
 114         font-weight: bold;
 115         font-size: 0.8em;
 116 }
 117 div#infotree dl {
 118         font-weight: normal;
 119         padding: 0em 1em;
 120 }
 121 div#infotree dt {
 122         text-decoration: underline;
 123 }
 124
 125 div.pl_node {
 126         padding-left: 20px;
 127         font-style: italic;
 128 }
 129 a.pl_leaf {
 130         font-style: normal;
 131 }
 132 a.pl_leaf:hover {
 133         color: #f00;
 134 }
 135 img {
 136         border: 0px none black;
 137 }
 138
 139 div.popup {
 140         background-color: #fff;
 141         overflow: hidden;
 142         border: solid #888 1px;
 143         margin: 10px auto; /* Center on page - Firefox */
 144         position: absolute;
 145         z-index: 1;
 146         font-size: 0.8em;
 147 }
 148 div#browse {
 149         width: 70%;
 150         left: 15%;
 151 }
 152 div#browse div.title {
 153         background-color: #008;
 154 }
 155 div#browser {
 156         padding: 20px;
 157 }
 158
 159 div#mosaic_list {
 160         width: 50%;
 161         left: 25%;
 162 }
 163
 164 div#mosaic_layout {
 165         border: 1px solid #000;
 166         background-color: #ddf;
 167         display: block;
 168         margin: 1em;
 169         padding: 0.3em 0.6em;
 170 }
 171 div.mosaic_row {
 172         padding: 0.6em 0em;
 173 }
 174
 175 .mosaic_element {
 176         display: inline;
 177         border: 1px solid #000;
 178         margin: 0em 0.3em;
 179         padding: 0.3em 0.3em;
 180         background-color: #dfd;
 181 }
 182 div.controls button.on {
 183         background-color: #aaa;
 184 }
 185
 186 div.controls button.off {
 187         background-color: #fff;
 188 }
 189