Team:BasicallyAcid/Template:CSS
From 2012hs.igem.org
(Difference between revisions)
(27 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <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 101: | Line 104: | ||
line-height:1em; | line-height:1em; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:200px; |
white-space:nowrap; | white-space:nowrap; | ||
width:50%; | width:50%; | ||
Line 135: | Line 138: | ||
#menubar{ | #menubar{ | ||
- | top: | + | top:55px; |
z-index:25; | z-index:25; | ||
Line 255: | 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 348: | 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; | ||
+ | } | ||
--> | --> | ||
</style> | </style> | ||
- | |||
<!-- End Save for Web Styles --> | <!-- End Save for Web Styles --> | ||
</head> | </head> |
Latest revision as of 02:24, 5 June 2012