Team:UT-Tokyo/Template/Style

From 2013.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 5: Line 5:
*{margin:0; padding:0;}
*{margin:0; padding:0;}
 +
 +
#top-section{
 +
    width: 100%
 +
    }
 +
 +
#menubar {
 +
    top: 0;
 +
    font-size: 75%;
 +
    }
 +
 +
#content {
 +
    position: relative;
 +
    width: 100%;
 +
    background: rgb(255, 255, 255);
 +
    color: rgb(0, 0, 0);
 +
    border-left: 1px solid rgb(68, 68, 68);
 +
    border-right: 1px solid rgb(68, 68, 68);
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
    margin: 0;
 +
    padding: 0;
 +
    }
 +
 +
#globalWrapper {
 +
    position: relative;
 +
    font-size: 100%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    padding-bottom: 10px;
 +
    }
 +
 +
content{
 +
    padding: 0 !important;
 +
    margin: 0 !important;
 +
    }
#p-logo{
#p-logo{
     display:none;
     display:none;
 +
    }
 +
.firstHeading{
 +
    display: none;
     }
     }
Line 18: Line 57:
     display: block;
     display: block;
     width: 100%;
     width: 100%;
-
    -webkit-margin-before: 1em;
 
-
    -webkit-margin-after: 1em;
 
-
    -webkit-margin-start: 0px;
 
-
    -webkit-margin-end: 0px;
 
     }
     }
-
a{
+
#header a, #main a{
     text-decoration: none;
     text-decoration: none;
     }
     }
-
 
+
#header a:link, #main a:link{
-
a:link{
+
     color: blue;
     color: blue;
     }
     }
-
a:visited{
+
#headera:hover, #main a:hover{
-
    color: purple;
+
-
    }
+
-
a:hover{
+
     color: red;
     color: red;
     }
     }
Line 48: Line 79:
     position: fixed;
     position: fixed;
     height: 100px;
     height: 100px;
-
    width: 100%;
 
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
Line 196: Line 226:
     position: absolute;
     position: absolute;
     width: 100%;
     width: 100%;
-
     background-color: rgba(255,255,255,0.8);
+
     background-color: rgb(255,255,255);
     z-index: 1;
     z-index: 1;
     }
     }
-
#title{
+
pre{
     position: relative;
     position: relative;
-
     top: -20px;
+
     top: -155px;
     left: 0px;
     left: 0px;
     width: 100%;
     width: 100%;
Line 208: Line 238:
     line-height: 435px;
     line-height: 435px;
     text-align: right;
     text-align: right;
-
     font-size: 90px;;
+
    font-family: inherit;
 +
     font-size: 90px;
     letter-spacing: 10px;
     letter-spacing: 10px;
     color: #bd200d;
     color: #bd200d;
     background-color: rgb(228, 200, 200);
     background-color: rgb(228, 200, 200);
     z-index: -1;
     z-index: -1;
 +
    padding: 0;
 +
    border: none;
     }
     }
Line 221: Line 254:
     padding: 100px 0 70px 350px;
     padding: 100px 0 70px 350px;
     width: 600px;
     width: 600px;
-
    position: relative;
+
     top: -200px;
-
     top: -50px;
+
     counter-reset: part;
     counter-reset: part;
     }
     }
Line 230: Line 262:
     margin: 0;
     margin: 0;
     text-align: justify;
     text-align: justify;
 +
    }
 +
 +
#contents li{
 +
    list-style-type: disc;
 +
    list-style-image: none;
     }
     }
Line 245: Line 282:
     color: #bd200d;
     color: #bd200d;
     counter-reset: chapter;
     counter-reset: chapter;
 +
    padding: 0;
 +
    border: none;
 +
    line-height: 60px;
 +
    text-indent: -0.5em;
 +
    padding-left: 0.5em;
     }
     }
#contents h1:before{
#contents h1:before{
Line 259: Line 301:
     color: #bd200d;
     color: #bd200d;
     counter-reset: section;
     counter-reset: section;
 +
    padding: 0;
 +
    border: none;
 +
    line-height: 35px;
     }
     }
#contents h2:before{
#contents h2:before{
Line 275: Line 320:
     letter-spacing: 2px;
     letter-spacing: 2px;
     color: #bd200d;
     color: #bd200d;
 +
    padding: 0;
 +
    border: none;
     }
     }
Line 292: Line 339:
</style>
</style>
-
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
 
     <script>
     <script>
     $(function() {
     $(function() {
Line 308: Line 354:
     $(function() {
     $(function() {
         var d=300;
         var d=300;
-
         $('#navigation li').each(function(){
+
         $('#navig li').each(function(){
             var $this = $(this);
             var $this = $(this);
             var r=Math.floor(Math.random()*31)-15;
             var r=Math.floor(Math.random()*31)-15;
Line 320: Line 366:
                 },d+=150);
                 },d+=150);
         });
         });
-
         $('#navigation > li').hover(
+
         $('#navig > li').hover(
             function () {
             function () {
                 var $this = $(this);
                 var $this = $(this);

Latest revision as of 08:19, 13 October 2013

Retrieved from "http://2013.igem.org/Team:UT-Tokyo/Template/Style"