Template:Kyoto/css

From 2012.igem.org

(Difference between revisions)
 
(99 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
/******* CONTENT *******/
/******* CONTENT *******/
-
#content, #footer-box {
+
body {
-
position: relative;
+
background-color: #f1f1f1;
-
left: 50%;
+
font-size: arial;
-
margin-left: -500px;
+
}
 +
#content {
 +
width: 975px;
 +
border: none;
}
}
#bodyContent {
#bodyContent {
-
width: 100%;
+
margin-top: -20px;
 +
font: 15px arial;
}
}
Line 38: Line 42:
#catlinks {
#catlinks {
display: none;
display: none;
 +
}
 +
 +
/******* image *******/
 +
.thumb {
 +
border-style: none !important;
 +
padding: 10px;
}
}
/******* IGEM KYOTO DESIGN *******/
/******* IGEM KYOTO DESIGN *******/
-
/********** background **********/
+
/********** header **********/
-
#kyoto-background {
+
img.kyoto-header {
-
position: fixed;
+
margin: -5px;
-
top: 0;
+
width: 965px;
-
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;
margin: 0;
-
padding: 0;
+
width: 200px;
 +
float: left;
}
}
-
#kyoto-foreground1 {
+
#kyoto-menu > li {
-
position: fixed;
+
width: 200px;
-
top: 0;
+
display :block;
-
margin-left: -750px;
+
-
width: 250px;
+
-
height: 100%;
+
-
background-color: #4DB56A
+
}
}
-
#kyoto-foreground2 {}
 
-
#kyoto-menu {}
 
/********** main content **********/
/********** main content **********/
#kyoto-main {
#kyoto-main {
-
margin: 100px auto;
+
padding: 0;
-
padding: 30px;
+
width: 775px;
-
width: 700px;
+
margin-left: 200px;
-
background-image: url("https://static.igem.org/mediawiki/2012/1/1f/Kyoto_Frame.png");
+
-
}
+
-
#kyoto-root {
+
-
position: absolute;
+
-
bottom: -50px;
+
-
width: 100%;
+
-
}
+
-
#kyoto-root img {
+
-
position: absolute;
+
-
right: 0px;
+
-
bottom: 0;
+
-
height: 300px;
+
}
}
#kyoto-content {
#kyoto-content {
-
min-height: 400px;
+
margin: 10px;
padding: 15px;
padding: 15px;
-
background-color: #ffffff;
 
}
}
 +
#kyoto-content > div {
 +
background-color: #fef9e3;
 +
padding: 10px;
 +
}
 +
 +
/********** tabs **********/
 +
#kyoto-tabs {
 +
width: 730px;
 +
height: 35px;
 +
margin-bottom: -1px;
 +
}
 +
#kyoto-tabs > li {
 +
display: block;
 +
float: left;
 +
height: 100%;
 +
}
 +
#kyoto-tab-contents {
 +
padding: 10px;
 +
z-index: 100;
 +
border: 1px solid #c8c2b6;
 +
}
 +
#kyoto-tab-contents > div {
 +
display: none;
 +
}
 +
div.displayOn {
 +
display: block;
 +
}
 +
 +
/********** post-it **********/
 +
ul.kyoto-post-it {
 +
width: 30px;
 +
float: right;
 +
right: -40px;
 +
z-index: 90;
 +
}
 +
ul.kyoto-post-it > li {
 +
width: 30px;
 +
display:block;
 +
}
 +
</style>
</style>
</html>
</html>

Latest revision as of 18:10, 23 October 2012

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