Team:UI-Indonesia/css/stylesheet
From 2014.igem.org
Line 140: | Line 140: | ||
#footer-box{display:none;} | #footer-box{display:none;} | ||
#catlinks{display:none;} | #catlinks{display:none;} | ||
+ | |||
/* -------------------------- Header-------------------------- */ | /* -------------------------- Header-------------------------- */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#header { | #header { | ||
Line 204: | Line 173: | ||
background: url("https://2014.igem.org/File:UI-Indonesia_Image_IGEMgreen.png"); | background: url("https://2014.igem.org/File:UI-Indonesia_Image_IGEMgreen.png"); | ||
} | } | ||
+ | |||
+ | /* -------------------- Navigation Bar ----------------------- */ | ||
+ | |||
+ | |||
+ | |||
+ | #BackToTop, | ||
+ | #BackToTop:link, | ||
+ | #BackToTop:visited { | ||
+ | |||
+ | position: fixed; | ||
+ | bottom: 5px; | ||
+ | right: 5px; | ||
+ | text-decoration: none; | ||
+ | color: #55b909; | ||
+ | } | ||
+ | |||
+ | #BackToTop:hover { | ||
+ | color: #81b909; | ||
+ | }@charset "UTF-8"; | ||
+ | |||
+ | body, | ||
+ | #globalWrapper { | ||
+ | font-size: 14px; | ||
+ | font-family: 'Signika', sans-serif; | ||
+ | overflow-x: hidden; | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #main-content { | ||
+ | background-color: green; | ||
+ | width: 965px; | ||
+ | height: auto; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | |||
+ | /* REMOVE DEFAULT TOP HEADER */ | ||
+ | #top-section { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png'); | ||
+ | background-size: 965px auto; | ||
+ | border: none; | ||
+ | height: 40px; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 20px; | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | #igem-logo { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | left: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 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: 965px; | ||
+ | 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: transparent; | ||
+ | text-align: center; | ||
+ | margin: 0px auto; | ||
+ | width: 965px; | ||
+ | height: 170px; | ||
+ | line-height: 10px; | ||
+ | } | ||
+ | |||
+ | #mission-igempossible { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | left: 0; | ||
+ | margin: 0px auto; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /* -------------------- Navigation Bar ----------------------- */ | ||
+ | |||
+ | |||
#BackToTop, | #BackToTop, |
Revision as of 06:17, 23 July 2014
@charset "UTF-8";
body,
- globalWrapper {
font-size: 14px; font-family: 'Signika', sans-serif; overflow-x: hidden;
}
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; }
- main-content {
background-color: green; width: 965px; height: auto; margin: 0px auto; }
/* REMOVE DEFAULT TOP HEADER */
- top-section {
background-image: url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png');
background-size: 965px auto;
border: none; height: 20px; margin-top: 0; margin-bottom: 20px; -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: 965px; 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: transparent;
text-align: center;
margin: 0px auto; width: 965px; height: 170px; line-height: 10px; }
#mission-igempossible { position: absolute;
display: block; left: 0; margin: 0px auto; clear: both;
}
#igem-logo { position: absolute; display: block; margin: 0px auto; align-content: center; bottom: 0; }
#igem-logo:hover { background: url("https://2014.igem.org/File:UI-Indonesia_Image_IGEMgreen.png"); }
/* -------------------- Navigation Bar ----------------------- */
- BackToTop,
- BackToTop:link,
- BackToTop:visited {
position: fixed; bottom: 5px; right: 5px; text-decoration: none; color: #55b909;
}
- BackToTop:hover {
color: #81b909;
}@charset "UTF-8";
body,
- globalWrapper {
font-size: 14px; font-family: 'Signika', sans-serif; overflow-x: hidden;
}
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; }
- main-content {
background-color: green; width: 965px; height: auto; margin: 0px auto; }
/* REMOVE DEFAULT TOP HEADER */
- top-section {
background-image: url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png');
background-size: 965px auto;
border: none; height: 40px; margin-top: 0; margin-bottom: 20px; -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;
}
#igem-logo { position: absolute; display: block; left: 0px; }
/* 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: 965px; 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: transparent;
text-align: center;
margin: 0px auto; width: 965px; height: 170px; line-height: 10px; }
#mission-igempossible { position: absolute;
display: block; left: 0; margin: 0px auto; clear: both;
}
/* -------------------- Navigation Bar ----------------------- */
- BackToTop,
- BackToTop:link,
- BackToTop:visited {
position: fixed; bottom: 5px; right: 5px; text-decoration: none; color: #55b909;
}
- BackToTop:hover {
color: #81b909;
}