git.sesse.net Git - vlc/blob - share/http/style.css

   1 /*****************************************************************************
   2  * style.css: VLC media player web interface
   3  *****************************************************************************
   4  * Copyright (C) 2005 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., 59 Temple Place - Suite 330, Boston, MA  02111, 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#main, div#playlist, div#input, div#sout, div#footer {
  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#sout_helper, div#input_helper {
  67         margin: 10px;
  68         border: solid #ccc 2px;
  69 }
  70 div#sout_helper hr, div#input_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 none #000;
  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, a.pl_leaf {
 107         padding-left: 20px;
 108 }
 109 div.pl_node {
 110         font-style: italic;
 111 }
 112 a.pl_leaf {
 113         font-style: normal;
 114         color: #00f;
 115         text-decoration: underline;
 116         display: block;
 117 }
 118 a.pl_leaf:hover {
 119         background-color: #ffd;
 120 }
 121
 122 div#browse {
 123         background-color: #fff;
 124         width: 70%;
 125         overflow: hidden;
 126         border: solid #888 1px;
 127         margin: 10px auto; /* Center on page - Firefox */
 128         position: absolute;
 129         left: 15%;
 130         z-index: 1;
 131 }
 132 div#browse div.title {
 133         background-color: #008;
 134 }
 135 div#browser {
 136         padding: 20px;
 137 }