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         background: url('images/white.png') repeat;
 169         display: none;
 170 }
 171
 172 .mosaic_bg {
 173         background-color: #aaf;
 174 }
 175 .mosaic_tbl {
 176         background-color: #faa;
 177 }
 178 .mosaic_itm {
 179         background-color: #afa;
 180 }
 181 div#mosaic_layout {
 182         border: 0px solid #000;
 183         padding: 0px;
 184         margin: 10px auto;
 185 }
 186
 187 div#mosaic_dt {
 188         border: 0px solid #000;
 189         position: relative;
 190 }
 191 table#mosaic_table {
 192         border-spacing: 0px 0px;
 193         position: relative;
 194 }
 195 table#mosaic_table tr {
 196         padding: 0px;
 197         margin: 0px;
 198 }
 199 table#mosaic_table td {
 200         border: 0px solid #000;
 201         text-align: center;
 202         padding: 0px;
 203         margin: 0px;
 204 }
 205 table#mosaic_table input {
 206         border: 0px;
 207         background: transparent;
 208         text-align: center;
 209 }
 210 textarea#mosaic_code {
 211         padding: 0px;
 212         display: block;
 213         margin: 10px auto;
 214 }
 215
 216 div.controls button.on {
 217         background-color: #aaa;
 218 }
 219
 220 div.controls button.off {
 221         background-color: #fff;
 222 }
 223
 224 div.menubtn {
 225         display: inline;
 226         position: absolute;
 227         margin-top: 2px;
 228         font-size: 0.70em;
 229 }
 230
 231 div.menu {
 232         position: absolute;
 233         border: 1px solid #ccc;
 234         padding: 5px;
 235         margin-top: -5px;
 236         background: url('images/white.png') repeat;
 237         z-index: 2;
 238         display: none;
 239 }
 240
 241 div.menu button {
 242         background: transparent;
 243         border: 1px solid transparent;
 244 }
 245
 246 div.popup img.close {
 247         position: absolute;
 248         right: 2px;
 249         top: 2px;
 250 }