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 }
  30
  31 div {
  32         padding: 0px;
  33         margin: 0px;
  34         text-align: left;
  35 }
  36
  37 div.dialog {
  38         width: 600px;
  39         background: #fff;
  40         border: solid #000 1px;
  41         margin: 10px auto; /* Center on page - Firefox */
  42         padding: 0px;
  43         overflow: hidden; /* so that the title bar doesn't overflow on
  44                            * firefox but still takes all the div's width
  45                            * in IE */
  46 }
  47
  48 div#footer {
  49         font-size: 8pt;
  50         text-align: center;
  51 }
  52
  53 .btn_text {
  54         display: none;
  55 }
  56
  57 form {
  58         display: inline;
  59 }
  60
  61 input {
  62         border: solid #000 1px;
  63         background-color: #fff;
  64 }
  65
  66 div.helper {
  67         margin: 10px;
  68         border: solid #ccc 2px;
  69 }
  70 div.helper hr {
  71         border: solid #ccc 1px;
  72 }
  73
  74 div.title {
  75         width: 100%/*576px*/; /* see overflow:hidden several lines
  76                                 * before for explanation */
  77         background: #000 url('images/vlc16x16.png') no-repeat top left;
  78         padding-left: 24px;
  79         color: #fff;
  80         font-weight: bold;
  81 }
  82 div.title button {
  83         border: 1px none #000;
  84         padding: 0px;
  85         background-color: #000;
  86         color: #fff;
  87 }
  88
  89 div.controls {
  90         width: 100%;
  91         padding: 3px 5px;
  92 }
  93 div.controls button {
  94         border: 1px solid #fff;
  95         padding: 0px;
  96         background-color: #fff;
  97 }
  98
  99 ul#list, ul#list ul {
 100         list-style-type: none;
 101         padding-top: 0px;
 102         margin-top: 0px;
 103         padding-left: 1em;
 104 }
 105
 106 div.pl_node {
 107         padding-left: 20px;
 108         font-style: italic;
 109 }
 110 a.pl_leaf {
 111         font-style: normal;
 112 }
 113 a.pl_leaf:hover {
 114         color: #f00;
 115 }
 116 img {
 117         border: 0px none black;
 118 }
 119
 120 div.popup {
 121         background-color: #fff;
 122         overflow: hidden;
 123         border: solid #888 1px;
 124         margin: 10px auto; /* Center on page - Firefox */
 125         position: absolute;
 126         z-index: 1;
 127         font-size: 0.8em;
 128 }
 129 div#browse {
 130         width: 70%;
 131         left: 15%;
 132 }
 133 div#browse div.title {
 134         background-color: #008;
 135 }
 136 div#browser {
 137         padding: 20px;
 138 }
 139
 140 div#mosaic_list {
 141         width: 50%;
 142         left: 25%;
 143 }
 144
 145 div#mosaic_layout {
 146         border: 1px solid #000;
 147         background-color: #ddf;
 148         display: block;
 149         margin: 1em;
 150         padding: 0.3em 0.6em;
 151 }
 152 div.mosaic_row {
 153         padding: 0.6em 0em;
 154 }
 155
 156 .mosaic_element {
 157         display: inline;
 158         border: 1px solid #000;
 159         margin: 0em 0.3em;
 160         padding: 0.3em 0.3em;
 161         background-color: #dfd;
 162 }