Meetups/August NCTUFormosa/css

From 2014.igem.org

Revision as of 18:42, 28 May 2015 by Ming Xiu (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* ---Calvin Hue

  • /
  1. p-logo, #search-controls, #contentSub, .firstHeading, #catlinks {

display: none; }

  1. footer-box {

width: auto; background:transparent; border:0; font-size:10px; }

  1. footer-box a {

color:black; }

  1. f-copyrightico {

margin-left:50px; } body:before {

         content: "";
         position: fixed;
         top: -10px;
         left: 0;
         width: 100%;
         height: 10px;
         -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
             -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                        box-shadow: 0px 0px 10px rgba(0,0,0,.8);
         z-index: 100;

}

selection {

background:#0BDA51; color:#fff; }

-moz-selection {

background:#0BDA51; color:#fff; }

-webkit-selection {

background:#0BDA51; color:#fff; }

  1. top-section {

width:100%!important; height:11px!important; overflow:hidden; border-top:none!important; position:fixed; z-index: 5!important; top:0; background-color: lightgrey !important; -moz-box-shadow:0px 0px 15px 4px rgba(20%,20%,40%,0.5); -webkit-box-shadow:0px 0px 15px 4px rgba(20%,20%,40%,0.5); box-shadow:0px 0px 15px 4px rgba(20%,20%,40%,0.5); opacity:0.7; }

  1. menubar li a, #menubar li {

backgound: none!important; color:black!important; font:10px Quicksand; font-weight:400; text-transform:uppercase; }

  1. menubar li a:hover {

text-decoration:none; } .right-menu li a, .left-menu:hover { background-color:transparent!important; } .left-menu { margin-top:4px; padding-left: 10px; }

  1. cou {

width:1px; height:1px; float:left; opacity:0.01; overflow:hidden; }

  1. pt-login {

top: 4px; }

  1. content {

background: transparent; padding: 0; width: 100%; border: 0px; line-height:normal!important; }

  1. globalWrapper {

font-size:100%!important; padding:0!important; } ul.side { display:none; } .part_link { color: #38c04b; } a, a:visited {color:white;} a:hover {text-decoration: underline;} p{line-height:1.6;font-size:18px;} strong{font-weight:bold;} section {

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

}

  1. welcome {
   height:800px;
   background: white;

}

  1. welcome>div:nth-of-type(1) {
   background: url(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;
   margin-top: 100px;
   height: 287px;
   max-width: 800px;

width:100%; // background: url(Nctu-conference-title.png) 0 0 no-repeat transparent; background-image: url(Nctu-conference-title.png); background-repeat: no-repeat; background-size: contain; -moz-background-size: contain;

  text-indent: -3000px;   

}

  1. welcome p {
   display: block;
   padding-top: 50px;
   max-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;
   max-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(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;
   max-width:800px;
   margin: 0 auto;
   color: white;
   list-style-type:none;

list-style-image:none; }

  1. participating-teams li {
   font-size: 18px;

}

  1. participating-teams li:before {
   content: "• ";
   color: white;

}

  1. participating-teams>div:nth-of-type(2) {
   background: url(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(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(Nctu-conference-photo3.png) 0 0 no-repeat transparent;
   margin: 0;
   height: 800px;
   position:absolute;
   top:0px;right:80px;
   width:365px;

}

  1. agenda {
   height:1200px;

}

  1. agenda img {

width:45%!important; }

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

}

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

}

  1. agenda p {
   display: block;
   max-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(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;
   max-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:700px;

}

  1. registration>div:nth-of-type(1) {
   background: white;
   margin: 0;
   height: 700px;
   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;border: 0!important;} section p{color:white;} section article{position:absolute;width:100%;z-index:4;}

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