home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 September / PCWorld_2006-09_cd.bin / audio-video / vlc / vlc-0.8.5-win32.exe / http / style.css < prev    next >
Cascading Style Sheet File  |  2006-05-06  |  5KB  |  254 lines
  1. /*****************************************************************************
  2.  * style.css: VLC media player web interface
  3.  *****************************************************************************
  4.  * Copyright (C) 2005-2006 the VideoLAN team
  5.  * $Id: style.css 14981 2006-03-30 14:01:24Z dionoea $
  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: 440pt;
  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.     padding: 10px 0px;
  71.     border: solid 1px #000;
  72. }
  73. div.helper hr {
  74.     border: solid 1px #000;
  75. }
  76.  
  77. div.title {
  78.     width: 100%/*576px*/; /* see overflow:hidden several lines 
  79.                                 * before for explanation */
  80.     background: #000 url('images/vlc16x16.png') no-repeat top left;
  81.     padding-left: 24px;
  82.     color: #fff;
  83.     font-weight: bold;
  84. }
  85. div.title button {
  86.     border: 1px none #000;
  87.     padding: 0px;
  88.     background-color: #000;
  89.     color: #fff;
  90. }
  91.  
  92. div.controls {
  93.     width: 100%;
  94.     padding: 3px 5px;
  95. }
  96. div.controls button {
  97.     border: 1px solid #fff;
  98.     padding: 0px;
  99.     background-color: #fff;
  100. }
  101.  
  102. div.list {
  103.     padding: 1em;
  104. }
  105. div.list_element {
  106.     padding-bottom: 0.3em;
  107. }
  108. div.list_element ul {
  109.     margin: 0px;
  110. }
  111.  
  112. div#infotree ul {
  113.     padding: 0.4em;
  114.     margin: 0em;
  115. }
  116. div#infotree li {
  117.     font-weight: bold;
  118.     font-size: 0.8em;
  119. }
  120. div#infotree dl {
  121.     font-weight: normal;
  122.     padding: 0em 1em;
  123. }
  124. div#infotree dt {
  125.     text-decoration: underline;
  126. }
  127.  
  128. div#playtree {
  129.     min-height: 150px;
  130. }
  131. div.pl_node {
  132.     padding-left: 20px;
  133.     font-style: italic;
  134. }
  135. a.pl_leaf {
  136.     font-style: normal;
  137. }
  138. a.pl_leaf:hover {
  139.     color: #f00;
  140. }
  141. img {
  142.     border: 0px none black;
  143. }
  144.  
  145. div.popup {
  146.     background-color: #fff;
  147.     overflow: hidden;
  148.     border: solid #888 1px;
  149.     margin: 10px auto; /* Center on page - Firefox */
  150.     position: absolute;
  151.     z-index: 2;
  152.     font-size: 0.8em;
  153. }
  154. div#browse {
  155.     width: 70%;
  156.     left: 15%;
  157. }
  158. div#browse div.title {
  159.     background-color: #008;
  160. }
  161.  
  162. div#browser {
  163.     padding: 20px;
  164. }
  165.  
  166. div#mosaic_list {
  167.     width: 50%;
  168.     left: 25%;
  169.     background: url('images/white.png') repeat;
  170.     display: none;
  171. }
  172.  
  173. .mosaic_bg {
  174.     background-color: #aaf;
  175. }
  176. .mosaic_tbl {
  177.     background-color: #faa;
  178. }
  179. .mosaic_itm {
  180.     background-color: #afa;
  181. }
  182. div#mosaic_layout {
  183.     border: 0px solid #000;
  184.     padding: 0px;
  185.     margin: 10px auto;
  186. }
  187.  
  188. div#mosaic_dt {
  189.     border: 0px solid #000;
  190.     position: relative;
  191. }
  192. table#mosaic_table {
  193.     border-spacing: 0px 0px;
  194.     position: relative;
  195. }
  196. table#mosaic_table tr {
  197.     padding: 0px;
  198.     margin: 0px;
  199. }
  200. table#mosaic_table td {
  201.     border: 0px solid #000;
  202.     text-align: center;
  203.     padding: 0px;
  204.     margin: 0px;
  205. }
  206. table#mosaic_table input {
  207.     border: 0px;
  208.     background: transparent;
  209.     text-align: center;
  210. }
  211. textarea#mosaic_code {
  212.     padding: 0px;
  213.     display: block;
  214.     margin: 10px auto;
  215. }
  216.  
  217. div.controls button.on {
  218.     background-color: #aaa;
  219. }
  220.  
  221. div.controls button.off {
  222.     background-color: #fff;
  223. }
  224.  
  225. div.menubtn {
  226.     display: inline;
  227. }
  228.  
  229. div.menu {
  230.     position: absolute;
  231.     border: 1px solid #ccc;
  232.     padding: 5px;
  233.     margin-top: -5px;
  234.     background: url('images/white.png') repeat;
  235.     z-index: 2;
  236.     display: none;
  237. }
  238.  
  239. div.menu button {
  240.     background: transparent;
  241. }
  242. div.menu button.menuout {
  243.     border: 1px solid transparent;
  244. }
  245. div.menu button.menuover {
  246.         border: 1px solid #000;
  247. }
  248.  
  249. div.popup img.close {
  250.     position: absolute;
  251.     right: 2px;
  252.     top: 2px;
  253. }
  254.