Meetups/August NCTUFormosa/css

From 2014.igem.org

(Difference between revisions)
Calvinhue (Talk | contribs)
(Created page with "- →Reset: html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,su...")
Newer edit →

Revision as of 18:42, 29 May 2014

/* Reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:;content:none}table{border-collapse:collapse;border-spacing:0} body{font:18px/1.1 Helvetica,sans-serif;} a, a:visited {color:white;} a:hover {text-decoration: underline;} p{line-height:1.6;} /* Example page */ strong{font-weight:bold;} header{display:none;height:100px;} header img{float:left;margin:14px 0 0 14px} header h1{margin-left:14px;float:left;font-size:20px;line-height:100px;}

section { 

   min-height: 400px;
   position: relative;
   width: 100% !important;
   min-width: 1000px;
   margin: 0;
   padding: 0;
   overflow: hidden;

}

section:nth-of-type(2){background:black;height:1600px;}

  1. welcome { 
   padding-top: 100px;
   height:800px;

}

  1. welcome>div:nth-of-type(1) { 
   background: url(../img/nctu-conference-bg1.jpg) 50% 0 no-repeat fixed;
   margin: 0;
   height: 800px;
   position:absolute;
   width:100%;
   top:0;left:0;

}

  1. welcome h1 { 
   margin: 0 auto;
   height: 287px;
   width: 800px;
   background: url(../img/nctu-conference-title.png) 0 0 no-repeat transparent;
   text-indent: -3000px;

}

  1. welcome p { 
   display: block;
   padding-top: 50px;
   width:800px;
   margin: 0 auto;

}

  1. introduction { 
   height:400px;

}

  1. introduction>div:nth-of-type(1) { 
   background: white;
   margin: 0;
   height: 400px;
   position:absolute;
   width:100%;
   top:0;left:0;

}

  1. introduction h1 { 
   margin-left: 150px;

}

  1. introduction p { 
   display: block;
   width:800px;
   margin: 0 auto;
   color: black;

}

  1. introduction em { 
   font-size: 700;
   color: #53bb2e;

}

  1. participating-teams { 
   height:800px;

}

  1. participating-teams>div:nth-of-type(1) { 
   background: url(../img/nctu-conference-bg3.jpg) 50% 0 no-repeat fixed;
   margin: 0;
   height: 800px;
   position:absolute;
   width:100%;
   top:0;left:0;

}

  1. participating-teams h1 { 
   margin-left: 150px;
   color:white;
   margin-top: 100px;

}

  1. participating-teams ul { 
   display: block;
   width:800px;
   margin: 0 auto;
   color: white;
   list-style-type: circle;

}

  1. participating-teams>div:nth-of-type(2) { 
   background: url(../img/nctu-conference-photo1.png) 0 0 no-repeat transparent;
   margin: 0;
   height: 800px;
   position:absolute;
   top:0px;right:0px;
   width:391px;

}

  1. participating-teams>div:nth-of-type(3) { 
   background: url(../img/nctu-conference-photo2.png) 0 0 no-repeat transparent;
   margin: 0;
   height: 800px;
   position:absolute;
   top:0px;right:-30px;
   width:374px;

}

  1. participating-teams>div:nth-of-type(4) { 
   background: url(../img/nctu-conference-photo3.png) 0 0 no-repeat transparent;
   margin: 0;
   height: 800px;
   position:absolute;
   top:0px;right:80px;
   width:365px;

}

  1. agenda { 
   height:800px;

}

  1. agenda>div:nth-of-type(1) { 
   background: white;
   margin: 0;
   height: 800px;
   position:absolute;
   width:100%;
   top:0;left:0;

}

  1. agenda h1 { 
   margin-left: 150px;
   padding-top: 50px;

}

  1. agenda p { 
   display: block;
   width:800px;
   margin: 0 auto;
   color: black;

}

  1. agenda em { 
   font-size: 700;
   color: #53bb2e;

}

  1. transportation { 
   height:800px;

}

  1. transportation>div:nth-of-type(1) { 
   background: url(../img/nctu-conference-bg5.jpg) 50% 0 no-repeat fixed;
   margin: 0;
   height: 800px;
   position:absolute;
   width:100%;
   top:0;left:0;

}

  1. transportation p { 
   display: block;
   width:800px;
   margin: 0 auto;
   color: black;

}

  1. transportation em { 
   font-size: 700;
   color: red;

}

  1. transportation h1 { 
   margin-left: 150px;
   color:white;
   margin-top: 100px;

}

  1. registration { 
   height:400px;

}

  1. registration>div:nth-of-type(1) { 
   background: white;
   margin: 0;
   height: 400px;
   position:absolute;
   width:100%;
   top:0;left:0;

}

  1. registration h1 { 
   margin-left: 150px;
   padding-top: 50px;

}

  1. registration p { 
   display: block;
   width:800px;
   margin: 0 auto;
   color: black;

}

  1. registration em { 
   font-size: 700;
   color: #53bb2e;

}

section h1{color:#53bb2e;font-size:65px;margin-bottom:14px;} section p{color:white;} section article{position:absolute;width:100%;z-index:4;}

.parallax-item{position:absolute;z-index:5;top:40px;left:400px;}

Retrieved from "http://2014.igem.org/Meetups/August_NCTUFormosa/css"