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...")
 
(20 intermediate revisions not shown)
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;font-size:18px;}
-
/* 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;
     position: relative;
     position: relative;
     width: 100% !important;
     width: 100% !important;
-
     min-width: 1000px;
+
     //min-width: 800px;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
     overflow: hidden;
     overflow: hidden;
}
}
-
 
-
section:nth-of-type(2){background:black;height:1600px;}
 
#welcome {
#welcome {
-
    padding-top: 100px;
 
     height:800px;
     height:800px;
 +
    background: white;
}
}
#welcome>div:nth-of-type(1) {
#welcome>div:nth-of-type(1) {
-
     background: url(../img/nctu-conference-bg1.jpg) 50% 0 no-repeat fixed;
+
     background: url(https://static.igem.org/mediawiki/2014/f/f3/Nctu-conference-bg1.jpg) 50% 0 no-repeat fixed;
     margin: 0;
     margin: 0;
     height: 800px;
     height: 800px;
Line 37: Line 127:
#welcome h1 {
#welcome h1 {
     margin: 0 auto;
     margin: 0 auto;
 +
    margin-top: 100px;
     height: 287px;
     height: 287px;
-
     width: 800px;
+
     max-width: 800px;
-
    background: url(../img/nctu-conference-title.png) 0 0 no-repeat transparent;
+
width:100%;
-
    text-indent: -3000px;   
+
//    background: url(https://static.igem.org/mediawiki/2014/3/35/Nctu-conference-title.png) 0 0 no-repeat transparent;
 +
background-image: url(https://static.igem.org/mediawiki/2014/3/35/Nctu-conference-title.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 +
-moz-background-size: contain;
 +
  text-indent: -3000px;   
}
}
#welcome p {
#welcome p {
     display: block;
     display: block;
     padding-top: 50px;
     padding-top: 50px;
-
     width:800px;
+
     max-width:800px;
     margin: 0 auto;
     margin: 0 auto;
}
}
Line 64: Line 160:
#introduction p {
#introduction p {
     display: block;
     display: block;
-
     width:800px;
+
     max-width:800px;
     margin: 0 auto;
     margin: 0 auto;
     color: black;
     color: black;
Line 76: Line 172:
}
}
#participating-teams>div:nth-of-type(1) {
#participating-teams>div:nth-of-type(1) {
-
     background: url(../img/nctu-conference-bg3.jpg) 50% 0 no-repeat fixed;
+
     background: url(https://static.igem.org/mediawiki/2014/9/9b/Nctu-conference-bg3.jpg) 50% 0 no-repeat fixed;
     margin: 0;
     margin: 0;
     height: 800px;
     height: 800px;
Line 90: Line 186:
#participating-teams ul {
#participating-teams ul {
     display: block;
     display: block;
-
     width:800px;
+
     max-width:800px;
     margin: 0 auto;
     margin: 0 auto;
     color: white;
     color: white;
-
     list-style-type: circle;
+
     list-style-type:none;
 +
list-style-image:none;
 +
}
 +
#participating-teams li {
 +
    font-size: 18px;
 +
}
 +
#participating-teams li:before {
 +
    content: "• ";
 +
    color: white;
}
}
#participating-teams>div:nth-of-type(2) {
#participating-teams>div:nth-of-type(2) {
-
     background: url(../img/nctu-conference-photo1.png) 0 0 no-repeat transparent;
+
     background: url(https://static.igem.org/mediawiki/2014/a/aa/Nctu-conference-photo1.png) 0 0 no-repeat transparent;
     margin: 0;
     margin: 0;
     height: 800px;
     height: 800px;
Line 104: Line 208:
}
}
#participating-teams>div:nth-of-type(3) {
#participating-teams>div:nth-of-type(3) {
-
     background: url(../img/nctu-conference-photo2.png) 0 0 no-repeat transparent;
+
     background: url(https://static.igem.org/mediawiki/2014/8/83/Nctu-conference-photo2.png) 0 0 no-repeat transparent;
     margin: 0;
     margin: 0;
     height: 800px;
     height: 800px;
Line 112: Line 216:
}
}
#participating-teams>div:nth-of-type(4) {
#participating-teams>div:nth-of-type(4) {
-
     background: url(../img/nctu-conference-photo3.png) 0 0 no-repeat transparent;
+
     background: url(https://static.igem.org/mediawiki/2014/3/39/Nctu-conference-photo3.png) 0 0 no-repeat transparent;
     margin: 0;
     margin: 0;
     height: 800px;
     height: 800px;
Line 120: Line 224:
}
}
#agenda {
#agenda {
-
     height:800px;
+
     height:1200px;
 +
}
 +
#agenda img {
 +
width:45%!important;
}
}
#agenda>div:nth-of-type(1) {
#agenda>div:nth-of-type(1) {
     background: white;
     background: white;
     margin: 0;
     margin: 0;
-
     height: 800px;
+
     height: 1200px;
     position:absolute;
     position:absolute;
     width:100%;
     width:100%;
Line 136: Line 243:
#agenda p {
#agenda p {
     display: block;
     display: block;
-
     width:800px;
+
     max-width:800px;
     margin: 0 auto;
     margin: 0 auto;
     color: black;
     color: black;
Line 148: Line 255:
}
}
#transportation>div:nth-of-type(1) {
#transportation>div:nth-of-type(1) {
-
     background: url(../img/nctu-conference-bg5.jpg) 50% 0 no-repeat fixed;
+
     background: url(https://static.igem.org/mediawiki/2014/b/b3/Nctu-conference-bg5.jpg) 50% 0 no-repeat fixed;
     margin: 0;
     margin: 0;
     height: 800px;
     height: 800px;
Line 157: Line 264:
#transportation p {
#transportation p {
     display: block;
     display: block;
-
     width:800px;
+
     max-width:800px;
     margin: 0 auto;
     margin: 0 auto;
     color: black;
     color: black;
Line 171: Line 278:
}
}
#registration {
#registration {
-
     height:400px;
+
     height:700px;
}
}
#registration>div:nth-of-type(1) {
#registration>div:nth-of-type(1) {
     background: white;
     background: white;
     margin: 0;
     margin: 0;
-
     height: 400px;
+
     height: 700px;
     position:absolute;
     position:absolute;
     width:100%;
     width:100%;
Line 196: Line 303:
}
}
-
section h1{color:#53bb2e;font-size:65px;margin-bottom:14px;}
+
section h1{color:#53bb2e;font-size:65px;margin-bottom:14px;border: 0!important;}
section p{color:white;}
section p{color:white;}
section article{position:absolute;width:100%;z-index:4;}
section article{position:absolute;width:100%;z-index:4;}
.parallax-item{position:absolute;z-index:5;top:40px;left:400px;}
.parallax-item{position:absolute;z-index:5;top:40px;left:400px;}

Latest revision as of 18:42, 28 May 2015

/* ---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;}

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