Team:UI-Indonesia/css/stylesheet
From 2014.igem.org
Line 4: | Line 4: | ||
#globalWrapper { | #globalWrapper { | ||
font-size: 14px; | font-size: 14px; | ||
- | font-family: ' | + | font-family: 'Roboto', sans-serif; |
overflow: visible; | overflow: visible; | ||
} | } | ||
Line 44: | Line 44: | ||
/* REMOVE DEFAULT TOP HEADER */ | /* REMOVE DEFAULT TOP HEADER */ | ||
#top-section { | #top-section { | ||
+ | position: absolute; | ||
+ | top: 2px; | ||
background-image: url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png'); | background-image: url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png'); | ||
background-size: 100% auto; | background-size: 100% auto; | ||
- | border: | + | border: 1px solid #000000; |
height: auto; | height: auto; | ||
margin-right: 0; | margin-right: 0; | ||
Line 109: | Line 111: | ||
#globalWrapper, #content { /*-- changes default wiki settings --*/ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
- | width: | + | width: 100%; |
height: 100%; | height: 100%; | ||
border: none; | border: none; |
Revision as of 14:13, 5 August 2014
@charset "UTF-8";
body,
- globalWrapper {
font-size: 14px; font-family: 'Roboto', sans-serif; overflow: visible;
}
p{
text-align: justify;
}
.clear {
clear: both;
}
a, a:link, a:visited {
color: #55b909; text-decoration: none;
}
a:hover, a:focus {
color: #81b909;
}
/* ---------------- WikiMedia Elements / Page Structure ---------------- */
/* HIDE SEARCH CONTROLS AND PAGE TITLE */
- p-logo,
- search-controls,
.firstHeading {
display: none;
}
h1, h2, h3, h4, h5, h6 { color: #f83031; }
/* REMOVE DEFAULT TOP HEADER */
- top-section {
position: absolute; top: 2px; background-image: url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png');
background-size: 100% auto;
border: 1px solid #000000; height: auto;
margin-right: 0;
margin-top: 0; margin-bottom: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;
}
- top-section:hover {
background: #ffffff;
}
/* EDIT AND USER MENU */
- menubar {
top: 0 !important; font-size: 0.7em;
}
- menubar li,
- menubar li a:link {
text-transform: uppercase;
}
/* Highlight with background colour on hover */
- top-section:hover #menubar li a {
color: #e80607;
}
- menubar li a:link,
- menubar li a:visited {
color: #ffffff; background-color: transparent;
}
- menubar li a:hover,
- menubar li a:focus {
color: #e80607; text-decoration: none;
}
/* EDIT */
- menubar.left-menu{
}
- menubar.left-menu:hover {
background-color: transparent;
}
/* USER */
- menubar.right-menu {
}
/* CHANGING WHITE BACKGROUND */
- globalWrapper, #content { /*-- changes default wiki settings --*/
width: 100%; height: 100%; border: none; background-color: white; margin: 0px auto; padding: 0px; }
body { background-color: #ffffff; width: 100%; height: auto; }
html, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }
/* HIDING FOOTER BOX */
- footer-box{display:none;}
- catlinks{display:none;}
/* -------------------------- Header-------------------------- */
- header {
position: relative; /* this is to allow positioning of elements within */
background-color: #ffffff;
text-align: center;
top: 0px; margin: 0px auto; width: 100%; height: auto; }
#mission-igempossible { position: absolute;
display: block; left: 0; margin: 0px auto; clear: both;
}
/* --------------------- Main Content ----------------------- */
- main-content {
background-color: green; width: 965px; height: auto; margin: 0px auto; }
- BackToTop,
- BackToTop:link,
- BackToTop:visited {
position: fixed; bottom: 5px; right: 5px; text-decoration: none; color: #55b909;
}
- BackToTop:hover {
color: #81b909;
}