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.pl_node {
 128         padding-left: 20px;
 129         font-style: italic;
 130 }
 131 a.pl_leaf {
 132         font-style: normal;
 133 }
 134 a.pl_leaf:hover {
 135         color: #f00;
 136 }
 137 img {
 138         border: 0px none black;
 139 }
 140
 141 div.popup {
 142         background-color: #fff;
 143         overflow: hidden;
 144         border: solid #888 1px;
 145         margin: 10px auto; /* Center on page - Firefox */
 146         position: absolute;
 147         z-index: 2;
 148         font-size: 0.8em;
 149 }
 150 div#browse {
 151         width: 70%;
 152         left: 15%;
 153 }
 154 div#browse div.title {
 155         background-color: #008;
 156 }
 157
 158 div#browser {
 159         padding: 20px;
 160 }
 161
 162 div#mosaic_list {
 163         width: 50%;
 164         left: 25%;
 165 }
 166
 167 div#mosaic_layout {
 168         border: 1px solid #000;
 169         background-color: #ddf;
 170         display: block;
 171         margin: 1em;
 172         padding: 0.3em 0.6em;
 173 }
 174 div.mosaic_row {
 175         padding: 0.6em 0em;
 176 }
 177
 178 .mosaic_element {
 179         display: inline;
 180         border: 1px solid #000;
 181         margin: 0em 0.3em;
 182         padding: 0.3em 0.3em;
 183         background-color: #dfd;
 184 }
 185 div.controls button.on {
 186         background-color: #aaa;
 187 }
 188
 189 div.controls button.off {
 190         background-color: #fff;
 191 }
 192
 193 div.menu {
 194         position: absolute;
 195         border: 1px solid #ccc;
 196         padding: 5px;
 197         background: url('images/white.png') repeat;
 198         display: none;
 199 }
 200
 201 div.menu button {
 202         background: transparent;
 203         border: 1px solid transparent;
 204 }
 205
 206 div.popup img.close {
 207         position: absolute;
 208         right: 2px;
 209         top: 2px;
 210 }