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 {
  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 div#mosaic_layout {
 171         border: 1px solid #000;
 172         background-color: #ddf;
 173         display: block;
 174         margin: 1em;
 175         padding: 0.3em 0.6em;
 176 }
 177 div.mosaic_row {
 178         padding: 0.6em 0em;
 179 }
 180
 181 .mosaic_element {
 182         display: inline;
 183         border: 1px solid #000;
 184         margin: 0em 0.3em;
 185         padding: 0.3em 0.3em;
 186         background-color: #dfd;
 187 }
 188 div.controls button.on {
 189         background-color: #aaa;
 190 }
 191
 192 div.controls button.off {
 193         background-color: #fff;
 194 }
 195
 196 div.menu {
 197         position: absolute;
 198         border: 1px solid #ccc;
 199         padding: 5px;
 200         background: url('images/white.png') repeat;
 201         display: none;
 202 }
 203
 204 div.menu button {
 205         background: transparent;
 206         border: 1px solid transparent;
 207 }
 208
 209 div.popup img.close {
 210         position: absolute;
 211         right: 2px;
 212         top: 2px;
 213 }