Team:UI-Indonesia/css/stylesheet
From 2014.igem.org
@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 ---------------- */
- content { border: none; }
/* 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 {
background-image:url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png');
background-size: 100% auto;
border: none; height:20px; margin-top: 0; margin-bottom: 20px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms 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: 0px; background-color: transparent; margin: 0px; padding: 0px; }
body { background-color: #ffffff; width: 100%; height: 100%; }
html, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }
/* HIDING FOOTER BOX */
- footer-box{display:none;}
- catlinks{display:none;}
/* -------------------------- Header-------------------------- */
/* ------ TRY AGAIN :::::::::::::::::::::::::::::::::::::::::
- igem-logo (
position: absolute; left: 0; top: 6px; margin-top: -6px;
}
#igem-logo img { background-size: 40px auto; background-position: center; z-index: 100
}
#igem-logo img { -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
#igem-logo img:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
--- */
- header {
position: relative; /* this is to allow positioning of elements within */
background-color: transparent;
text-align: center;
margin: 0px auto; width: 965px; height: 160px; }
#mission-igempossible { position: absolute;
display: block; left: 0; margin: 0px auto; z-index: -1; clear: both;
}
#igem-logo { position: absolute; display: inline-block; bottom: 0; margin: 0px auto; z-index: 1; }
- BackToTop,
- BackToTop:link,
- BackToTop:visited {
position: fixed; bottom: 5px; right: 5px; text-decoration: none; color: #55b909;
}
- BackToTop:hover {
color: #81b909;
}