"
Team:UC Chile/style
From 2012.igem.org
(Difference between revisions)
| (80 intermediate revisions not shown) | |||
| Line 24: | Line 24: | ||
#contentSub { | #contentSub { | ||
display:none; | display:none; | ||
| + | } | ||
| + | |||
| + | #bodyContent{ | ||
| + | background: white; | ||
| + | color: black; | ||
} | } | ||
| Line 45: | Line 50: | ||
display:none; | display:none; | ||
} | } | ||
| + | |||
| + | /* GENERAL CONFIGURATION */ | ||
| + | |||
| + | body { | ||
| + | background: #145224; /* defines the default background color of the document*/ | ||
| + | |||
| + | /* background-image:url('https://static.igem.org/mediawiki/2012/1/1d/B_image.png'); */ | ||
| + | |||
| + | color: white; /* defines the default font-color of the document*/ | ||
| + | |||
| + | } | ||
| + | a { | ||
| + | color: blue; /* defines the default color of links */ | ||
| + | } | ||
| + | a:hover { | ||
| + | color: red; /* defines the default color of links hovered by the cursor */ | ||
| + | } | ||
/*------------------------------------*\ | /*------------------------------------*\ | ||
| Line 53: | Line 75: | ||
height: 33px; | height: 33px; | ||
background-color: #333; | background-color: #333; | ||
| + | border-top: 1px solid white; | ||
} | } | ||
#nav{ | #nav{ | ||
list-style:none; | list-style:none; | ||
| - | |||
float:left; | float:left; | ||
width:100%; | width:100%; | ||
| Line 67: | Line 89: | ||
float:left; | float:left; | ||
margin-right:0px; | margin-right:0px; | ||
| - | + | top: 0px; | |
| + | position:relative; | ||
width: 110px; | width: 110px; | ||
| + | |||
} | } | ||
#nav a{ | #nav a{ | ||
display:block; | display:block; | ||
color:#fff; | color:#fff; | ||
| - | |||
padding: 5px; | padding: 5px; | ||
text-decoration:none; | text-decoration:none; | ||
| Line 82: | Line 105: | ||
text-decoration:underline; | text-decoration:underline; | ||
} | } | ||
| - | + | #nav li: hover{ | |
| + | border-bottom: 1px solid white; | ||
| + | z-index:2; | ||
| + | } | ||
/*--- DROPDOWN ---*/ | /*--- DROPDOWN ---*/ | ||
#nav ul{ | #nav ul{ | ||
| Line 89: | Line 115: | ||
position:absolute; | position:absolute; | ||
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ | left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ | ||
| + | border-bottom: 1px solid black; | ||
| + | |||
} | } | ||
| Line 97: | Line 125: | ||
} | } | ||
#nav li:hover ul{ | #nav li:hover ul{ | ||
| - | left: | + | left:0px; |
top: 0px; | top: 0px; | ||
margin-top: 29px; | margin-top: 29px; | ||
| Line 109: | Line 137: | ||
} | } | ||
| - | #nav | + | #nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ |
| - | background | + | background:white; |
color: black; | color: black; | ||
| + | } | ||
| + | |||
| + | .selflink{ | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .center{ | ||
| + | text-align: center; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 15:53, 31 March 2012
