X-Git-Url: https://git.sesse.net/?a=blobdiff_plain;ds=sidebyside;f=share%2Fhttp%2Fstyle.css;h=792158083f8d13b3b25088fb618a74f4799a17be;hb=3c248c2d56bf28a89614459bb0ec558e0816bfd2;hp=0848cc71bdfd7041d1d7c83eeaa9ce6baed198df;hpb=cca6fda35dc2cf6e2446e72a09eea71a33c1fc93;p=vlc

diff --git a/share/http/style.css b/share/http/style.css
index 0848cc71bd..792158083f 100644
--- a/share/http/style.css
+++ b/share/http/style.css
@@ -1,7 +1,7 @@
 /*****************************************************************************
  * 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>
@@ -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,11 +63,11 @@ 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;
 }
 
@@ -91,43 +91,47 @@ div.controls {
 	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, a.browser {
+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#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;
+	font-size: 0.8em;
+}
+div#browse {
+	width: 70%;
+	left: 15%;
 }
 div#browse div.title {
 	background-color: #008;
@@ -135,3 +139,27 @@ div#browse div.title {
 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;
+}