Team:USTC-Software/Project/Software/css

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
div.contain {
div.contain {
-
     font: 18px Arial, Helvetica, sans-serif;
+
     font: 16px Arial, Helvetica, sans-serif;
     margin:0 auto;
     margin:0 auto;
-
     width:1000px;
+
     width:960px;
     height:auto;
     height:auto;
}
}
Line 19: Line 19:
#Tutorial .left {
#Tutorial .left {
-
     width:490px;
+
     width:460px;
-
     height:470px;
+
     height:auto;
     float:left;
     float:left;
 +
    margin-left:25px;
 +
    margin-top:5px;
}
}
#Tutorial .right {
#Tutorial .right {
-
     width:490px;
+
     width:460px;
     float:right;
     float:right;
 +
    margin-right:-25px;
     height:400px;
     height:400px;
-
     padding-top:60px;
+
     padding-top:70px;
}
}
Line 47: Line 50:
-
.image img{width:1000px;}
+
.image img{width:960px;}
#softwarebutton { color:#aaed51;}
#softwarebutton { color:#aaed51;}
 +
 +
 +
#left_direction{
 +
    width:130px;
 +
    height:auto;
 +
    float:left;
 +
    position:fixed;
 +
    top:40%;
 +
    background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
 +
    border-radius:5px;
 +
    box-shadow:#999 3px 3px 1px;
 +
}
 +
 +
#left_direction ul , #left_direction ul li a{
 +
    color:#000;
 +
    font-size:16px;
 +
    text-decoration:none;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    list-style-image:none;
 +
    list-style-type:disc;
 +
}
 +
 +
#left_direction ul li a:hover{
 +
    color:#aaed51;
 +
    opacity:1;
 +
}

Latest revision as of 05:34, 28 October 2013

div.contain {

    font: 16px Arial, Helvetica, sans-serif;
    margin:0 auto;
    width:960px;
    height:auto;

}

  1. title {
    margin-top:80px;
    margin-left:-20px;

}


  1. Tutorial {
    margin-left:0;
    height:auto;

}


  1. Tutorial .left {
    width:460px;
    height:auto;
    float:left;
    margin-left:25px;
    margin-top:5px;

}


  1. Tutorial .right {
    width:460px;
    float:right;
    margin-right:-25px;
    height:400px;
    padding-top:70px;

}

  1. Code {
   clear:both;
   position:relative;
   top:10px;

}

  1. Download img {
    width:60px;
    height:60px;

}


a:hover {text-decoration:none;}


.image img{width:960px;}


  1. softwarebutton { color:#aaed51;}


  1. left_direction{
   width:130px;
   height:auto;
   float:left;
   position:fixed;
   top:40%;
   background: url(M_1243691170517.jpg) repeat;
   border-radius:5px;
   box-shadow:#999 3px 3px 1px;

}

  1. left_direction ul , #left_direction ul li a{
   color:#000;
   font-size:16px;
   text-decoration:none;
   font-family:Tahoma, Geneva, sans-serif;
   list-style-image:none;
   list-style-type:disc;

}

  1. left_direction ul li a:hover{
   color:#aaed51;
   opacity:1;

}