Team:TU Eindhoven/Style:NavPanelNotebook

From 2014.igem.org

(Difference between revisions)
Line 28: Line 28:
   border: none;
   border: none;
   background:none;
   background:none;
 +
position: fixed;
}
}
Line 33: Line 34:
width: auto;
width: auto;
   padding:0px;
   padding:0px;
 +
position: fixed;
}
}
Line 42: Line 44:
   width: 100%;
   width: 100%;
   border: none;
   border: none;
-
 
+
position: fixed;
   border-top: none;
   border-top: none;
}
}
Line 53: Line 55:
   padding-top:5px;
   padding-top:5px;
   background:none;
   background:none;
 +
position: fixed;
}
}
Line 65: Line 68:
   padding-top:5px;
   padding-top:5px;
   background:none;
   background:none;
 +
position: fixed;
}
}
#menubar.left-menu {
#menubar.left-menu {
   padding-left:2%
   padding-left:2%
 +
position: fixed;
}
}
Line 75: Line 80:
   padding-right:8%;
   padding-right:8%;
   padding-top:5px;
   padding-top:5px;
 +
position: fixed;
}
}
Line 80: Line 86:
   border: none;
   border: none;
   color: #454545;
   color: #454545;
 +
position: fixed;
}
}
Line 85: Line 92:
   border: none;
   border: none;
   color: #454545;
   color: #454545;
 +
position: fixed;
}
}
#menubar * {
#menubar * {
   background: transparent;
   background: transparent;
 +
position: fixed;
}
}
Line 95: Line 104:
   color: #00BAC6;
   color: #00BAC6;
   text-decoration: none;
   text-decoration: none;
 +
position: fixed;
}
}
#menubar > ul > li:last-child {
#menubar > ul > li:last-child {
   display: none;
   display: none;
 +
position: fixed;
}
}
Line 127: Line 138:
background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
height: auto;
height: auto;
 +
position: fixed;
}
}
.header_sub{
.header_sub{
padding: 0 8%;
padding: 0 8%;
 +
position: fixed;
}
}
Line 137: Line 150:
.h_menu{
.h_menu{
float:left;
float:left;
 +
position: fixed;
Line 144: Line 158:
margin-right:20px;
margin-right:20px;
float: left;
float: left;
 +
position: fixed;
}
}
.h_menu ul li.active a{
.h_menu ul li.active a{
color: #00BAC6;
color: #00BAC6;
 +
position: fixed;
}
}
Line 161: Line 177:
-o-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
 +
position: fixed;
}
}
Line 166: Line 183:
color: #00BAC6;
color: #00BAC6;
         text-decoration: none;
         text-decoration: none;
 +
position: fixed;
}
}

Revision as of 09:45, 16 July 2014

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,dl,dt,dd,ol,nav ul,nav,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%;vertical-align:baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section

  {display: block;}

ol,ul

  {list-style:none;margin:0;padding:0;}

blockquote,q

  {quotes:none;}

blockquote:before,blockquote:after,q:before,q:after

  {content:;content:none;}

table

  {border-collapse:collapse;border-spacing:0;}

/* Removing iGEM style */

  1. searchInput, #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
  display: none;

}

  1. content {
  width: auto;
  padding:0px;
  border: none;
  background:none;

position: fixed; }

  1. globalWrapper {

width: auto;

  padding:0px;

position: fixed; }


/* Customizing standard iGEM navigation panel */

  1. top-section{
  height:auto;
  width: 100%;
  border: none;

position: fixed;

  border-top: none;

}

  1. menubar {
  display: table-cell;
  width:auto;
  height: 19px;
  opacity:0;
  padding-top:5px;
  background:none;

position: fixed;

}


  1. menubar:hover{
  display: table-cell;
  width:auto;
  height: auto;
  opacity:1;
  font-size: 14px;
  padding-top:5px;
  background:none;

position: fixed; }

  1. menubar.left-menu {
  padding-left:2%

position: fixed; }

  1. menubar.right-menu {
  text-align: right;
  padding-right:8%;
  padding-top:5px;

position: fixed; }

  1. menubar.left-menu a {
  border: none;
  color: #454545;

position: fixed; }

  1. menubar.right-menu a {
  border: none;
  color: #454545;

position: fixed; }

  1. menubar * {
  background: transparent;

position: fixed;

}

  1. menubar * a:hover{
  color: #00BAC6;
  text-decoration: none;

position: fixed; }

  1. menubar > ul > li:last-child {
  display: none;

position: fixed; }

a

  {text-decoration:none;}

.txt-rt{text-align:right;}/* text align right */ .txt-lt{text-align:left;}/* text align left */ .txt-center{text-align:center;}/* text align center */ .float-rt{float:right;}/* float right */ .float-lt{float:left;}/* float left */ .clear{clear:both;}/* clear float */ .pos-relative{position:relative;}/* Position Relative */ .pos-absolute{position:absolute;}/* Position Absolute */ .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .vertical-top{ vertical-align:top;}/* vertical align top */ .underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */ nav.vertical ul li{ display:block;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ img{max-width:100%;} /*end reset*/ body {

  background:  white;
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;}

.header_btm{

background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png'); height: auto; position: fixed; } .header_sub{ padding: 0 8%; position: fixed; }


/* start menu */

.h_menu{ float:left; position: fixed;


} .h_menu ul li{ margin-right:20px; float: left; position: fixed;

} .h_menu ul li.active a{ color: #00BAC6; position: fixed;

} .h_menu ul li a{ display:block; padding: 25px 10px; text-transform: uppercase; font-size: 0.925em; color:#c9c9c9; font-weight: 600; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: fixed;

} .h_menu ul li a:hover{ color: #00BAC6;

       text-decoration: none;

position: fixed;

}