Template:Team:NCTU Formosa/header
From 2012.igem.org
(Difference between revisions)
(40 intermediate revisions not shown) | |||
Line 71: | Line 71: | ||
} | } | ||
body { | body { | ||
- | background:url(https://static.igem.org/mediawiki/2012/0/0b/NctuformosaBg.jpg) fixed; | + | background:#666666 url(https://static.igem.org/mediawiki/2012/0/0b/NctuformosaBg.jpg) fixed; |
color:#3c3c3c; | color:#3c3c3c; | ||
font:14px Helvetica, Arial, Sans-serif; | font:14px Helvetica, Arial, Sans-serif; | ||
Line 101: | Line 101: | ||
background:#fc0; | background:#fc0; | ||
color:#fff; | color:#fff; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: 'Orienta'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Orienta'), local('Orienta-Regular'), url(http://themes.googleusercontent.com/static/fonts/orienta/v1/nPJ0J30J_zQZtBhztPPbaA.woff) format('woff'); | ||
} | } | ||
a { | a { | ||
Line 124: | Line 130: | ||
} | } | ||
#title { | #title { | ||
- | width: | + | width:100%; |
height:50px; | height:50px; | ||
- | |||
background:url(https://static.igem.org/mediawiki/2012/0/07/NctuTitle.png) transparent top left no-repeat; | background:url(https://static.igem.org/mediawiki/2012/0/07/NctuTitle.png) transparent top left no-repeat; | ||
margin-top: 5px; | margin-top: 5px; | ||
margin-left: 3px; | margin-left: 3px; | ||
+ | } | ||
+ | #title span { | ||
+ | text-indent:-9999px; | ||
+ | } | ||
+ | #tmenu { | ||
+ | position: relative; | ||
+ | left: 914px; | ||
+ | width:98px; | ||
+ | height:30px!important; | ||
+ | padding:0; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #tmenu li a { | ||
+ | display:block; | ||
+ | width:100%; | ||
+ | text-indent:-9999px; | ||
+ | background:url(https://static.igem.org/mediawiki/2012/7/7c/Topmenu.png) transparent no-repeat 0 0; | ||
+ | } | ||
+ | #tmenu li, #tmenu li a { | ||
+ | display:block; | ||
+ | float: right; | ||
+ | margin-bottom:3px; | ||
+ | } | ||
+ | #tmenu .m1, #tmenu .m1 a { | ||
+ | display:block; | ||
+ | list-style: none; | ||
+ | width:54px; | ||
+ | height:12px; | ||
+ | } | ||
+ | #tmenu .m1 a, #tmenu .m1 a:link { | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | #tmenu .m1 a:hover, #tmenu .m1 a:active { | ||
+ | background-position:-98px 0px; | ||
+ | } | ||
+ | #tmenu .m2, #tmenu .m2 a { | ||
+ | display:block; | ||
+ | list-style: none; | ||
+ | width:98px; | ||
+ | height:12px; | ||
+ | } | ||
+ | #tmenu .m2 a, #tmenu .m2 a.link { | ||
+ | background-position:0 -13px; | ||
+ | } | ||
+ | #tmenu .m2 a:hover, #tmenu .m2 a:active{ | ||
+ | background-position:-98px -13px; | ||
} | } | ||
#main-wrapper { | #main-wrapper { | ||
Line 140: | Line 191: | ||
width: 100%; | width: 100%; | ||
padding: 0px; | padding: 0px; | ||
- | + | // font:14px Helvetica, Arial, Sans-serif; | |
- | + | font-size:14px; | |
- | + | font-family: 'Orienta', sans-serif; | |
- | font-weight: | + | font-weight:500; |
} | } | ||
ul { | ul { | ||
Line 165: | Line 216: | ||
font-size:9px; | font-size:9px; | ||
color:#333333; | color:#333333; | ||
+ | } | ||
+ | .emph { | ||
+ | font-weight:600; | ||
} | } | ||
#counter, #counter img { | #counter, #counter img { | ||
width:1px; | width:1px; | ||
height:1px; | height:1px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .thumbnail { | ||
+ | width:1px; | ||
+ | height:1px; | ||
+ | visibility: hidden; | ||
} | } | ||
#footer-text a, #footer-text a:hover, #footer-text a:visited { | #footer-text a, #footer-text a:hover, #footer-text a:visited { | ||
Line 191: | Line 251: | ||
width:100%; | width:100%; | ||
text-indent:-9999px; | text-indent:-9999px; | ||
- | background:url(https://static.igem.org/mediawiki/2012/9/ | + | background:url(https://static.igem.org/mediawiki/2012/9/9b/Nctumenu.png) transparent no-repeat 0 0; |
//-webkit-transition:all 1.0s ease-in-out; | //-webkit-transition:all 1.0s ease-in-out; | ||
//-moz-transition:all 1.0s ease-in-out; | //-moz-transition:all 1.0s ease-in-out; | ||
- | // | + | //o-transition:all 1.0s ease-in-out; |
//transition:all 1.0s ease-in-out; | //transition:all 1.0s ease-in-out; | ||
} | } | ||
Line 259: | Line 319: | ||
#menu .m7 a.link:hover, #menu .m7 a.link:active, #menu .m7 .current{ | #menu .m7 a.link:hover, #menu .m7 a.link:active, #menu .m7 .current{ | ||
background-position:-305px -100px; | background-position:-305px -100px; | ||
+ | } | ||
+ | #menu .m8 { | ||
+ | height:18px; | ||
+ | } | ||
+ | #menu .m8 a.link, #menu .m8 a.link:link { | ||
+ | background-position:0 -117px; | ||
+ | } | ||
+ | #menu .m8 a.link:hover, #menu .m8 a.link:active, #menu .m8 .current{ | ||
+ | background-position:-305px -117px; | ||
} | } | ||
ul li { | ul li { | ||
Line 280: | Line 349: | ||
} | } | ||
#m3s { | #m3s { | ||
- | top:- | + | top:-24px; |
} | } | ||
#m6s { | #m6s { | ||
Line 368: | Line 437: | ||
.ms .ms7 a:hover, .ms .ms7 a:active{ | .ms .ms7 a:hover, .ms .ms7 a:active{ | ||
background-position:-305px -102px!important; | background-position:-305px -102px!important; | ||
+ | } | ||
+ | .ms .ms8 { | ||
+ | height:17px; | ||
+ | } | ||
+ | .ms .ms8 a, .ms .ms8 a:link { | ||
+ | background-position:0 -119px!important; | ||
+ | } | ||
+ | .ms .ms8 a:hover, .ms .ms8 a:active{ | ||
+ | background-position:-305px -119px!important; | ||
} | } | ||
.author { | .author { |
Latest revision as of 21:06, 26 October 2012