/*****************************************************************************
* style.css: VLC media player web interface
*****************************************************************************
- * Copyright (C) 2005 the VideoLAN team
+ * Copyright (C) 2005-2006 the VideoLAN team
* $Id$
*
* Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
*
* 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., 59 Temple Place - Suite 330, Boston, MA 02111, USA.
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
*****************************************************************************/
body {
font-family: Arial, sans-serif;
font-size: 12pt;
text-align: center; /* Center on page - IE */
+ padding: 0px;
+ margin: 0px;
}
div {
text-align: left;
}
-div#main, div#playlist, div#input, div#sout, div#footer {
- width: 600px;
+div.dialog {
+ width: 440pt;
background: #fff;
border: solid #000 1px;
margin: 10px auto; /* Center on page - Firefox */
display: inline;
}
-input {
+input, textarea {
border: solid #000 1px;
background-color: #fff;
}
-div#sout_helper, div#input_helper {
+div.helper {
margin: 10px;
- border: solid #ccc 2px;
+ padding: 10px 0px;
+ border: solid 1px #000;
}
-div#sout_helper hr, div#input_helper hr {
- border: solid #ccc 1px;
+div.helper hr {
+ border: solid 1px #000;
}
div.title {
padding: 3px 5px;
}
div.controls button {
- border: 1px none #000;
+ border: 1px solid #fff;
padding: 0px;
background-color: #fff;
}
-ul#list, ul#list ul {
- list-style-type: none;
- padding-top: 0px;
- margin-top: 0px;
- padding-left: 1em;
+div.list {
+ padding: 1em;
+}
+div.list_element {
+ padding-bottom: 0.3em;
+}
+div.list_element ul {
+ margin: 0px;
}
-div.pl_node, a.pl_leaf {
- padding-left: 20px;
+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;
- display: block;
}
a.pl_leaf:hover {
- background-color: #ffd;
+ color: #f00;
+}
+img {
+ border: 0px none black;
}
-div#browse {
+div.popup {
background-color: #fff;
- width: 70%;
overflow: hidden;
border: solid #888 1px;
margin: 10px auto; /* Center on page - Firefox */
position: absolute;
- left: 15%;
- z-index: 1;
+ 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;
+}