Team:USTC-Software/Project/Software/css

From 2013.igem.org

(Difference between revisions)
 
(41 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:65px;
+
     padding-top:70px;
}
}
Line 35: Line 38:
     clear:both;
     clear:both;
     position:relative;
     position:relative;
-
     padding-top:100px;
+
     top:10px;
}
}
Line 46: Line 49:
a:hover {text-decoration:none;}
a:hover {text-decoration:none;}
-
#direction{
+
 
-
    width:140px;
+
.image img{width:960px;}
-
     height:250px;
+
 
-
     right:0px;
+
 
-
     top:60%;
+
#softwarebutton { color:#aaed51;}
 +
 
 +
 
 +
#left_direction{
 +
     width:130px;
 +
     height:auto;
 +
     float:left;
     position:fixed;
     position:fixed;
-
     background-color:#2da7a0;
+
    top:40%;
 +
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
     border-radius:5px;
     border-radius:5px;
 +
    box-shadow:#999 3px 3px 1px;
}
}
-
#direction ul , #direction ul li a{
+
#left_direction ul , #left_direction ul li a{
-
     color:#fff;
+
     color:#000;
-
     font-size:18px;
+
     font-size:16px;
     text-decoration:none;
     text-decoration:none;
     font-family:Tahoma, Geneva, sans-serif;
     font-family:Tahoma, Geneva, sans-serif;
     list-style-image:none;
     list-style-image:none;
-
     list-style-image:circle;
+
     list-style-type:disc;
}
}
-
#direction ul li a:hover{
+
#left_direction ul li a:hover{
     color:#aaed51;
     color:#aaed51;
     opacity:1;
     opacity:1;
-
    font-size:18px;
 
}
}

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;

}