Template:Kyoto/css

From 2012.igem.org

(Difference between revisions)
Line 43: Line 43:
/******* IGEM KYOTO DESIGN *******/
/******* IGEM KYOTO DESIGN *******/
-
/********** background **********/
+
/********** header **********/
-
#kyoto-background {
+
#kyoto-header {
-
position: fixed;
+
width: 1000px;
-
top: 0;
+
-
left: 0;
+
-
width: 100%;
+
-
height: 100%;
+
-
z-index: -400;
+
-
background-color: #95C0EC;
+
}
}
-
/********** foreground **********/
+
/********** menu **********/
-
#kyoto-foreground {
+
#kyoto-menu {
-
position: fixed;
+
-
top: 0;
+
-
left: 50%;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
#kyoto-foreground1 {
+
-
position: fixed;
+
-
top: 0;
+
-
margin-left: -750px;
+
width: 250px;
width: 250px;
-
height: 100%;
 
-
background-color: #4DB56A
 
-
}
 
-
#kyoto-foreground2 {}
 
-
#kyoto-menu {
 
-
position: absolute;
 
-
top: 0;
 
-
margin-left: -600px;
 
-
z-index: 100;
 
}
}
#kyoto-menu > li {
#kyoto-menu > li {
 +
width: 250px;
display :block;
display :block;
}
}
Line 83: Line 59:
/********** main content **********/
/********** main content **********/
#kyoto-main {
#kyoto-main {
-
margin: 100px auto;
 
padding: 20px;
padding: 20px;
width: 700px;
width: 700px;
-
background-image: url("https://static.igem.org/mediawiki/2012/1/1f/Kyoto_Frame.png");
 
}
}
#kyoto-main > div {
#kyoto-main > div {
Line 93: Line 67:
min-height: 400px;
min-height: 400px;
background-color: #ffffff;
background-color: #ffffff;
-
}
 
-
#kyoto-root {
 
-
position: absolute;
 
-
bottom: -50px;
 
-
width: 100%;
 
-
}
 
-
#kyoto-root img {
 
-
position: absolute;
 
-
right: 0px;
 
-
bottom: 0;
 
-
height: 300px;
 
}
}
</style>
</style>
</html>
</html>

Revision as of 18:47, 23 September 2012

Retrieved from "http://2012.igem.org/Template:Kyoto/css"