[vlma-devel] commit: CSS cleanup. (Adrien Grand )

git version control git at videolan.org
Sat Jul 12 14:56:48 CEST 2008


vlma | branch: master | Adrien Grand <jpountz at videolan.org> | Sat Jul 12 14:00:08 2008 +0200| [580ef7307f8d918a66f44d2c0ad3bef56eb4b8b2]

CSS cleanup.

> http://git.videolan.org/gitweb.cgi/vlma.git/?a=commit;h=580ef7307f8d918a66f44d2c0ad3bef56eb4b8b2
---

 vlma-webapp/src/main/webapp/css/style.css |  114 +++++++----------------------
 1 files changed, 26 insertions(+), 88 deletions(-)

diff --git a/vlma-webapp/src/main/webapp/css/style.css b/vlma-webapp/src/main/webapp/css/style.css
index 29d7ee6..82f3d55 100644
--- a/vlma-webapp/src/main/webapp/css/style.css
+++ b/vlma-webapp/src/main/webapp/css/style.css
@@ -9,7 +9,6 @@ body {
     padding: 0;
     font: 70% Tahoma, Arial, Helvetica, sans-serif;
     color: #7e7e7e;
-    background: #FFFFFF url(bg.gif) repeat-x;
     line-height: 16px;
 }
 
@@ -18,7 +17,7 @@ a img {
 }
 
 a {
-    color: #33ADDB;
+    color: #33abbd;
     background-color: inherit;
 }
 
@@ -40,18 +39,17 @@ h1 a {
 
 h2 {
     margin: 0;
-    padding: 3px 0 6px 0;
+    padding: 25px 0 0 0;
     font: 130% Arial, Sans-Serif;
     font-weight: bold;
-    color: #808080;
+    color: #222;
     text-transform: uppercase;
     background-color: inherit;
 }
 
-h2 a {
-    color: #6AC65D;
-    background-color: inherit;
-    text-decoration: none;
+h3 {
+    color: #444;
+    font-weight: bold;
 }
 
 p {
@@ -78,7 +76,6 @@ p.lien {
     margin: 0px 0 2px 0;
     padding: 20px 0 0 5px;
     border-top: 4px;
-    /*background: #FFF url(VLMa.png) repeat-x bottom left;*/
     color: #808080;
 }
 
@@ -98,8 +95,9 @@ p.lien {
     line-height: 28px;
     font-weight: bold;
     width: 193px;
-    background: #33ADDB url(hmleftbg.gif) repeat-x;
-    color: #FFFFFF;    padding: 0 5px 0 5px;
+    background: #33addb repeat-x;
+    color: #fff;
+    padding: 0 5px 0 5px;
 }
 
 .subheader_left a {
@@ -110,7 +108,7 @@ p.lien {
 }
 
 .subheader_right {
-    background: #F6F6F6 url(hmrightbg.gif) repeat-x;
+    background: #F6F6F6 repeat-x;
     color: #626262;
     line-height: 28px;
     margin-left: 205px;
@@ -126,14 +124,14 @@ p.lien {
 }
 
 .subheader_right a.active {
-    background: #33ADDB url(hmleftbg.gif) repeat-x;
-    color: #FFFFFF;
+    background: #33ADDB repeat-x;
+    color: #fff;
 }
 
 .subheader_right a:hover {
-    background: #33ADDB url(hmleftbg.gif) repeat-x;
-    color: #FFFFFF;
-    border-top: 1px solid #1A83AC;
+    background: #33ADDB repeat-x;
+    color: #fff;
+    border-top: 1px solid #1a83ac;
 }
 
 .left {
@@ -146,68 +144,26 @@ p.lien {
     margin: 0 0 20px 204px;
     padding: 5px 0 0 15px;
     color: #000;
-    background-color: #FFFFFF;
+    background-color: #fff;
     border-left: 1px solid #e6e6e6;
 }
 
-a.info {
-    font: bold 1.3em Arial, Sans-Serif;
-    text-decoration:none;
-    position:relative;
-}
-
-a.info span {
-    display:none;
-}
-
-a.info:hover {
-    cursor:default;
-}
-
-
-
-a.info:hover .infobox {
-    font-weight: normal;
-    display:block;
-    position:absolute;
-    top:20px;;
-    left:0;;
-    width:205px;
-    height:70px;
-    border: 1px solid #ccc;
-    background:#f4f4f4 url(question.gif) no-repeat bottom right;
-    color:#000;
-    text-align:left;
-    font-size:0.7em;
-    padding-left:10px;
-    padding-top:10px;
-}
-
-.line {
-    height: 2px;
-    margin: 10px 0 10px 0;
-}
-
-.right_left {
-    float: left;
-    width: 260px;
-    padding: 13px;
-    background: #f2f2f2 url(corner.gif) no-repeat bottom right;
-    color: #626262;
-}
-
 .right_right {
     float: right;
     width: 240px;
     padding: 13px;
-    background: #f2f2f2 url(corner.gif) no-repeat bottom right;
+    background: #f2f2f2 no-repeat bottom right;
     color: #626262;
 }
 
+.fullwidth {
+    width: 100%;
+}
+
 .footer {
     clear: both;
-    color: #999999;
-    background-color: #FFFFFF;
+    color: #999;
+    background-color: #fff;
     padding: 10px 0 10px 0;
     border-top: 1px solid #e6e6e6;
     text-align: center;
@@ -218,34 +174,17 @@ a.info:hover .infobox {
     text-decoration: underline;
 }
 
-form.search {
-    padding: 0;
-    margin: 0;
-}
-
-input.text {
+input[type="text"] {
     margin: 0;
-    width: 95px;
     border: 1px solid #ccc;
-    background: #FFF;
+    background: #fff;
     color: #000;
 }
 
-input.text:hover {
+input[type="text"]:hover {
     border: 1px solid #808080;
 }
 
-input.searchbutton {
-    margin: 0;
-    font-size: 100%;
-    font-family: Arial, Sans-serif;
-    border: none;
-    background: #FFFFFF;
-    color: #808080;
-    padding: 1px;
-    font-weight: bold;
-}
-
 th {
     padding: 2px;
     text-align : left;
@@ -264,4 +203,3 @@ tr.odd {
 td {
     text-align : left;
 }
-



More information about the vlma-devel mailing list