Team:UI-Indonesia/css/stylesheet
From 2014.igem.org
Line 1: | Line 1: | ||
- | /* ---------------- WikiMedia Elements / Page Structure---------------- */ | + | @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; } | #content { border: none; } | ||
- | /* HIDE | + | |
+ | /* HIDE SEARCH CONTROLS AND PAGE TITLE */ | ||
#p-logo, | #p-logo, | ||
#search-controls, | #search-controls, | ||
Line 17: | Line 48: | ||
#top-section { | #top-section { | ||
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; | |
border: none; | border: none; | ||
height:20px; | height:20px; | ||
Line 26: | Line 57: | ||
-ms-transition: all 300ms ease; | -ms-transition: all 300ms ease; | ||
-o-transition: all 300ms ease; | -o-transition: all 300ms ease; | ||
- | + | transition: all 300ms ease; | |
} | } | ||
Line 60: | Line 91: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
/* EDIT */ | /* EDIT */ | ||
Line 73: | Line 105: | ||
#menubar.right-menu { | #menubar.right-menu { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 98: | Line 124: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | |||
/* HIDING FOOTER BOX */ | /* HIDING FOOTER BOX */ | ||
Line 103: | Line 130: | ||
#footer-box{display:none;} | #footer-box{display:none;} | ||
#catlinks{display:none;} | #catlinks{display:none;} | ||
+ | |||
+ | /* -------------------------- Header-------------------------- */ | ||
+ | |||
+ | #ui-igem-banner { | ||
+ | position: relative; /* this is to allow positioning of elements within */ | ||
+ | text-align: right; | ||
+ | margin: 0 0 1em 0; | ||
+ | line-height: 80px; | ||
+ | } | ||
+ | |||
+ | #mission-igempossible { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 30px; | ||
+ | margin-top: -30px; | ||
+ | } | ||
+ | |||
+ | #igem-logo ( | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 6px; | ||
+ | margin-top: -6px; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | |||
+ | #mission-igempossible img { | ||
+ | width: 964px; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #igem-logo img { | ||
+ | height: 5px; | ||
+ | width: 8px; | ||
+ | } | ||
+ | |||
+ | #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); | ||
+ | } | ||
+ | |||
+ | #imperial-logo img { | ||
+ | height: 45px; | ||
+ | } | ||
+ | |||
+ | #BackToTop, | ||
+ | #BackToTop:link, | ||
+ | #BackToTop:visited { | ||
+ | |||
+ | position: fixed; | ||
+ | bottom: 5px; | ||
+ | right: 5px; | ||
+ | text-decoration: none; | ||
+ | color: #55b909; | ||
+ | } | ||
+ | |||
+ | #BackToTop:hover { | ||
+ | color: #81b909; | ||
+ | } |
Revision as of 18:33, 20 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 ---------------- */
- 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; }
html, body, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }
/* HIDING FOOTER BOX */
- footer-box{display:none;}
- catlinks{display:none;}
/* -------------------------- Header-------------------------- */
- ui-igem-banner {
position: relative; /* this is to allow positioning of elements within */ text-align: right; margin: 0 0 1em 0; line-height: 80px;
}
#mission-igempossible { position: absolute; left: 0; top: 30px; margin-top: -30px; }
#igem-logo ( position: absolute; left: 0; top: 6px; margin-top: -6px;
z-index: 100;
}
#mission-igempossible img { width: 964px; height: auto;
}
#igem-logo img {
height: 5px; width: 8px;
}
#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); }
#imperial-logo img { height: 45px; }
- BackToTop,
- BackToTop:link,
- BackToTop:visited {
position: fixed; bottom: 5px; right: 5px; text-decoration: none; color: #55b909;
}
- BackToTop:hover {
color: #81b909;
}