"
Team:AUC TURKEY/stimenu.css
From 2014hs.igem.org
Edipunluer (Talk | contribs) |
Edipunluer (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| - | /* | + | /*Sliding Text and Icon Menu Style*/ |
| - | . | + | .sti-menu{ |
| - | + | width:1010px; | |
| - | width: | + | 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; | 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; | 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(../images/care.png); | ||
| + | } | ||
| + | .sti-icon-alternative{ | ||
| + | background-image:url(../images/alternative.png); | ||
| + | } | ||
| + | .sti-icon-family{ | ||
| + | background-image:url(../images/family.png); | ||
| + | } | ||
| + | .sti-icon-info{ | ||
| + | background-image:url(../images/info.png); | ||
| + | } | ||
| + | .sti-icon-technology{ | ||
| + | background-image:url(../images/technology.png); | ||
} | } | ||
Revision as of 12:12, 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(../images/care.png); } .sti-icon-alternative{ background-image:url(../images/alternative.png); } .sti-icon-family{ background-image:url(../images/family.png); } .sti-icon-info{ background-image:url(../images/info.png); } .sti-icon-technology{ background-image:url(../images/technology.png); }
