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