Team:Grenoble-EMSE-LSU/Design/style

From 2013.igem.org

(Difference between revisions)

Revision as of 13:23, 13 June 2013

/* ul.topnav li a { display: inline-block; }

ul.topnav li a { padding: 10px 10px 10px 10px; display: block; text-decoration: none;

       margin-left: 0px;

}

html ul.topnav li a: hover { /*opacity: 0.7; }*/ /* ul.topnav ul, ul.topnav ul li { list-style: none; }

ul.topnav ul, ul.topnav ul li:visited { text-decoration: none; style-effect: none; }

/

/**************************************************************/ /* À réutiliser pour la barre de menu en haut des autres pages*/ /*ul.topnav ul a { opacity: 0.6; }*/ /**************************************************************/

home_icon

{ position: absolute; top: 200px; left: 236px; }

project_icon

{ position: absolute; top: 230px; left: 330px; }

bio_icon

{ position: absolute; top: 50px; left: 65px; }

model_icon

{ position: absolute; top: 5px; left: 380px; }

HP_icon

{ position: absolute; top: 120px; right: 80px; }

team_icon

{ position: absolute; top: 520px; left: 380px; }

ul.topnav li[id="model_icon"] ul.subnav li:hover { background-color: #ffc000; }

ul.topnav li[id="project_icon"] ul.subnav li:hover { background-color: #b80100; }

ul.topnav li[id="bio_icon"] ul.subnav li:hover { background-color: #30849b; }

ul.topnav li[id="home_icon"] ul.subnav li:hover { background-color: #e46c0a; }

ul.topnav li[id="team_icon"] ul.subnav li:hover { background-color: #007f00; }

ul.topnav li[id="HP_icon"] ul.subnav li:hover { background-color: #1c477b; }

ul.topnav li[id="HP_icon"] ul.subnav li a:hover, ul.topnav li[id="bio_icon"] ul.subnav li a:hover, ul.topnav li[id="model_icon"] ul.subnav li a:hover, ul.topnav li[id="team_icon"] ul.subnav li a:hover, ul.topnav li[id="home_icon"] ul.subnav li a:hover, ul.topnav li[id="project_icon"] ul.subnav li a:hover { font-weight: bold; color: white; }

/*ul.topnav ul a:hover { text-decoration: none; }*/

ul.topnav li { float: left; position: relative; }

ul.topnav > li > a { height: 28px; overflow: hidden; }

ul.topnav li ul.subnav { position: absolute; left: 70px; top: 65px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }

ul.topnav li[id="project_icon"] ul.subnav { position: absolute; left: 150px; top: 95px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }

ul.topnav li ul.subnav li { border-radius: 10px; }

/*ul.topnav li ul.subnav li:first-child { border-radius: 10px; }

ul.topnav li ul.subnav li:last-child { border-radius: 10px; }*/

ul.topnav li ul.subnav li a { color: black; /*text-align: justify;*/ }

ul.topnav li ul.subnav, ul.topnav li ul.subnav li { width: 175px; }

@@ Line 1: / Line 1: @@
+/*
 ul.topnav li a
 {
@@ Line 13: / Line 14: @@
 html ul.topnav li a: hover
 {
-/*opacity: 0.7;*/
+/*opacity: 0.7;
-}
+}*/
+/*
 ul.topnav ul, ul.topnav ul li
 {
@@ Line 26: / Line 27: @@
 style-effect: none;
 }
+*/
 /**************************************************************/