Team:TU Eindhoven/Style:NavPanelNotebook
From 2014.igem.org
Waltenburg (Talk | contribs) |
|||
(28 intermediate revisions not shown) | |||
Line 24: | Line 24: | ||
#content { | #content { | ||
width: auto; | width: auto; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
padding:0px; | padding:0px; | ||
border: none; | border: none; | ||
Line 36: | Line 37: | ||
/* Customizing standard iGEM navigation panel */ | /* Customizing standard iGEM navigation panel */ | ||
+ | |||
+ | #iGEMLOGO{ | ||
+ | position: absolute; | ||
+ | right: 5px; | ||
+ | top: 2px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
#top-section{ | #top-section{ | ||
- | height: | + | height:10%; |
width: 100%; | width: 100%; | ||
border: none; | border: none; | ||
- | + | top:0; | |
border-top: none; | border-top: none; | ||
} | } | ||
Line 48: | Line 58: | ||
display: table-cell; | display: table-cell; | ||
width:auto; | width:auto; | ||
- | + | ||
opacity:0; | opacity:0; | ||
- | |||
background:none; | background:none; | ||
Line 60: | Line 69: | ||
display: table-cell; | display: table-cell; | ||
width:auto; | width:auto; | ||
- | height: | + | height: 50%; |
opacity:1; | opacity:1; | ||
font-size: 14px; | font-size: 14px; | ||
- | + | ||
background:none; | background:none; | ||
} | } | ||
Line 74: | Line 83: | ||
text-align: right; | text-align: right; | ||
padding-right:8%; | padding-right:8%; | ||
- | + | ||
} | } | ||
Line 124: | Line 133: | ||
.header_btm{ | .header_btm{ | ||
- | z-index: | + | z-index: 5; |
position:fixed; | position:fixed; | ||
width:100%; | width:100%; | ||
+ | top:0; | ||
+ | |||
+ | |||
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'); | ||
- | + | ||
} | } | ||
.header_sub{ | .header_sub{ | ||
padding: 0 8%; | padding: 0 8%; | ||
+ | top:auto; | ||
+ | height: 50%; | ||
} | } | ||
Latest revision as of 13:49, 4 August 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 */
- searchInput, #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display: none;
}
- content {
width: auto;
font-family: 'Open Sans', sans-serif;
padding:0px; border: none; background:none;
}
- globalWrapper {
width: auto;
padding:0px;
}
/* Customizing standard iGEM navigation panel */
- iGEMLOGO{
position: absolute; right: 5px; top: 2px; }
- top-section{
height:10%; width: 100%; border: none;
top:0;
border-top: none;
}
- menubar {
display: table-cell; width:auto; opacity:0; background:none;
}
- menubar:hover{
display: table-cell; width:auto; height: 50%; opacity:1; font-size: 14px; background:none;
}
- menubar.left-menu {
padding-left:2%
}
- menubar.right-menu {
text-align: right; padding-right:8%;
}
- menubar.left-menu a {
border: none; color: #454545;
}
- menubar.right-menu a {
border: none; color: #454545;
}
- menubar * {
background: transparent;
}
- menubar * a:hover{
color: #00BAC6; text-decoration: none;
}
- menubar > ul > li:last-child {
display: none;
}
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{ z-index: 5; position:fixed; width:100%; top:0;
background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
} .header_sub{ padding: 0 8%; top:auto; height: 50%; }
/* start menu */
.h_menu{ float:left;
} .h_menu ul li{ margin-right:20px; float: left;
} .h_menu ul li.active a{ color: #00BAC6;
} .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;
} .h_menu ul li a:hover{ color: #00BAC6;
text-decoration: none;
}