Team:McMaster-Ontario/css

From 2012.igem.org

(Difference between revisions)
 
(140 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
/* Converts generic template into empty one.
-
<head>
+
  Ne touche pas                                */
-
ARGLEBARGLE
+
#content {
-
<style type="text/css">
+
border: none;
-
<!--Change from iGEM template to more generic style-->
+
background-color: transparent;
-
#content         { border:           none;
+
width:100%;
-
                  background-color: transparent; }
+
margin:0;
-
#catlinks       { border:           none;
+
padding:0;
-
                  background-color: transparent; }
+
}
-
#p-logo         { display:         none;       }
+
#catlinks {
-
#top-section     { border:           none;
+
display: none;
-
                  height:           0px;         }
+
}
-
.firstHeading   { display:         none;
+
#footer-box {
-
                  padding:         0px;         }
+
display: none;
 +
height: 0px;
 +
}
 +
#p-logo {
 +
display: none;
 +
}
 +
#top-section {
 +
border: none;
 +
height: 0px;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
 +
input.searchButton:hover {
 +
color: #B41111;
 +
}
 +
input.searchButton {
 +
color: #ffffff;
 +
}
 +
p {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
div .visualClear {
 +
display: none;
 +
}
 +
#globalWrapper {
 +
margin: 0;
 +
padding: 0px;
 +
overflow: hidden;
 +
}
 +
#menubar ul {
 +
position: fixed;
 +
-webkit-transform: translateZ(0);
 +
z-index: 1;
 +
}
 +
#menubar li a {
 +
background: none;
 +
}
 +
/*End of Line*/
-
#footer-box      { border:           none;
+
 
-
                  background-color: transparent; }
+
 
-
#search-controls { width:           auto;
+
 
-
                  top:             -4px;
+
 
-
                  right:           200px;
+
body {
-
                  z-index:         15;         }
+
background: black;
-
</style>
+
}
-
</head>
+
#navbar {
-
</html>
+
float: right;
 +
line-height: 70px;
 +
height: 70px;
 +
}
 +
#navbar .nav {
 +
list-style: none;
 +
display: block;
 +
margin: 0;
 +
}
 +
#content li {
 +
display: block;
 +
float: left;
 +
line-height: 112px;
 +
padding: 0 15px 0 15px;
 +
font-weight: 900;
 +
font-size: 1.25em;
 +
}
 +
 
 +
#content li a:link {
 +
color: grey;
 +
}
 +
#content li a:visited {
 +
color: grey;
 +
}
 +
#content li a:hover {
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 
 +
#header {
 +
position: fixed;
 +
left: 0;
 +
top: 0;
 +
height: 112px;
 +
width: 100%;
 +
background: black;
 +
-webkit-transform: translateZ(0);
 +
z-index: 1;
 +
opacity: 0.9;
 +
}
 +
p {
 +
margin: 0.5em;
 +
}
 +
div .section {
 +
width: 100%;
 +
background: black;
 +
background-size: 1500px;
 +
background-repeat: no-repeat;
 +
background-position: top;
 +
padding: 50px 0px 50px 0px;
 +
}
 +
div .content {
 +
width: 50%;
 +
margin: 0 auto 0 auto;
 +
background: rgba(255,255,255,0.8);
 +
padding: 50px;
 +
}

Latest revision as of 16:16, 10 May 2013

/* Converts generic template into empty one.

  Ne touche pas                                 */
  1. content {

border: none; background-color: transparent; width:100%; margin:0; padding:0; }

  1. catlinks {

display: none; }

  1. footer-box {

display: none; height: 0px; }

  1. p-logo {

display: none; }

  1. top-section {

border: none; height: 0px; } .firstHeading { display: none; }

  1. search-controls {

display: none; } input.searchButton:hover { color: #B41111; } input.searchButton { color: #ffffff; } p { margin: 0; padding: 0; } div .visualClear { display: none; }

  1. globalWrapper {

margin: 0; padding: 0px; overflow: hidden; }

  1. menubar ul {

position: fixed; -webkit-transform: translateZ(0); z-index: 1; }

  1. menubar li a {

background: none; } /*End of Line*/



body { background: black; }

  1. navbar {

float: right; line-height: 70px; height: 70px; }

  1. navbar .nav {

list-style: none; display: block; margin: 0; }

  1. content li {

display: block; float: left; line-height: 112px; padding: 0 15px 0 15px; font-weight: 900; font-size: 1.25em; }

  1. content li a:link {

color: grey; }

  1. content li a:visited {

color: grey; }

  1. content li a:hover {

color: white; text-decoration: none; }

  1. header {

position: fixed; left: 0; top: 0; height: 112px; width: 100%; background: black; -webkit-transform: translateZ(0); z-index: 1; opacity: 0.9; } p { margin: 0.5em; } div .section { width: 100%; background: black; background-size: 1500px; background-repeat: no-repeat; background-position: top; padding: 50px 0px 50px 0px; } div .content { width: 50%; margin: 0 auto 0 auto; background: rgba(255,255,255,0.8); padding: 50px; }