make sure that local variables are local variables.

[vlc] / share / http / style.css

diff --git a/share/http/style.css b/share/http/style.css
index 763d353b1db99c69ea5bc6f750d42691e4fb838f..792158083f8d13b3b25088fb618a74f4799a17be 100644 (file)
--- a/share/http/style.css
+++ b/share/http/style.css
@@ -1,8 +1,8 @@
 /*****************************************************************************
  * style.css: VLC media player web interface
  *****************************************************************************
- * Copyright (C) 2005 the VideoLAN team
- * $Id: $
+ * Copyright (C) 2005-2006 the VideoLAN team
+ * $Id$
  *
  * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
  *
@@ -18,7 +18,7 @@
  *
  * 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 {
@@ -34,7 +34,7 @@ div {
        text-align: left;
 }
 
-div#main, div#playlist, div#input, div#sout, div#footer {
+div.dialog {
        width: 600px;
        background: #fff;
        border: solid #000 1px;
@@ -63,16 +63,16 @@ input {
        background-color: #fff;
 }
 
-div#sout_helper, div#input_helper {
+div.helper {
        margin: 10px;
        border: solid #ccc 2px;
 }
-div#sout_helper hr, div#input_helper hr {
+div.helper hr {
        border: solid #ccc 1px;
 }
 
 div.title {
-       width: 600px/*576px*/; /* see overflow:hidden several lines 
+       width: 100%/*576px*/; /* see overflow:hidden several lines 
                                 * before for explanation */
        background: #000 url('images/vlc16x16.png') no-repeat top left;
        padding-left: 24px;
@@ -85,35 +85,81 @@ div.title button {
        background-color: #000;
        color: #fff;
 }
+
 div.controls {
        width: 100%;
        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.pl_node, a.pl_leaf {
-       padding-left: 20px;
+div.list_element {
+       padding-bottom: 0.3em;
 }
+div.list_element ul {
+       margin: 0px;
+}
+
 div.pl_node {
+       padding-left: 20px;
        font-style: italic;
 }
 a.pl_leaf {
        font-style: normal;
-       color: #00f;
-       text-decoration: underline;
-       display: block;
 }
 a.pl_leaf:hover {
-       background-color: #ffd;
+       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: 1;
+       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%;
+}
+
+div#mosaic_layout {
+       border: 1px solid #000;
+       background-color: #ddf;
+       display: block;
+       margin: 1em;
+       padding: 0.3em 0.6em;
+}
+div.mosaic_row {
+       padding: 0.6em 0em;
+}
+
+.mosaic_element {
+       display: inline;
+       border: 1px solid #000;
+       margin: 0em 0.3em;
+       padding: 0.3em 0.3em;
+       background-color: #dfd;
 }