Team:SYSU-Software/cast.css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
    *{
+
*{
-
      padding:0px;
+
padding:0px;
-
      margin: 0px;
+
margin: 0px;
-
    }
+
}
-
    body {
+
body {
-
      height: 100%;
+
height: 100%;
-
      width: 100%;
+
width: 100%;
-
      background-color: #CCC;
+
background-color: #CCC;
-
      font-family: 'Arial';
+
font-family: 'Arial';
-
      overflow-x: hidden;
+
overflow-x: hidden;
-
    }
+
}
-
    /*home content*/
+
/*home content*/
-
    #cast-header{
+
#cast-header{
-
      width: 100%;
+
width: 100%;
-
      background-color: #dff5f1;
+
background-color: #dff5f1;
-
    }
+
}
-
    #cast-header img{
+
#cast-header img{
-
      position: relative;
+
position: relative;
-
      width: 1147px;
+
width: 1147px;
-
      margin-left: 50%;
+
margin-left: 50%;
-
      left: -573px;
+
left: -573px;
-
    }
+
}
-
    #cast-introduction-header{
+
#cast-introduction-header{
-
      padding-top: 90px;
+
padding-top: 90px;
-
      font-size:20px;
+
font-size:20px;
-
      color: black;
+
color: black;
-
      text-align: center;
+
text-align: center;
-
      font-weight: 600;
+
font-weight: 600;
-
      word-spacing: 5px;
+
word-spacing: 5px;
-
      background-color: white;
+
background-color: white;
-
    }
+
}
-
    #cast-intruction-text{
+
#cast-intruction-text{
-
      width: 400px;
+
width: 400px;
-
      display: block;
+
display: block;
-
      text-align: justify;
+
text-align: justify;
-
      font-size: 16px;
+
font-size: 16px;
-
    }
+
}
-
    .cast-introduction-part{
+
.cast-introduction-part{
-
      *padding-left: 80px;*
+
*padding-left: 80px;*
-
      padding-top: 80px;
+
padding-top: 80px;
-
      background-color: white;
+
background-color: white;
-
      padding-bottom: 100px;
+
padding-bottom: 100px;
-
    }
+
}
-
    .cast-introduction-part table{
+
.cast-introduction-part table{
-
      position: relative;   
+
position: relative;   
-
      width: 900px;
+
width: 900px;
-
      left: 50%;
+
left: 50%;
-
      margin-left: -450px;
+
margin-left: -450px;
-
      text-align:center;
+
text-align:center;
-
    }
+
}
-
    #cast-intruction-image img{
+
#cast-intruction-image img{
-
      width: 320px;
+
width: 320px;
-
      height: 400px;
+
height: 400px;
-
    }
+
}
-
    .cast-image{
+
.cast-image{
-
      margin-left:40%;
+
margin-left:40%;
-
      width:600px;
+
width:600px;
-
      height:400px;
+
height:400px;
-
    }
+
}
-
    #cast-intruction-text-header{
+
#cast-intruction-text-header{
-
      font-size: 19px;
+
font-size: 19px;
-
      color: #65d2c0;
+
color: #65d2c0;
-
    }
+
}
-
    .cast-image-td{
+
.cast-image-td{
-
      width:70%;
+
width:70%;
-
      padding:15px;
+
padding:15px;
-
    }
+
}
-
    #cast-introduction-part2{
+
#cast-introduction-part2{
-
      background-color: #dff5f2;
+
background-color: #dff5f2;
-
      width: 100%;
+
width: 100%;
-
    }
+
}
-
    /*footer*/   
+
/*footer*/   
-
    #sysu-footer{
+
#sysu-footer{
-
      width: 100%;
+
width: 100%;
-
      margin:0 auto;
+
margin:0 auto;
-
      position: relative;
+
position: relative;
-
      bottom: 0px;
+
bottom: 0px;
-
      overflow: hidden;
+
overflow: hidden;
-
      background-color: white;
+
background-color: white;
-
    }
+
}
-
    #bottom-image{
+
#bottom-image{
-
      width: 100%;
+
width: 100%;
-
    }
+
}
-
    a:focus{
+
a:focus{
-
      outline-color:#544444;  
+
outline-color:#544444;  
-
    }
+
}
 +
 
 +
#display-board {
 +
height: 150px;
 +
/* vertical-align: middle; */
 +
border: dashed 3px #868858;
 +
border-radius: 5px;
 +
margin-bottom: 20px;
 +
padding: 10px;
 +
text-align: left;
 +
}
 +
#display-board .board{
 +
display: inline-block;
 +
vertical-align: top;
 +
}
 +
#display-board .board-left {
 +
width: 40%;
 +
}
 +
#display-board .board-right {
 +
width: 55%;
 +
}

Revision as of 10:09, 27 September 2013

  • {

padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; overflow-x: hidden; }



/*home content*/

  1. cast-header{

width: 100%; background-color: #dff5f1; }

  1. cast-header img{

position: relative;

width: 1147px; margin-left: 50%; left: -573px; }

  1. cast-introduction-header{

padding-top: 90px;

font-size:20px; color: black; text-align: center; font-weight: 600; word-spacing: 5px; background-color: white; }

  1. cast-intruction-text{

width: 400px; display: block; text-align: justify;

font-size: 16px; } .cast-introduction-part{ *padding-left: 80px;* padding-top: 80px; background-color: white; padding-bottom: 100px; } .cast-introduction-part table{ position: relative; width: 900px; left: 50%; margin-left: -450px; text-align:center; }

  1. cast-intruction-image img{

width: 320px; height: 400px; } .cast-image{ margin-left:40%; width:600px; height:400px; }

  1. cast-intruction-text-header{

font-size: 19px; color: #65d2c0; } .cast-image-td{ width:70%; padding:15px; }

  1. cast-introduction-part2{

background-color: #dff5f2; width: 100%; } /*footer*/

  1. sysu-footer{

width: 100%; margin:0 auto;

position: relative; bottom: 0px; overflow: hidden;

background-color: white; }

  1. bottom-image{

width: 100%; }


a:focus{ outline-color:#544444; }

  1. display-board {

height: 150px; /* vertical-align: middle; */ border: dashed 3px #868858; border-radius: 5px; margin-bottom: 20px; padding: 10px; text-align: left; }

  1. display-board .board{

display: inline-block; vertical-align: top; }

  1. display-board .board-left {

width: 40%; }

  1. display-board .board-right {

width: 55%; }

Retrieved from "http://2013.igem.org/Team:SYSU-Software/cast.css"