"

From 2013.igem.org

Revision as of 02:41, 28 September 2013 (view source) SysuDaYu (Talk | contribs) ← Older edit		Latest revision as of 12:03, 28 October 2013 (view source) Whyuan (Talk | contribs)
Line 42:		Line 42:
	text-align: center;		text-align: center;
		+	}
		+
		+	#tutorial-header .header-title {
		+	width: 980px;
		+	margin: 0 auto;
		+	position: relative;
		+	}
		+	#tutorial-header .btn-inverse {
		+	position: absolute;
		+	right: 0;
	}		}

---

Latest revision as of 12:03, 28 October 2013

• {

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-header .header-title {

width: 980px; margin: 0 auto; position: relative; }

1. tutorial-header .btn-inverse {

position: absolute; right: 0; }

1. tutorial-list{

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

width: 150px; height: 220px; 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: white; }

1. bottom-image{

width: 100%; }