Team:AUC TURKEY/stimenu.css
From 2014hs.igem.org
Edipunluer (Talk | contribs) (Created page with "@import url('reset.css'); body{ background:#f7f7f7 url(../images/pattern.png) repeat top left; color:#000; font-family:'Georgia', 'Trebuchet MS', serif; font-size:12px; } a{ ...") |
Edipunluer (Talk | contribs) |
||
(6 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | /*Sliding Text and Icon Menu Style*/ | |
- | + | .sti-menu{ | |
- | + | width:1010px; | |
- | + | position:relative; | |
- | + | margin:60px auto 0 auto; | |
- | + | ||
} | } | ||
- | + | .sti-menu li{ | |
- | + | float:left; | |
- | + | width:200px; | |
- | + | height:300px; | |
- | + | margin:1px; | |
- | + | ||
} | } | ||
- | . | + | .sti-menu li a{ |
+ | display:block; | ||
+ | overflow:hidden; | ||
+ | background:#fff; | ||
+ | text-align:center; | ||
+ | height:100%; | ||
width:100%; | width:100%; | ||
position:relative; | position:relative; | ||
- | + | -moz-box-shadow:1px 1px 2px #ddd; | |
- | + | -webkit-box-shadow:1px 1px 2px #ddd; | |
+ | box-shadow:1px 1px 2px #ddd; | ||
} | } | ||
- | . | + | .sti-menu li a h2{ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
color:#000; | color:#000; | ||
- | |||
font-family: 'Wire One', arial, serif; | font-family: 'Wire One', arial, serif; | ||
- | + | font-size:42px; | |
- | + | font-weight:bold; | |
- | font-size: | + | |
text-transform:uppercase; | text-transform:uppercase; | ||
+ | position:absolute; | ||
+ | padding:10px; | ||
+ | width:180px; | ||
+ | top:140px; | ||
+ | left:0px; | ||
+ | text-shadow: 0px 1px 1px black; | ||
} | } | ||
- | . | + | .sti-menu li a h3{ |
- | + | font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; | |
- | font-size: | + | font-size:18px; |
- | + | font-style:italic; | |
- | + | color: #111; | |
- | + | position:absolute; | |
- | + | top:248px; | |
- | width: | + | left:0px; |
- | + | width:180px; | |
+ | padding:10px; | ||
} | } | ||
- | . | + | .sti-icon{ |
- | + | width:100px; | |
- | + | height:100px; | |
+ | position:absolute; | ||
+ | background-position:top left; | ||
+ | background-repeat:no-repeat; | ||
+ | background-color:transparent; | ||
+ | left:50px; | ||
+ | top:30px; | ||
} | } | ||
- | . | + | .sti-icon-care{ |
- | + | background-image:url(https://static.igem.org/mediawiki/2014hs/0/08/Aucmain_prjc.png); | |
- | background: | + | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .sti-icon-alternative{ |
- | + | background-image:url(https://static.igem.org/mediawiki/2014hs/3/3a/Aucmain_ntbk.png); | |
- | + | ||
- | background | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .sti-icon-family{ |
- | background: | + | background-image:url(https://static.igem.org/mediawiki/2014hs/3/36/Aucmain_hmpr.png); |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .sti-icon-info{ |
- | + | background-image:url(https://static.igem.org/mediawiki/2014hs/0/0e/Aucmain_team.png); | |
- | + | ||
} | } | ||
- | + | .sti-icon-technology{ | |
- | . | + | background-image:url(https://static.igem.org/mediawiki/2014hs/b/b5/Aucmain_otrc.png); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } |
Latest revision as of 12:35, 11 June 2014
/*Sliding Text and Icon Menu Style*/ .sti-menu{ width:1010px; position:relative; margin:60px auto 0 auto; } .sti-menu li{ float:left; width:200px; height:300px; margin:1px; } .sti-menu li a{ display:block; overflow:hidden; background:#fff; text-align:center; height:100%; width:100%; position:relative; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; } .sti-menu li a h2{ color:#000; font-family: 'Wire One', arial, serif; font-size:42px; font-weight:bold; text-transform:uppercase; position:absolute; padding:10px; width:180px; top:140px; left:0px; text-shadow: 0px 1px 1px black; } .sti-menu li a h3{ font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; font-size:18px; font-style:italic; color: #111; position:absolute; top:248px; left:0px; width:180px; padding:10px; } .sti-icon{ width:100px; height:100px; position:absolute; background-position:top left; background-repeat:no-repeat; background-color:transparent; left:50px; top:30px; } .sti-icon-care{ background-image:url(); } .sti-icon-alternative{ background-image:url(); } .sti-icon-family{ background-image:url(); } .sti-icon-info{ background-image:url(); } .sti-icon-technology{ background-image:url(); }