Team:McMaster-Ontario/css

From 2012.igem.org

(Difference between revisions)
 
(183 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;
+
-
       
+
}
}
-
.gradient_golden {
+
#catlinks {
-
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E1A946, endColorstr=#B28336)";
+
display: none;
-
  background-image: -ms-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
-
  background-image: -moz-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
-
  background-image: -o-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
-
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1A946), color-stop(1, #B28336));
+
-
  background-image: -webkit-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
-
  background-image: linear-gradient(to bottom, #E1A946 0%, #B28336 100%);
+
}
}
-
 
+
#footer-box {  
-
#igem_home {
+
display: none;
-
  font-size: 95%;
+
height: 0px;
-
  left: 425px;
+
-
  position: absolute;
+
-
  top: -4px;
+
}
}
-
 
+
#p-logo {
-
.gradient_grey{
+
display: none;
-
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E6E6E6)";
+
-
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+
-
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+
-
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+
-
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6));
+
-
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+
-
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%);
+
}
}
-
 
+
#top-section {
-
.white_bg {
+
border: none;
-
  background-color: white;
+
height: 0px;
}
}
-
 
+
.firstHeading {
-
.box_round {
+
display: none;
-
  padding: 5px;
+
-
  border-radius: 5px;
+
-
  box-shadow:5px 5px 5px #666;
+
}
}
-
 
+
#search-controls {
-
.box_round p {
+
display: none;
-
  text-align:justify;
+
}
}
-
 
+
input.searchButton:hover {
-
.no_padding {
+
color: #B41111;
-
  padding: 0px;
+
}
}
-
 
+
input.searchButton {
-
.nav_menu {
+
color: #ffffff;
-
  height: 35px;
+
-
  box-shadow:5px 5px 5px #666;
+
}
}
-
 
+
p {
-
#menu .selected {
+
margin: 0;
-
  background-color:#B41111;
+
padding: 0;
-
  height: 27px;
+
-
  border-top-right-radius: 5px;
+
-
  border-top-left-radius: 5px;
+
}
}
-
 
+
div .visualClear {
-
#menu {
+
display: none;
-
  display: block;
+
-
  margin: 0px;
+
-
  padding: 8px;
+
-
  position:relative;
+
-
  left: 50%;
+
-
  text-align: center;
+
}
}
-
 
+
#globalWrapper {
-
#menu ul {
+
margin: 0;
-
  margin: 0px;
+
padding: 0px;
-
 
+
overflow: hidden;
}
}
-
 
+
#menubar ul {
-
#menu li {
+
position: fixed;
-
  list-style: none outside none;
+
-webkit-transform: translateZ(0);
-
  float:left;
+
z-index: 1;
-
  padding-left: 15px;
+
-
  padding-right: 15px;
+
-
  margin-right:25px;
+
-
  margin-left:25px;
+
-
  font-weight: 900;
+
}
}
-
 
+
#menubar li a {
-
#menu li ul{
+
background: none;
-
  list-style: none outside none;
+
-
  display:none;
+
-
  position: absolute;
+
-
  margin : 0px;
+
-
  padding: 0px;
+
}
}
 +
/*End of Line*/
-
#menu ul ul {
 
-
  padding: 0px;
 
-
}
 
-
#menu li ul li{
 
-
  margin : 0px;
 
-
  width:inherit;
 
-
  font-weight: normal;
 
-
}
 
-
#menu li ul li:hover {
 
-
  height:auto;
 
-
  float:none;
 
-
  text-align:left;
 
-
}
 
-
#menu ul li {
+
body {
-
  clear: both;
+
background: black;
}
}
-
 
+
#navbar {
-
#menu a {
+
float: right;
-
  display: block;
+
line-height: 70px;
-
  color: white;
+
height: 70px;
}
}
-
 
+
#navbar .nav {
-
#menu a:hover {
+
list-style: none;
-
  text-decoration:none;
+
display: block;
 +
margin: 0;
}
}
-
 
+
#content li {
-
#menu li:hover {
+
display: block;
-
  background-color:#B41111;
+
float: left;
-
  height: 27px;
+
line-height: 112px;
-
  border-top-right-radius: 5px;
+
padding: 0 15px 0 15px;
-
  border-top-left-radius: 5px;
+
font-weight: 900;
 +
font-size: 1.25em;
}
}
-
 
+
#content li a:link {
-
#menu li:hover ul {
+
color: grey;
-
    display:block;
+
}
}
-
 
+
#content li a:visited {
-
.box_round table  {
+
color: grey;
-
  background-color: transparent;
+
}
}
-
 
+
#content li a:hover {
-
.block {
+
color: white;
-
display: inline-block;
+
text-decoration: none;
-
width : 350px;
+
-
height : 200px;
+
}
}
-
table {
+
#header {
-
  background-color: transparent;
+
position: fixed;
 +
left: 0;
 +
top: 0;
 +
height: 112px;
 +
width: 100%;
 +
background: black;
 +
-webkit-transform: translateZ(0);
 +
z-index: 1;
 +
opacity: 0.9;
}
}
-
 
+
p {
-
table th {
+
margin: 0.5em;
-
  padding-left: 5px;
+
-
  padding-right: 5px;
+
}
}
-
 
+
div .section {
-
#content {
+
width: 100%;
-
  border: none;
+
background: black;
-
  background-color: transparent;
+
background-size: 1500px;
 +
background-repeat: no-repeat;
 +
background-position: top;
 +
padding: 50px 0px 50px 0px;
}
}
-
 
+
div .content {
-
#catlinks {
+
width: 50%;
-
  border:none;
+
margin: 0 auto 0 auto;
-
  background-color: transparent;
+
background: rgba(255,255,255,0.8);
 +
padding: 50px;
}
}
-
 
-
 
-
#footer-box {
 
-
  border:none;
 
-
  background-color: transparent;
 
-
}
 
-
 
-
 
-
.center_box {
 
-
  text-align: center;
 
-
}
 
-
 
-
#p-logo {
 
-
  display:none;
 
-
}
 
-
 
-
#top-section {
 
-
border: none;
 
-
height:0px;
 
-
}
 
-
 
-
.firstHeading{
 
-
display: none;
 
-
padding:0px;
 
-
}
 
-
 
-
#banner-wrap {
 
-
  padding: 0px;
 
-
 
-
}
 
-
 
-
#portfolio {
 
-
z-index: -200;
 
-
height: 280px;
 
-
}
 
-
 
-
#portfolio img{
 
-
  box-shadow:5px 5px 5px #666;
 
-
  width:965px;
 
-
  height: 280px;
 
-
}
 
-
 
-
.rollover {
 
-
  width: 975px;
 
-
  text-align: center;
 
-
}
 
-
 
-
.rollover a{ 
 
-
  display: inline-block; 
 
-
  width : 200px;
 
-
  margin: 20px;
 
-
  height : 200px;
 
-
  border-radius : 12px;
 
-
  margin: 20px 20px 20px 20px;
 
-
  box-shadow:5px 5px 5px #666;
 
-
}
 
-
</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; }