Team:McMaster-Ontario/css

From 2012.igem.org

(Difference between revisions)
 
(161 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
/* Converts generic template into empty one.
-
<head>
+
  Ne touche pas                                */
-
<style type="text/css">
+
#content {
-
 
+
border: none;
-
html,body {height:100%;margin:0;padding:0;}
+
background-color: transparent;
-
 
+
width:100%;
-
 
+
margin:0;
-
body {
+
padding:0;
-
background-image: url(https://static.igem.org/mediawiki/2012/3/33/Antibody.jpg);
+
-
        background-repeat:repeat-y repeat-x;
+
-
       
+
}
}
-
 
+
#catlinks {
-
#menu li {
+
display: none;
-
  list-style: none outside none;
+
-
  float:left;
+
-
  padding-left: 15px;
+
-
  padding-right: 15px;
+
-
  margin-right:25px;
+
-
  margin-left:25px;
+
-
  font-weight: 900;
+
}
}
-
 
+
#footer-box {  
-
#menu li ul{
+
display: none;
-
  list-style: none outside none;
+
height: 0px;
-
  display:none;
+
-
  position: absolute;
+
-
  margin : 0px;
+
-
  padding: 0px;
+
}
}
-
 
+
#p-logo {
-
#menu ul ul {
+
display: none;
-
  padding: 0px;
+
}
}
-
 
+
#top-section {
-
#menu li ul li{
+
border: none;
-
  margin : 0px;
+
height: 0px;
-
  width:inherit;
+
-
  font-weight: normal;
+
}
}
-
 
+
.firstHeading {
-
#menu li ul li:hover {
+
display: none;
-
  height:auto;
+
-
  float:none;
+
-
  text-align:left;
+
}
}
-
 
+
#search-controls {
-
 
+
display: none;
-
#menu ul li {
+
-
  clear: both;
+
}
}
-
 
+
input.searchButton:hover {
-
#menu a {
+
color: #B41111;
-
  display: block;
+
-
  color: white;
+
}
}
-
 
+
input.searchButton {
-
#menu a:hover {
+
color: #ffffff;
-
  text-decoration:none;
+
}
}
-
 
+
p {
-
#menu li:hover {
+
margin: 0;
-
  background-color:#B41111;
+
padding: 0;
-
  height: 27px;
+
-
  border-top-right-radius: 5px;
+
-
  border-top-left-radius: 5px;
+
}
}
-
 
+
div .visualClear {
-
 
+
display: none;
-
#menu li:hover ul {
+
-
    display:block;
+
}
}
-
 
+
#globalWrapper {
-
.box_round table  {
+
margin: 0;
-
  background-color: transparent;
+
padding: 0px;
 +
overflow: hidden;
}
}
-
 
+
#menubar ul {
-
.block {
+
position: fixed;
-
display: inline-block;
+
-webkit-transform: translateZ(0);
-
width : 350px;
+
z-index: 1;
-
height : 200px;
+
}
}
-
 
+
#menubar li a {
-
table {
+
background: none;
-
  background-color: transparent;
+
}
}
 +
/*End of Line*/
-
table th {
 
-
  padding-left: 5px;
 
-
  padding-right: 5px;
 
-
}
 
-
#content {
 
-
  border: none;
 
-
  background-color: transparent;
 
-
}
 
-
#catlinks {
 
-
  border:none;
 
-
  background-color: transparent;
 
-
}
 
-
#footer-box {
+
body {
-
  border:none;
+
background: black;
-
  background-color: transparent;
+
}
}
-
 
+
#navbar {
-
 
+
float: right;
-
.center_box {
+
line-height: 70px;
-
  text-align: center;
+
height: 70px;
}
}
-
 
+
#navbar .nav {
-
#p-logo {
+
list-style: none;
-
  display:none;
+
display: block;
 +
margin: 0;
}
}
-
 
+
#content li {
-
#top-section {
+
display: block;
-
border: none;
+
float: left;
-
height:0px;
+
line-height: 112px;
 +
padding: 0 15px 0 15px;
 +
font-weight: 900;
 +
font-size: 1.25em;
}
}
-
.firstHeading{
+
#content li a:link {
-
display: none;
+
color: grey;
-
padding:0px;
+
}
 +
#content li a:visited {
 +
color: grey;
 +
}
 +
#content li a:hover {
 +
color: white;
 +
text-decoration: none;
}
}
-
#banner-wrap {
+
#header {
-
  padding: 0px;
+
position: fixed;
-
 
+
left: 0;
 +
top: 0;
 +
height: 112px;
 +
width: 100%;
 +
background: black;
 +
-webkit-transform: translateZ(0);
 +
z-index: 1;
 +
opacity: 0.9;
}
}
-
 
+
p {
-
#search-controls {
+
margin: 0.5em;
-
  width: auto;
+
}
-
  top: -4px;
+
div .section {
-
  right: 200px;
+
width: 100%;
-
  z-index: 15;
+
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;
}
}
-
</style>
 
-
</head>
 
-
</html>
 

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