Difference between revisions of "Template:SYSU-Software/CSS/Team"

(Created page with "@font-face { font-family: geosanalight; src: url('https://static.igem.org/mediawiki/2015/2/28/SYSU-Software_Geosans.ttf'); } body { background-color: #e6ebe5; } #bannerCo...")
 
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
@font-face {
 
−
    font-family: geosanalight;
 
−
    src: url('https://static.igem.org/mediawiki/2015/2/28/SYSU-Software_Geosans.ttf');
 
−
}
 
  
 
body {
 
body {
−
     background-color: #e6ebe5;
+
     background-color: white;
 +
}
 +
 
 +
#banner_team {
 +
    background-image: url('https://static.igem.org/mediawiki/2015/7/71/SYSU-Software_member_banner.png');
 +
background-repeat: no-repeat;
 +
background-position: center center;
 +
width: 100%;
 +
height: 600px;
 +
background-size: 100% auto;
 +
}
 +
 
 +
#mainContainer p {
 +
    line-height: 20px;
 
}
 
}
  
Line 19: Line 28:
  
 
.row {
 
.row {
−
     height: 425px;
+
    margin-top: 35px;
 +
     height: 500px;
 
     overflow: hidden;
 
     overflow: hidden;
 
}
 
}
Line 36: Line 46:
 
     text-align: left;
 
     text-align: left;
 
     overflow: hidden;
 
     overflow: hidden;
−
    margin-top: 10px;
 
 
}
 
}
  
Line 59: Line 68:
  
 
.description {
 
.description {
−
     font-family: "geosanalight";
+
     font-family: arial;
 
}
 
}
  
 
.description .description_head{
 
.description .description_head{
−
     margin-top: 10px;
+
     margin-top: 18px;
 
     height: 41px;
 
     height: 41px;
 
     clear: both;
 
     clear: both;
Line 93: Line 102:
  
 
.description .sub_job {
 
.description .sub_job {
 +
    font-size: 17px;
 
     margin-right: 4px;
 
     margin-right: 4px;
−
     border:2px solid;
+
     border:1.5px solid;
 
     border-color: #313131;
 
     border-color: #313131;
 
     border-radius: 10px;
 
     border-radius: 10px;
−
     padding: 4px;
+
     padding: 6px;
 
}
 
}
  
 
.description .majority {
 
.description .majority {
−
     font-size:14px;
+
     font-size:15px;
−
     line-height: 17px;
+
     line-height: 150%;
−
     margin-bottom: 2px;
+
     margin-bottom: 6px;
 
}
 
}
  
 
.description .self_introduction p {
 
.description .self_introduction p {
−
     font-size: 17px;
+
     font-size: 17px !important;
−
     line-height: 18Fpx;
+
     line-height: 150% !important;
 
}
 
}

Latest revision as of 20:53, 18 September 2015

body { 

   background-color: white;

}

  1. banner_team {
   background-image: url('https://static.igem.org/mediawiki/2015/7/71/SYSU-Software_member_banner.png');

background-repeat: no-repeat; background-position: center center; width: 100%; height: 600px; background-size: 100% auto; }

  1. mainContainer p {
   line-height: 20px;

}

  1. bannerContainer {
   background-color: white;

}

  1. contentContainer {
   padding: 0;
   margin: 0;
   width: 100%;

}

.row { 

   margin-top: 35px;
   height: 500px;
   overflow: hidden;

}

.row .col_left, .row .col_right{ 

   width: 50%;
   height: 100%;

}

.row .col_left img , .row .col_right img { 

   display: block;
   width: 100%;

}

.row .col_left .description , .row .col_right .description { 

   text-align: left;
   overflow: hidden;

}

.row .col_left .description { 

   margin-left: 24px;
   margin-right: 10px;

}

.row .col_right .description { 

   margin-right: 24px;
   margin-left: 10px;
   margin-top: 3px;

}

.row .col_left { 

   float: left;

}

.row .col_right { 

   float: right;

}

.description { 

   font-family: arial;

}

.description .description_head{ 

   margin-top: 18px;
   height: 41px;
   clear: both;

}

.description hr { 

   margin-bottom: 2px;
   height: 2px;
   border-bottom: 1px solid black;

}

.description #name, .description #job{ 

   color: #313131;
   line-height: 38px;
   font-weight: 100;

}

.description #name { 

   font-size: 28px;
   margin-top: 3px;
   float: left;

}

.description #job { 

   font-size: 19px;
   line-height:38px;
   float: right;

}

.description .sub_job { 

   font-size: 17px;
   margin-right: 4px;
   border:1.5px solid;
   border-color: #313131;
   border-radius: 10px;
   padding: 6px;

}

.description .majority { 

   font-size:15px;
   line-height: 150%;
   margin-bottom: 6px;

}

.description .self_introduction p { 

   font-size: 17px !important;
   line-height: 150% !important;

}