Meetups/August NCTUFormosa/css

From 2014.igem.org

(Difference between revisions)
(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...")
Line 1: Line 1:
-
/* 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}
+
---Calvin Hue
-
body{font:18px/1.1 Helvetica,sans-serif;}
+
*/
 +
#p-logo, #search-controls, #contentSub, .firstHeading, #catlinks {
 +
display: none;
 +
}
 +
#footer-box {
 +
width: auto;
 +
background:transparent;
 +
border:0;
 +
font-size:10px;
 +
}
 +
#footer-box a {
 +
color:black;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#menubar li a, #menubar li {
 +
backgound: none!important;
 +
color:black!important;
 +
font:10px Quicksand;
 +
font-weight:400;
 +
text-transform:uppercase;
 +
}
 +
#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;
 +
}
 +
#cou {
 +
width:1px;
 +
height:1px;
 +
float:left;
 +
opacity:0.01;
 +
overflow:hidden;
 +
}
 +
#pt-login {
 +
top: 4px;
 +
}
 +
#content {
 +
background: transparent;
 +
padding: 0;
 +
width: 100%;
 +
border: 0px;
 +
line-height:normal!important;
 +
}
 +
#globalWrapper {
 +
font-size:100%!important;
 +
padding:0!important;
 +
}
 +
ul.side {
 +
display:none;
 +
}
 +
.part_link {
 +
color: #38c04b;
 +
}
a, a:visited {color:white;}
a, a:visited {color:white;}
a:hover {text-decoration: underline;}
a:hover {text-decoration: underline;}
p{line-height:1.6;}
p{line-height:1.6;}
-
/* Example page */
 
strong{font-weight:bold;}
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 {
section {
     min-height: 400px;
     min-height: 400px;

Revision as of 18:47, 29 May 2014

/* ---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;} strong{font-weight:bold;} 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"