Changeset 347 for ether_2012/trunk/web/resources/css/ether.css

Timestamp:

01/12/12 15:48:56 (12 years ago)

Author:

vmipsl

Message:

menu

File:

• ether_2012/trunk/web/resources/css/ether.css (moved) (moved from ether_2012/trunk/web/resources/css/megapoli.css) (7 diffs)

ether_2012/trunk/web/resources/css/ether.css

@@ -16 +16 @@
 /** ********************** CONTAINER ******************** **/
 /** ***************************************************** **/
+.containerEther {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 4px 4px 4px 4px;
+    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    width: 980px;
+    float: left;
+    margin-bottom: 10px;
+}
+
 .containerLogoEther {
-    position: absolute;
-    top: 100px;
-    left: 50px;
-    -moz-border-radius: 4px 4px 4px 4px;
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    float: left;
     width: 80px;
     height: 80px;
@@ -30 +34 @@
 
 .containerTools {
-    position: absolute;
-    top: 100px;
-    left: 50px;
-    -moz-border-radius: 4px 4px 4px 4px;
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    width: 80px;
-    height: 80px;
-    padding: 15px;
-}
-
-.containerEther {
-    -moz-border-radius: 4px 4px 4px 4px;
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    width: 980px;
-    float: left;
-    margin-bottom: 10px;
+    float: right;
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    background: -moz-linear-gradient(left, white, #C0C0C0);
+    background: -webkit-linear-gradient(left, white, #COCOCO);
+    width: 300px;
+    height: 30px;
 }
 
 .containerTitle {
-/*background: url("../images/nuage_bleu.png") no-repeat scroll 0 0 transparent;*/
-    font-size: 20px;
+    font-size: 18px;
     color: #165076;
     font-weight: bold;
     float: left;
-    margin-top: 9px;
-    padding-left: 177px;
-}
-
-.containerLogo {
-    -moz-border-radius: 4px 4px 4px 4px; /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
-    -webkit-border-radius: 4px 4px 4px 4px;
-    float: left;
-    margin-bottom: 10px;
-    margin-right: 20px;
-    padding-left: 30px;
-    width: 120px;
-    top: -32px;
-    position: relative;
+    margin-top: 110px;
+    margin-left: -53px;
+    margin-bottom: 20px;
+}
+
+.containerMenu {
+    float: left;
+    color: #456487;
+    margin-left: 30px;
+}
+
+.containerSubMenu {
+    float: left;
+    color: #81A0C3;
+    margin-top: 6px;
+    font-size: 11px;
+}
+
+.containerSubMenu li {
+    margin-top: -6px;
+}
+
+.containerNews {
+    background: -moz-linear-gradient(white, #E8EFF3);
+    background: -webkit-linear-gradient(white, #E8EFF3);
+    height: 150px;
 }
 
@@ -102 +104 @@
 }
 
-.containerMenu {
-    float: right;
-}
-
 .containerTitleContentBorder {
     float: left;
@@ -156 +154 @@
     height: 26px;
     padding-right: 10px;
-    position: relative;
-    top: -32px;
+    position: relative; /*top: -32px;*/
     width: 972px;
 }
@@ -227 +224 @@
 
 /** ***************************************************** **/
-/** ************************ SLIDES ********************** **/
-/** ***************************************************** **/
-.containerSlide {
-    position: absolute;
-    top: 300px;
-}
-
-.containerSlideContent {
-    float: left;
-    min-height: 200px;
-    -moz-border-radius: 4px 4px 0 0;
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 0 0;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    margin-right: 1px;
-    display: none;
-    background-color: white;
-    padding: 18px 36px 10px;
-}
-
-.containerSlideContent2 {
-    padding-left: 10px;
-}
-
-.containerSlideButton {
-    float: left;
-    -moz-border-radius: 4px;
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-}
-
-.containerSlideButtonMentions {
-    margin-top: 51px;
-}
-
-.containerSlideButtonInfos {
-    margin-top: 102px;
-}
-
-/*#hideSlide {*/
-/*background-image: url("../images/utils/toggle_up_dark.png");*/
-/*height: 13px;*/
-/*width: 13px;*/
-/*margin-top: -10px;*/
-/*}*/
-
-#creditSlide {
-    z-index: 2;
-}
-
-#mentionSlide {
-    z-index: 1;
-}
-
-#infoSlide {
-    z-index: 0;
-}
-
-#slideContentCredits {
-    width: 700px;
-}
-
-#slideContentMentions {
-    width: 300px;
-}
-
-#slideContentInfos {
-    width: 550px;
-}
-
-/** ***************************************************** **/
 /** ************************ OTHER ********************** **/
 /** ***************************************************** **/
-#tools .complexButton {
-    float: right;
-}
-
 .colborder {
     border-right: 1px solid #96A1BA;
@@ -378 +299 @@
 /** ************************ PAGES ********************** **/
 /** ***************************************************** **/
-#tools, #tools .links li a {
-    height: 39px;
-}
-
-#tools {
-    font: 12px/18px Trebuchet MS, Arial, san-serif;
-    margin: 18px auto 12px;
-    position: relative;
-}
+/*#tools, #tools .links li a {*/
+/*height: 39px;*/
+/*}*/
+
+/*#tools {*/
+/*font: 12px/18px Trebuchet MS, Arial, san-serif;*/
+/*margin: 18px auto 12px;*/
+/*position: relative;*/
+/*}*/
 
 #level2 .title {
@@ -469 +390 @@
     margin: auto;
 }
+
+/** ***************************************************** **/
+/** ********************* LI SUBMENUS ******************* **/
+/** ***************************************************** **/
+li.li0 {
+    border-left: 7px solid #ADEAEA;
+}
+
+li.li1 {
+    border-left: 7px solid #236B8E;
+}
+
+li.li2 {
+    border-left: 7px solid #3299CC;
+}
+
+li.li3 {
+    border-left: 7px solid #38B0DE;
+}
+
+li.li4 {
+    border-left: 7px solid #7093D8;
+}
+
+li.li5 {
+    border-left: 7px solid #5959AB;
+}
+
+li.li0:hover, li.li1:hover, li.li2:hover, li.li3:hover, li.li4:hover, li.li5:hover {
+    border-left: 7px solid #00FFFF;
+    color: #165076;
+}