Team:BasicallyAcid/Template:CSS
From 2012hs.igem.org
(Difference between revisions)
(16 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <img style="top:0px; position:relative;" src="https://static.igem.org/mediawiki/2012hs/9/91/BA_MainLogo.png"/> | + | <a href="https://2012hs.igem.org/Team:Sharon_BasicallyAcid"> |
+ | <img style="position:absolute; top:0px; position:relative; border-radius:10px;" src="https://static.igem.org/mediawiki/2012hs/9/91/BA_MainLogo.png"/> | ||
+ | </a> | ||
<title>bar</title> | <title>bar</title> | ||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | ||
Line 191: | Line 193: | ||
#bar-normal-02-norm { | #bar-normal-02-norm { | ||
- | position: | + | position:absolute; |
left:119px; | left:119px; | ||
top:0px; | top:0px; | ||
Line 199: | Line 201: | ||
#bar-normal-03-norm { | #bar-normal-03-norm { | ||
- | position: | + | position:absolute; |
left:227px; | left:227px; | ||
top:0px; | top:0px; | ||
Line 207: | Line 209: | ||
#bar-normal-04-norm { | #bar-normal-04-norm { | ||
- | position: | + | position:absolute; |
left:337px; | left:337px; | ||
top:0px; | top:0px; | ||
Line 215: | Line 217: | ||
#bar-normal-05-norm { | #bar-normal-05-norm { | ||
- | position: | + | position:absolute; |
left:446px; | left:446px; | ||
top:0px; | top:0px; | ||
Line 223: | Line 225: | ||
#bar-normal-06-norm { | #bar-normal-06-norm { | ||
- | position: | + | position:absolute; |
left:554px; | left:554px; | ||
top:0px; | top:0px; | ||
Line 231: | Line 233: | ||
#bar-normal-07-norm { | #bar-normal-07-norm { | ||
- | position: | + | position:absolute; |
left:663px; | left:663px; | ||
top:0px; | top:0px; | ||
Line 247: | Line 249: | ||
#bar-normal-09-norm { | #bar-normal-09-norm { | ||
- | position: | + | position:absolute; |
left:880px; | left:880px; | ||
top:0px; | top:0px; | ||
Line 256: | Line 258: | ||
#content{ | #content{ | ||
background-color: #f5f6f7; | background-color: #f5f6f7; | ||
- | padding-top: | + | padding-top:0px; |
width:1000px; | width:1000px; | ||
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; | font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; | ||
Line 349: | Line 351: | ||
} | } | ||
+ | .ribbon:after, .ribbon:before { | ||
+ | margin-top:0.5em; | ||
+ | content: ""; | ||
+ | float:left; | ||
+ | border:1.5em solid #C0C0C0; | ||
+ | } | ||
+ | .ribbon:after { | ||
+ | border-right-color:transparent; | ||
+ | } | ||
+ | |||
+ | .ribbon:before { | ||
+ | border-left-color:transparent; | ||
+ | } | ||
+ | .ribbon a:link, .ribbon a:visited { | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | float:left; | ||
+ | height:3.5em; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .ribbon span { | ||
+ | background:#C0C0C0; | ||
+ | display:inline-block; | ||
+ | line-height:3em; | ||
+ | padding:0 1em; | ||
+ | margin-top:0.5em; | ||
+ | position:relative; | ||
+ | |||
+ | -webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */ | ||
+ | -moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */ | ||
+ | -ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */ | ||
+ | -o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */ | ||
+ | transition: background-color 0.2s, margin-top 0.2s; | ||
+ | } | ||
+ | |||
+ | .ribbon a:hover span { | ||
+ | background:#FFD204; | ||
+ | margin-top:0; | ||
+ | } | ||
+ | |||
+ | .ribbon span:before { | ||
+ | content: ""; | ||
+ | position:absolute; | ||
+ | top:3em; | ||
+ | left:0; | ||
+ | border-right:0.5em solid #9B8651; | ||
+ | border-bottom:0.5em solid #C0C0C0; | ||
+ | } | ||
+ | |||
+ | .ribbon span:after { | ||
+ | content: ""; | ||
+ | position:absolute; | ||
+ | top:3em; | ||
+ | right:0; | ||
+ | border-left:0.5em solid #9B8651; | ||
+ | border-bottom:0.5em solid #C0C0C0; | ||
+ | } | ||
--> | --> |
Latest revision as of 02:24, 5 June 2012