X-Git-Url: https://git.sesse.net/?a=blobdiff_plain;f=share%2Fhttp%2Fstyle.css;h=c994787adff97973b691ab2684615793a33765b6;hb=b1ea9899b415ce3685e8633c6e45214e3c07e0c6;hp=945e2084c7f25f5b934e559d259782a9b8311fba;hpb=2a922ddb46b059c2be3dee5c647589ce11a9061b;p=vlc diff --git a/share/http/style.css b/share/http/style.css index 945e2084c7..c994787adf 100644 --- a/share/http/style.css +++ b/share/http/style.css @@ -1,17 +1,253 @@ -body {font-family:Verdana, Arial, Sans Serif; } -h2 { text-align:center; } -table {width:100%;} -table.add {width:70%;} -div.section {background-color:#FFFFCC; - border:1pt black solid; - margin-bottom:2em; - padding:0.5em;} -div.sectitle { background-color:#FFFF99; - color:#019; - border:1pt black solid; - width:20%; - font-weight:bold;} -tr.ligne1 { background-color:#FFFFEE; } -tr.ligne2 { background-color:#FFFFAA; } +/***************************************************************************** + * style.css: VLC media player web interface + ***************************************************************************** + * Copyright (C) 2005-2006 the VideoLAN team + * $Id$ + * + * Authors: Antoine Cellerier + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA. + *****************************************************************************/ +body { + background-color: #eee; + font-family: Arial, sans-serif; + font-size: 12pt; + text-align: center; /* Center on page - IE */ + padding: 0px; + margin: 0px; +} +div { + padding: 0px; + margin: 0px; + text-align: left; +} + +div.dialog { + width: 440pt; + background: #fff; + border: solid #000 1px; + margin: 10px auto; /* Center on page - Firefox */ + padding: 0px; + overflow: hidden; /* so that the title bar doesn't overflow on + * firefox but still takes all the div's width + * in IE */ +} + +div#footer { + font-size: 8pt; + text-align: center; +} + +.btn_text { + display: none; +} + +form { + display: inline; +} + +input, textarea { + border: solid #000 1px; + background-color: #fff; +} + +div.helper { + margin: 10px; + padding: 10px 0px; + border: solid 1px #000; +} +div.helper hr { + border: solid 1px #000; +} + +div.title { + width: 100%/*576px*/; /* see overflow:hidden several lines + * before for explanation */ + background: #000 url('images/vlc16x16.png') no-repeat top left; + padding-left: 24px; + color: #fff; + font-weight: bold; +} +div.title button { + border: 1px none #000; + padding: 0px; + background-color: #000; + color: #fff; +} + +div.controls { + width: 100%; + padding: 3px 5px; +} +div.controls button { + border: 1px solid #fff; + padding: 0px; + background-color: #fff; +} + +div.list { + padding: 1em; +} +div.list_element { + padding-bottom: 0.3em; +} +div.list_element ul { + margin: 0px; +} + +div#infotree ul { + padding: 0.4em; + margin: 0em; +} +div#infotree li { + font-weight: bold; + font-size: 0.8em; +} +div#infotree dl { + font-weight: normal; + padding: 0em 1em; +} +div#infotree dt { + text-decoration: underline; +} + +div#playtree { + min-height: 150px; +} +div.pl_node { + padding-left: 20px; + font-style: italic; +} +a.pl_leaf { + font-style: normal; +} +a.pl_leaf:hover { + color: #f00; +} +img { + border: 0px none black; +} + +div.popup { + background-color: #fff; + overflow: hidden; + border: solid #888 1px; + margin: 10px auto; /* Center on page - Firefox */ + position: absolute; + z-index: 2; + font-size: 0.8em; +} +div#browse { + width: 70%; + left: 15%; +} +div#browse div.title { + background-color: #008; +} + +div#browser { + padding: 20px; +} + +div#mosaic_list { + width: 50%; + left: 25%; + background: url('images/white.png') repeat; + display: none; +} + +.mosaic_bg { + background-color: #aaf; +} +.mosaic_tbl { + background-color: #faa; +} +.mosaic_itm { + background-color: #afa; +} +div#mosaic_layout { + border: 0px solid #000; + padding: 0px; + margin: 10px auto; +} + +div#mosaic_dt { + border: 0px solid #000; + position: relative; +} +table#mosaic_table { + border-spacing: 0px 0px; + position: relative; +} +table#mosaic_table tr { + padding: 0px; + margin: 0px; +} +table#mosaic_table td { + border: 0px solid #000; + text-align: center; + padding: 0px; + margin: 0px; +} +table#mosaic_table input { + border: 0px; + background: transparent; + text-align: center; +} +textarea#mosaic_code { + padding: 0px; + display: block; + margin: 10px auto; +} + +div.controls button.on { + background-color: #aaa; +} + +div.controls button.off { + background-color: #fff; +} + +div.menubtn { + display: inline; +} + +div.menu { + position: absolute; + border: 1px solid #ccc; + padding: 5px; + margin-top: -5px; + background: url('images/white.png') repeat; + z-index: 2; + display: none; +} + +div.menu button { + background: transparent; +} +div.menu button.menuout { + border: 1px solid transparent; +} +div.menu button.menuover { + border: 1px solid #000; +} + +div.popup img.close { + position: absolute; + right: 2px; + top: 2px; +}