Team:SYSU-Software/medal.css

From 2013.igem.org

(Difference between revisions)
(Created page with " *{ padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; } /*header ...")
Line 2: Line 2:
       padding:0px;
       padding:0px;
       margin: 0px;
       margin: 0px;
-
    }
 
-
    body {
 
-
      height: 100%;
 
-
      width: 100%;
 
-
      background-color: #CCC;
 
-
      font-family: 'Arial';
 
-
    }
 
-
 
-
 
-
 
-
    /*header images */
 
-
    #team-header{
 
-
      margin: 0 auto;
 
-
      z-index: 100;
 
-
 
-
      height: 200px;
 
-
      width: 980px;
 
-
      background-color: white;
 
-
 
-
      font-family: 'Arial';
 
-
    }
 
-
    #team-header-logo{
 
-
      position: relative;
 
-
      left: 20px;
 
-
      top:30px;
 
-
    }
 
-
    #team-header-text{
 
-
      position: relative;
 
-
      left: 130px;
 
-
      top: -67px;
 
-
    }
 
-
 
-
    #boss-header-image{
 
-
      position: relative;
 
-
      left: 285px;
 
-
      top: -85px;
 
-
    }
 
-
 
-
    /*navigation*/
 
-
    #navigation{
 
-
      float: right;
 
-
      height: 40px;
 
-
 
-
      z-index: 100;
 
-
 
-
      position: relative;
 
-
      top: -37px;
 
-
    }
 
-
 
-
    .navbar {
 
-
    margin-bottom: 0px;
 
-
    overflow: visible;
 
-
    }
 
-
 
-
    .nav{
 
-
      display: inline;
 
-
 
-
      height: 40px;
 
-
      background-color:#A8DBD2;   
 
-
    }
 
-
       
 
-
    .navbar-inverse .nav > li > a{
 
-
      font-size: 14px;
 
-
      border: none;
 
-
      height: 40px;
 
-
      padding:0px 20px;
 
-
 
-
      line-height: 40px;
 
-
    }
 
-
    #nav-li{
 
-
      height: 40px;
 
     }
     }
      
      
-
    .navbar-inverse .nav > li.active > a{
 
-
      background-color: #FFE14B;
 
-
      height: 40px;
 
-
    }
 
-
    .navbar-inverse .nav > li.active > a{
 
-
      background-color: #FFE14B;
 
-
    }
 
-
    /*sub navs*/
 
-
    #sub-link1{
 
-
      width:90px;
 
-
      background-color:#A8DBD2;
 
-
    }   
 
-
    .navbar .nav > li > ul:before {
 
-
      border-width: 0px;
 
-
    }
 
-
 
-
    #sub-link2{
 
-
      width:100px;
 
-
      background-color:#A8DBD2;
 
-
    }   
 
-
    #sub-link3{
 
-
      width:135px;
 
-
      background-color:#A8DBD2;
 
-
 
-
    }   
 
-
    #sub-link4{
 
-
      background-color:#A8DBD2;
 
-
      width:70px;
 
-
    }   
 
-
 
/*medal content*/
/*medal content*/

Revision as of 05:30, 3 September 2013

*{
     padding:0px;
     margin: 0px;
   }
   

/*medal content*/

  1. medal-container{
 width: 980px;
 margin: 0 auto;
 height: 100%;
 background-color: #544444;

}

  1. medal-title{
 width: 980px;

}

  1. medal-image{
 position: relative;
 left: 70px;
 margin-top: 70px;
 margin-bottom: 50px;

}

  1. medal-text{
 width: 980px;
 height: 100%;
 background-color: #5e4e4e;

}

  1. medal-content{
 margin-left: 5%;
 width: 90%;

}

  1. content-header{
 font-family: 'Arial';
 font-size: 15px;
 color: white;
 position: relative;
 top: 15px;
 left: 22px;
 width: 200px;

}

  1. content-text{
 position: relative;
 left: 37px;
 top: 45px;
 width: 250px;
 margin-bottom: 80px;
 color: #a8dbd4;

}

/*footer*/

   #team-footer{
     width: 980px;
     margin:0 auto;
     position: relative;
     bottom: 0px;
     overflow: hidden;
     background-color: #ebdfd2;
   }
   /*instructions*/
   #team-sub{
     position: relative;
     margin-bottom: 30px;
   }
   #subscribe{
     position: relative;
   }
   #subscribe-header{
     position: relative;
     top: 25px;
     left: 145px;
     font-weight: bolder;
     font-size: 25px;
   }
   #subscribe-content{
     position: relative;
     top: 45px;
     left: 145px;
     font-weight: bold;
     line-height: 10px;
   }
   #link{
     position: relative;
     left: 100px;
   }
   #link-header{
     position: relative;
     top: 20px;
     left: 180px;
     font-weight:bolder;
     font-size: 25px;
   }
   #link-content{
     position: relative;
     top: 34px;
     left: 180px;
   }
   #link-content a{
     text-decoration: none;
   }
   /*bottom image*/
   #bottom-image{
     position: relative;
     bottom: 0px;
   }


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