Team:SYSU-Software/tutorial.css

From 2013.igem.org

Revision as of 01:33, 28 September 2013 by SysuDaYu (Talk | contribs)
  • {

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


/*the tutorial content*/

  1. tutorial-container{

width: 100%; margin: 0 auto; height: 100%;

background-color: white; }

.subnav{ float: right;

padding-right: 4px; padding-top: 15px; font-size: 15px; } .subnav a{ color: #445d72; }

  1. tutorial-header{

width:100%; background-color: #dff5f2; padding-top: 30px; padding-bottom: 30px; font-size: 39px; color: #445d72; font-weight: 900;

text-align: center; }

  1. tutorial-list{

position: fixed; left: 30px; top: 180px;

width: 140px; height: 200px; border-radius: 10px; background-color: white; border-color: #445d72; border: 3px solid #445d72; }

  1. list-header{

font-size: 23px; color: #63605e; font-weight: bolder;

margin-left: 18px; padding-bottom: 10px; }

  1. tutorial-list ul{

position: relative; list-style: none; } .mainnav li a{ font-size: 18px; color: #63605e; } /*part content*/

  1. part-header{

padding-top: 28px; font-size: 23px; font-weight: bold; color: #445d72; }

  1. part-content{

width: 878px; height:450px;

padding-top: 10px; }

  1. part-text{

text-align: justify; padding-top: 40px; padding-bottom: 70px;

width: 870px; margin: 0 auto;

font-size: 18px; font-weight: 200; color: #63605e; }

  1. part1{

width: 880px; height: 100%;

margin: 0 auto; }

  1. part2-part{

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

  1. part2{

width: 880px; height: 100%;

margin: 0 auto; }

  1. part3{

width: 880px; height: 100%;

margin: 0 auto; }

  1. part4{

width: 880px; height: 100%;

margin: 0 auto; }

  1. part4-part{

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

  1. sysu-footer{

width: 100%; margin:0 auto;

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

background-color: #dff5f2; }

  1. bottom-image{

width: 100%; }