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         padding: 0px;
  30         margin: 0px;
  31 }
  32
  33 div {
  34         padding: 0px;
  35         margin: 0px;
  36         text-align: left;
  37 }
  38
  39 div.dialog {
  40         width: 600px;
  41         background: #fff;
  42         border: solid #000 1px;
  43         margin: 10px auto; /* Center on page - Firefox */
  44         padding: 0px;
  45         overflow: hidden; /* so that the title bar doesn't overflow on
  46                            * firefox but still takes all the div's width
  47                            * in IE */
  48 }
  49
  50 div#footer {
  51         font-size: 8pt;
  52         text-align: center;
  53 }
  54
  55 .btn_text {
  56         display: none;
  57 }
  58
  59 form {
  60         display: inline;
  61 }
  62
  63 input, textarea {
  64         border: solid #000 1px;
  65         background-color: #fff;
  66 }
  67
  68 div.helper {
  69         margin: 10px;
  70         border: solid #ccc 2px;
  71 }
  72 div.helper hr {
  73         border: solid #ccc 1px;
  74 }
  75
  76 div.title {
  77         width: 100%/*576px*/; /* see overflow:hidden several lines
  78                                 * before for explanation */
  79         background: #000 url('images/vlc16x16.png') no-repeat top left;
  80         padding-left: 24px;
  81         color: #fff;
  82         font-weight: bold;
  83 }
  84 div.title button {
  85         border: 1px none #000;
  86         padding: 0px;
  87         background-color: #000;
  88         color: #fff;
  89 }
  90
  91 div.controls {
  92         width: 100%;
  93         padding: 3px 5px;
  94 }
  95 div.controls button {
  96         border: 1px solid #fff;
  97         padding: 0px;
  98         background-color: #fff;
  99 }
 100
 101 div.list {
 102         padding: 1em;
 103 }
 104 div.list_element {
 105         padding-bottom: 0.3em;
 106 }
 107 div.list_element ul {
 108         margin: 0px;
 109 }
 110
 111 div#infotree ul {
 112         padding: 0.4em;
 113         margin: 0em;
 114 }
 115 div#infotree li {
 116         font-weight: bold;
 117         font-size: 0.8em;
 118 }
 119 div#infotree dl {
 120         font-weight: normal;
 121         padding: 0em 1em;
 122 }
 123 div#infotree dt {
 124         text-decoration: underline;
 125 }
 126
 127 div#playtree {
 128         min-height: 150px;
 129 }
 130 div.pl_node {
 131         padding-left: 20px;
 132         font-style: italic;
 133 }
 134 a.pl_leaf {
 135         font-style: normal;
 136 }
 137 a.pl_leaf:hover {
 138         color: #f00;
 139 }
 140 img {
 141         border: 0px none black;
 142 }
 143
 144 div.popup {
 145         background-color: #fff;
 146         overflow: hidden;
 147         border: solid #888 1px;
 148         margin: 10px auto; /* Center on page - Firefox */
 149         position: absolute;
 150         z-index: 2;
 151         font-size: 0.8em;
 152 }
 153 div#browse {
 154         width: 70%;
 155         left: 15%;
 156 }
 157 div#browse div.title {
 158         background-color: #008;
 159 }
 160
 161 div#browser {
 162         padding: 20px;
 163 }
 164
 165 div#mosaic_list {
 166         width: 50%;
 167         left: 25%;
 168 }
 169
 170 .mosaic_bg {
 171         background-color: #aaf;
 172 }
 173 .mosaic_tbl {
 174         background-color: #faa;
 175 }
 176 .mosaic_itm {
 177         background-color: #afa;
 178 }
 179 div#mosaic_layout {
 180         border: 0px solid #000;
 181         padding: 0px;
 182         margin: 10px auto;
 183 }
 184
 185 div#mosaic_dt {
 186         border: 0px solid #000;
 187         position: relative;
 188 }
 189 table#mosaic_table {
 190         border-spacing: 0px 0px;
 191         position: relative;
 192 }
 193 table#mosaic_table tr {
 194         padding: 0px;
 195         margin: 0px;
 196 }
 197 table#mosaic_table td {
 198         border: 0px solid #000;
 199         text-align: center;
 200         padding: 0px;
 201         margin: 0px;
 202 }
 203 table#mosaic_table input {
 204         border: 0px;
 205         background: transparent;
 206         text-align: center;
 207 }
 208 textarea#mosaic_code {
 209         padding: 0px;
 210         display: block;
 211         margin: 10px auto;
 212 }
 213
 214 div.controls button.on {
 215         background-color: #aaa;
 216 }
 217
 218 div.controls button.off {
 219         background-color: #fff;
 220 }
 221
 222 div.menu {
 223         position: absolute;
 224         border: 1px solid #ccc;
 225         padding: 5px;
 226         background: url('images/white.png') repeat;
 227         display: none;
 228 }
 229
 230 div.menu button {
 231         background: transparent;
 232         border: 1px solid transparent;
 233 }
 234
 235 div.popup img.close {
 236         position: absolute;
 237         right: 2px;
 238         top: 2px;
 239 }