Team:AUC TURKEY/stimenu.css

From 2014hs.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
@import url("https://2014hs.igem.org/Team:AUC_TURKEY/reset.css?action=raw&ctype=text/css");
+
/*Sliding Text and Icon Menu Style*/
-
body{
+
.sti-menu{
-
background:#f7f7f7 url(../images/pattern.png) repeat top left;
+
width:1010px;
-
color:#000;
+
position:relative;
-
font-family:'Georgia', 'Trebuchet MS', serif;
+
margin:60px auto 0 auto;
-
font-size:12px;
+
}
}
-
a{
+
.sti-menu li{
-
color:#000;
+
float:left;
-
text-decoration:none;
+
width:200px;
-
}
+
height:300px;
-
.clr{
+
margin:1px;
-
clear:both;
+
}
}
-
.container {
+
.sti-menu li a{
 +
display:block;
 +
overflow:hidden;
 +
background:#fff;
 +
text-align:center;
 +
height:100%;
width:100%;
width:100%;
position:relative;
position:relative;
-
z-index:100;
+
-moz-box-shadow:1px 1px 2px #ddd;
-
margin:0 auto;
+
-webkit-box-shadow:1px 1px 2px #ddd;
 +
box-shadow:1px 1px 2px #ddd;
}
}
-
.header{
+
.sti-menu li a h2{
-
padding-top:40px;
+
-
}
+
-
.content {
+
-
width:1000px;
+
-
margin:0 auto;
+
-
}
+
-
h1{
+
-
margin:10px 0 0px 20px;
+
-
font-size:80px;
+
color:#000;
color:#000;
-
text-shadow:1px 1px 1px #fff;
 
font-family: 'Wire One', arial, serif;  
font-family: 'Wire One', arial, serif;  
-
}
+
font-size:42px;
-
h1 span{
+
font-weight:bold;
-
font-size:22px;
+
text-transform:uppercase;
text-transform:uppercase;
 +
position:absolute;
 +
padding:10px;
 +
width:180px;
 +
top:140px;
 +
left:0px;
 +
text-shadow: 0px 1px 1px black;
}
}
-
.more ul{
+
.sti-menu li a h3{
-
text-transform:uppercase;
+
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;  
-
font-size:13px;
+
font-size:18px;
-
padding:50px 0px 30px 20px;
+
font-style:italic;
-
height:30px;
+
color: #111;
-
clear:both;
+
position:absolute;
-
font-family: 'PT Sans Narrow', Arial, sans-serif;
+
top:248px;
-
width:830px;
+
left:0px;
-
margin:0 auto;
+
width:180px;
 +
padding:10px;
}
}
-
.more ul li{
+
.sti-icon{
-
float:left;
+
width:100px;
-
margin:0px 2px;
+
height:100px;
 +
position:absolute;
 +
background-position:top left;
 +
background-repeat:no-repeat;
 +
background-color:transparent;
 +
left:50px;
 +
top:30px;
}
}
-
.more ul li.selected a,
+
.sti-icon-care{
-
.more ul li.selected a:hover{
+
background-image:url(https://static.igem.org/mediawiki/2014hs/0/08/Aucmain_prjc.png);
-
background:#000;
+
-
color:#fff;
+
-
text-shadow:none;
+
}
}
-
.more ul li a{
+
.sti-icon-alternative{
-
text-shadow:1px 1px 1px #fff;
+
background-image:url(https://static.igem.org/mediawiki/2014hs/3/3a/Aucmain_ntbk.png);
-
color:#555;
+
-
background:#f7f7f7;
+
-
padding:3px 6px;
+
-
-moz-box-shadow:1px 1px 2px #aaa;
+
-
-webkit-box-shadow:1px 1px 2px #aaa;
+
-
box-shadow:1px 1px 2px #aaa;
+
}
}
-
.more ul li a:hover{
+
.sti-icon-family{
-
background:#000;
+
background-image:url(https://static.igem.org/mediawiki/2014hs/3/36/Aucmain_hmpr.png);
-
color:#fff;
+
-
text-shadow:none;
+
}
}
-
.content{
+
.sti-icon-info{
-
width:100%;
+
background-image:url(https://static.igem.org/mediawiki/2014hs/0/0e/Aucmain_team.png);
-
position:relative;
+
}
}
-
/* Footer Style */
+
.sti-icon-technology{
-
.footer{
+
background-image:url(https://static.igem.org/mediawiki/2014hs/b/b5/Aucmain_otrc.png);
-
position:fixed;
+
-
width:100%;
+
-
height:25px;
+
-
line-height:24px;
+
-
bottom:0;
+
-
font-size:13px;
+
-
background:#000;
+
-
opacity:0.9;
+
-
text-transform:uppercase;
+
-
font-family: 'PT Sans Narrow', Arial, sans-serif;
+
-
z-index:4;
+
-
}
+
-
.footer a{
+
-
padding:5px 10px;
+
-
letter-spacing:1px;
+
-
text-shadow:1px 1px 1px #000;
+
-
color:#ddd;
+
-
text-align:right;
+
-
}
+
-
.footer a:hover{
+
-
color:#fff;
+
-
}
+
-
.footer a span{
+
-
font-weight:bold;
+
-
}
+
-
.footer span.right_ab{
+
-
position:absolute;
+
-
right:4px;
+
}
}

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(Aucmain_prjc.png); } .sti-icon-alternative{ background-image:url(Aucmain_ntbk.png); } .sti-icon-family{ background-image:url(Aucmain_hmpr.png); } .sti-icon-info{ background-image:url(Aucmain_team.png); } .sti-icon-technology{ background-image:url(Aucmain_otrc.png); }

Retrieved from "http://2014hs.igem.org/Team:AUC_TURKEY/stimenu.css"