Team:TUDelft/CSS

From 2012.igem.org

(Difference between revisions)
Eftychia (Talk | contribs)
(Created page with "@charset "UTF-8"; - CSS Document: *{ border:0; margin:0; padding:0; } html { width:100%; height:100%; background:none; border:none; margin:0; padding:0; } body { w...")
Newer edit →

Revision as of 20:15, 10 June 2012

@charset "UTF-8"; /* CSS Document */

  • {

border:0; margin:0; padding:0; }

html { width:100%; height:100%; background:none; border:none; margin:0; padding:0; } body { width:100%; height:100%; background:FFF45A; border:none; padding:0; z-index:800; } h2{ font-family: 'Comic Sans', Comic Sans MS, cursive; font-size:15px; text-transform:uppercase; letter-spacing:1px; border-bottom:2px solid #000; } h3{ font-family: 'Comic Sans', Comic Sans MS, cursive;

	color:#000;

font-size:16px; font-weight:bold; text-transform:uppercase;

	line-height:16px;

letter-spacing:1px; } a:link, a:active, a:visited{ color:#C71D09; text-decoration:none; font-weight:bold; } a:hover{ color:#000; }

  1. content {

background: FFF45A; padding:0; width:100%; border:0; }

  1. bodyContent{

margin:0 auto; padding:0; width:685px; border:0; background:FFF45A; z-index:800; }

img.bg_team { /* Set rules to fill background */ min-height: 100%; min-width: 1024px;

/* Set up proportionate scaling */ width: 100%; height: auto;

/* Set up positioning */ position: fixed; top: 0; left: 0; z-index:-1; }

@media screen and (max-width: 1024px){ img.bg_team { left: 50%; margin-left: -512px; } }

  1. logo_ed{

position:fixed; width:150px; height:100px; margin:10px 0 0 10px; border:0; top:0px; left:0px; padding:0; float:left; z-index:999; }

  1. logo_igem{

position:fixed; width:70px; height:57px; margin:120px 0 0 20px; border:0; top:0px; left:0px; padding:0; float:left; z-index:999; overflow:hidden; }

  1. twitter_widget{

position:fixed; width:155px; height:240px; background:#fff; padding:10px 0 0 0; bottom:90px; left:0px; z-index:1001; }

  1. social_linkall{

position:fixed; bottom:48px; left:10px; width:120px; height:35px; z-index:1001; border:0; }

  1. social_icons{

position:fixed; bottom:15px; left:20px; width:110px; height:24px; z-index:1001; }

  1. contentbox {

background: #fff; width:590px; margin: -10px auto 0 auto; padding:20px 50px 50px 50px; float: left; text-decoration:none; border:none; z-index:800; }

  1. video-container{

position:relative; z-index:800; }

  1. centeredmenu_bg{

position:fixed; bottom:0px; background:#FF8017; left:0px; width:100%; height:40px; z-index:999; }

  1. centeredmenu {

position:fixed; width:690px; bottom:15px; left:50%; margin:0 0 0 -345px; padding:0;

font-family: 'Francois One', sans-serif, verdana, geneva; font-size:14px; letter-spacing:1px; text-transform:uppercase; z-index:999; text-align:center; }

  1. centeredmenu ul {

display:inline;

 	clear:left;
 	list-style:none;

line-height:20px; height:20px;

  	margin:0;
  	position:relative;
  	right:0px;
  	text-align:left;

background:#fff; }

  1. centeredmenu ul li {

display:inline; list-style:none; margin:0;

	text-decoration:none;

padding:10px; position:relative; font-family: 'Francois One', sans-serif, verdana, geneva;

	color:#666;

font-size:14px; font-weight:bold; text-transform:uppercase;

	line-height:16px;

letter-spacing:1px; }

  1. centeredmenu ul li a {

display:inline; margin:0 0 0 1px;

	text-decoration:none;

font-family: 'Comic Sans', Comic Sans MS, cursive;

	color:#C71D09;

font-size:14px; font-weight:bold; text-transform:uppercase;

	line-height:16px;

letter-spacing:1px; }

  1. centeredmenu ul li a:hover {

text-decoration:none; border-bottom: 2px solid #C71D09; }


  1. nav {

position:fixed; width:690px; bottom:10px; left:50%; margin: 0 0 0 -330px; padding: 0; z-index:1001;

font-family: 'Comic Sans', Comic Sans MS, cursive; font-size:14px; letter-spacing:1px; text-transform:uppercase; }

  1. nav ul{

width:690px; background:#FFF45A; text-align:center; margin: 0 auto; }

  1. nav li.on ul, #nav li.off ul {

margin: 0; padding: 0; }

  1. nav a {

text-decoration: none; }

  1. nav li { /*float the main list items*/

margin: 0; float: left; display: inline; padding:0 3px; background:#FFF45A; text-align:center; }

  1. nav li ul {

display: none;

}

  1. nav li.off ul, #nav li.on ul { /*put the subnav above*/

position:fixed; width:690px; bottom:37px; left:50%; margin: 0 0 0 -343px; padding: 0 0 5px 0; background:#FFF45A; text-align:center; }

  1. nav li a {

color: #666; font-weight: bold; display: block; height: 15px; width: auto; border-bottom:0; margin: 5px; padding: 0 0 5px 0; }

  1. nav li a span {

color: #FFD109; }

  1. nav li a span span{

color: #FFD109; }

  1. nav li a span span span{

color: #FFD109; }

  1. nav li.on a {

border-bottom: 2px solid #000; color: #000; }

  1. nav li.on2 a {

border-bottom: 2px solid #000; color: #000; }

  1. nav li.on a:hover {

color:#000; }

  1. nav li.on a:hover span{

color:#000; }

  1. nav li.on ul a, #nav li.off ul a {

float: left; /*ie doesn't inherit the float*/ border: 0; font-size:12px; color: #FFD109; width: auto; margin-right: 0px; }

  1. nav li.on ul {

display: block; }

  1. nav li.off:hover ul {

display: block; z-index: 6000; }

  1. nav li.off a:hover, #nav li:hover a {

background: #fff; color: #000; }

  1. nav li.off a:hover span, #nav li:hover a {

background: #fff; color: #000; }

.third{ font-size:11px; padding:0; }

  1. footer {

text-decoration:none; border:none; width:100%; }

h1 { text-decoration: none; border: none; }

h2 { text-decoration: none; font: Comic Sans, Comic Sans MS, cursive } .sum_dot{ list-style: disc; } .sum_number{ list-style: decimal; }

  1. contentSub{

width:0px; height:0px; display:none; }

  1. footer-box{

width:0px; height:0px; display:none; }

  1. catlinks{

width:0px; height:0px; display:none; }

.twtr-widget { width: 150px; }

.twtr-hd, .twtr-ft {

   display:none; 

}

  1. siteSub {

display:none; }

  1. search-controls {

display:none; }

.firstHeading { display:none; }

  1. search-controls {

display:none; }

  1. p-logo {

display:none; }

  1. top-section {

border:none; margin: 0 auto; height:0px ! important; width:100%; }

  1. centeredimage {

display: block; text-align:center; margin-left: auto; margin-right: auto; }

  1. globalWrapper{

margin:0; padding:0; border:0; } .visualClear{ height:0; width:0; display:none; }

  1. menubar {
   position: absolute;
   white-space: nowrap;
   top:0;
   width: 350px;
   z-index: 5;
   font-family: Comic-Sans;
   font-size: 95%;
   line-height: 1em;

z-index:1001; }

.left-menu, .left-menu a {

   left: 0px;
   text-align: left;
   color:transparent;
   text-transform: lowercase;

} .left-menu a:hover { text-decoration:underline; } .left-menu:hover {

   color: #000;
   background-color: #fff;

} .right-menu, .right-menu a {

   right: 0px;
   text-align: right;
   color: FFD170;

}

  1. menubar ul {
   color: #000;
   list-style: none;

}

  1. menubar li {
   display: inline;
   position: relative;
   cursor: pointer;
   padding-left: 0px;
   padding-right: 0px;

} .left-menu li a {

   padding: 0px 10px 0px 0px;

} .left-menu .selected {

  1. color: #000;

}

  1. .left-menu .selected:hover {
  2. color: #000;
  3. }

.left-menu:hover a {

   color: #000;

} .right-menu li {

  1. background-color: #E84705;

} .right-menu li a {

   padding: 0px 15px 0px 0px;
   color: #000;
   background-color: #fff;

} .right-menu li a:hover {

   color: #000;
   text-decoration: underline;

}