Team:UI-Indonesia

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<style>
<style>
-
/* HIDING TOP SECTION */
+
/* ---------------- WikiMedia Elements / Page Structure---------------- */
-
body{position:absolute; top:0px; width:100%; height:100%;}
+
#content { border: none; }
-
#top-section{
+
 
-
     height: 20px;
+
/* HIDE SEEARCH CONTROLS AND PAGE TITLE */
-
    border: none;
+
#p-logo,
-
    width: 980px;
+
#search-controls,
-
    margin: 0 auto;
+
.firstHeading {
-
    padding: 2px 0 0 0;
+
     display: none;
-
    background-color:transparent;
+
}
-
background-image:url('https://static.igem.org/mediawiki/2014/4/4f/UI-Indonesia_Image_TopSectionBG.png');
+
 
 +
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;
background-size: 100% auto;
-
     overflow:hide;
+
     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;
}
}
-
#p-logo{display:none;}
 
-
#search-controls{display:none;}
 
-
#top{display:none;}
 
-
.firstHeading{display:none;}
 
-
/* END OF HIDING TOP SECTION */
+
/* EDIT AND USER MENU */
 +
#menubar {
 +
    top: 0 !important;
 +
    font-size: 0.7em;
 +
}
 +
#menubar li,
 +
#menubar li a:link {
 +
    text-transform: uppercase;
 +
}
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
/* Highlight with background colour on hover */
-
width: 100%;
+
#top-section:hover #menubar li a {
-
height: 100%;
+
    color: #FFFFFF;
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
#menubar li a:link,
-
width: 100%;
+
#menubar li a:visited {
-
height: 100%;  
+
    color: #f54142;
-
background-color: transparent;
+
    background-color: transparent;
}
}
-
</style>
+
#menubar li a:hover,
 +
#menubar li a:focus {
 +
    color: #e80607;
 +
    text-decoration: none;
 +
}
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
+
/* EDIT */
 +
#menubar.left-menu{
-
</html>
+
}
 +
 
 +
#menubar.left-menu:hover {
 +
    background-color: transparent;
 +
}
 +
 
 +
 
 +
/* USER */
 +
#menubar.right-menu {
 +
 
 +
}
 +
 
 +
 
 +
 
 +
/* ? */
 +
#catlinks {
 +
    border:none;
 +
    background: #ffffff;
 +
}
 +
 
 +
/* WIKIMEDIA RELATED */
 +
 
 +
 
 +
#footer-box {
 +
    border:none;
 +
    margin: 30px auto;
 +
    width: 100%;
 +
    background-color: #aeaeae;
 +
    padding: 3em 0 5em 0;
 +
 
 +
}
 +
 
 +
#footer {
 +
    text-align: center;
 +
}
 +
 
 +
#footer-box #f-poweredbyico,
 +
#footer-box #f-copyrightico {
 +
    float: none;
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    margin-bottom: 10px;
 +
}
 +
 
 +
#footer-box #f-copyrightico {
 +
 
 +
}
 +
 
 +
#footer-box #f-list {
 +
    float: none;
 +
    display: block;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
 
 +
#footer-box #f-list li {
 +
    text-transform: uppercase;
 +
    padding: 0 .75em;
 +
    margin: 0;
 +
}
 +
 
 +
#footer-box #f-list li a:link,
 +
#footer-box #f-list li a:visited {
 +
    color: #CCC;
 +
    font-size: 0.7em;
 +
}
 +
 
 +
#footer-box #f-list li a:hover,
 +
#footer-box #f-list li a:focus {
 +
    color: #36A9E1;
 +
    text-decoration: none;
 +
}
 +
 
 +
 
 +
 
 +
</style>

Revision as of 14:38, 20 July 2014