Team:Gothenburg/Style

From 2014.igem.org

(Difference between revisions)
Line 170: Line 170:
     display:none;
     display:none;
-
/* Redesigning Table Of Content */
 
-
/********************************/
 
-
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
 
-
    text-align: left;}
 
-
#toctitle {
 
-
    margin: 5px 0;}
 
-
.toc, #toc {
 
-
    background-color: #F6F6F6;
 
-
    border: 1px solid #CCCCCC;
 
-
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
 
-
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
 
-
    float: left;
 
-
    width: 228px;
 
-
    display: block;
 
-
    overflow: hidden;
 
-
    padding: 0;}
 
-
#toc ul, .toc ul {
 
-
    margin: 0 5px 5px 5px;}
 
-
.toc ul li {
 
-
    padding-left: 12px;
 
-
    text-indent: -12px;
 
-
    /*width: 200px;*/}
 
-
.toc ul li ul li {
 
-
    padding-left: 30px;
 
-
    text-indent: -24px;
 
-
    /*width: 170px;*/}
 
-
#toc ul ul, .toc ul ul {
 
-
    margin: 0;}
 
-
.toc {
 
-
    margin-left: -250px;
 
-
    margin-top: 20px;}
 
-
.stickBelowNavigation {
 
-
    position: fixed;
 
-
      top: 35px;
 
-
      left: 50%;
 
-
    margin-left: -462px;}
 
-
.tochidden {
 
-
    position: static;
 
-
    margin-left: -250px;}
 
}
}

Revision as of 11:14, 4 July 2014

@media screen{ html{font-size:1em}

html,body{height:100%;margin:0;padding:0;font-family:sans-serif}

body{background-color:#f6f6f6;font-size:1em}

h1,h2,h3,h4,h5,h6{color:black;background:none;font-weight:normal;margin:0;overflow:hidden;padding-top:.5em;padding-bottom:.17em;border-bottom:1px solid #aaa}

h1{font-size:188%}

h2{font-size:150%}

h3,h4,h5,h6{border-bottom:none;font-weight:bold}

h3{font-size:132%}

h4{font-size:116%}

h5{font-size:108%}

h6{font-size:100%}

h1,h2{margin-bottom:.6em}

h3,h4,h5{margin-bottom:.3em}

a{text-decoration:none;color:#0645ad;background:none}

a:visited{color:#0b0080}

a:active{color:#faa700}

a:hover,a:focus{text-decoration:underline}

a.stub{color:#772233}

a.new,#p-personal a.new{color:#ba0000}

a.new:visited,#p-personal a.new:visited{color:#a55858}

  1. page-base{height:5em;background-color:white;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAOklEQVR42lWNWwoAQAgCde9/59mgF30EOmgKeJLmUHjGpzbBdXnl6F5oV5/J9e/tr/czydmt7RT33floBCM5ZQLqdwAAAABJRU5ErkJggg==);background-image:url(http://ballotpedia.org/wiki/skins/vector/images/page-fade.png?2013-12-14T05:41:40Z) !ie;background-position:bottom left;background-repeat:repeat-x}
  1. head-base{margin-top:-5em;margin-left:10em;height:5em}

div#content{line-height:1.5em;margin-right:4em;padding:1.5em 1.5em 1.5em 1.75em;border:1px solid #a7d7f9;margin-top:-1px;background-color:white;color:black;direction:ltr}

div#content{margin-left:11em;padding:1.25em 1.5em 1.5em 1.5em}

  1. firstHeading{padding-top:0;margin-top:0;font-size:1.6em}

.firstHeading,#firstHeading{margin-bottom:.1em;line-height:1.2em;padding-bottom:0}

  1. mw-navigation h2{position:absolute;top:-9999px}

div#mw-head{position:absolute;top:0;right:0;width:100%}

  1. left-navigation{float:left;margin-left:10em;margin-top:2.5em;margin-bottom:-2.5em;display:inline;margin-left:11em}
  1. right-navigation{float:right;margin-top:2.5em}

div.vectorTabs{float:left;height:2.5em}

div.vectorTabs{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAARElEQVR42mVO2wrAUAhy/f8fz+niVMTYQ3hLKkgGgN/IPvgIhUYYV/qogdP75J01V+JwrKZr/5YPcnzN3e6t7l+2K+EFX91B1daOi7sAAAAASUVORK5CYII=);background-image:url(http://ballotpedia.org/wiki/skins/vector/images/tab-break.png?2013-12-14T05:41:40Z) !ie;background-position:bottom left;background-repeat:no-repeat;padding-left:1px}

div.vectorTabs ul{float:left;height:100%;list-style-type:none;list-style-image:none;margin:0;padding:0}

div.vectorTabs ul li{float:left;line-height:1.125em;display:inline-block;height:100%;margin:0;padding:0;background-color:#f3f3f3;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAPElEQVR4XuWK2xEAIAzCsPvv5DSu0ahX3yv4wQVyGGCSvg2dnJvduT8sz/IwKOIfjCi2z/76FhHeJcslVZQFLUC06LZ/AAAAAElFTkSuQmCC);background-image:url(http://ballotpedia.org/wiki/skins/vector/images/tab-normal-fade.png?2013-12-14T05:41:40Z) !ie;background-position:bottom left;background-repeat:repeat-x;white-space:nowrap}

div.vectorTabs ul > li{display:block}

div.vectorTabs li.selected{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkAQAAAABvV2fNAAAADUlEQVQIHWNoYBgWEACJ5TIB0K9KcAAAAABJRU5ErkJggg==);background-image:url(http://ballotpedia.org/wiki/skins/vector/images/tab-current-fade.png?2013-12-14T05:41:40Z) !ie}

div.vectorTabs li a{display:inline-block;height:1.9em;padding-left:0.5em;padding-right:0.5em;color:#0645ad;cursor:pointer;font-size:0.8em}

div.vectorTabs li > a{display:block}

div.vectorTabs li.icon a{background-position:bottom right;background-repeat:no-repeat}

div.vectorTabs span a{display:inline-block;padding-top:1.25em}

div.vectorTabs span > a{float:left;display:block}

div.vectorTabs span{display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAARElEQVR42mVO2wrAUAhy/f8fz+niVMTYQ3hLKkgGgN/IPvgIhUYYV/qogdP75J01V+JwrKZr/5YPcnzN3e6t7l+2K+EFX91B1daOi7sAAAAASUVORK5CYII=);background-image:url(http://ballotpedia.org/wiki/skins/vector/images/tab-break.png?2013-12-14T05:41:40Z) !ie;background-position:bottom right;background-repeat:no-repeat}

div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{color:#333;text-decoration:none}

div.vectorTabs li.new a,div.vectorTabs li.new a:visited{color:#a55858} div.vectorTabs ul{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAARElEQVR42mVO2wrAUAhy/f8fz+niVMTYQ3hLKkgGgN/IPvgIhUYYV/qogdP75J01V+JwrKZr/5YPcnzN3e6t7l+2K+EFX91B1daOi7sAAAAASUVORK5CYII=);background-image:url(http://ballotpedia.org/wiki/skins/vector/images/tab-break.png?2013-12-14T05:41:40Z) !ie;background-position:right bottom;background-repeat:no-repeat}


  1. p-search{margin-right:1em}
  1. p-search h3{display:none}
  1. p-search{float:right}
  1. p-search{padding-right:1em;padding-top:1em;margin-left:0.5em}

div#mw-panel{font-size:inherit;position:absolute;top:160px;padding-top:1em;width:10em;left:0}

div#mw-panel div.portal{padding-bottom:1.5em;direction:ltr}

div#mw-panel div.portal h3{font-weight:normal;color:#444;padding:0 1.75em 0.25em 0.25em;cursor:default;border:none;font-size:0.75em}

div#mw-panel div.portal div.body{padding-top:0.5em;margin:0 0 0 1.25em;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC);background-image:url(http://ballotpedia.org/wiki/skins/vector/images/portal-break.png?2013-12-14T05:41:40Z) !ie;background-repeat:no-repeat;background-position:top left}

div#mw-panel div.portal div.body ul{list-style-type:none;list-style-image:none;padding:0;margin:0}

div#mw-panel div.portal div.body ul li{line-height:1.125em;padding:0;padding-bottom:0.5em;margin:0;font-size:0.75em;word-wrap:break-word}

div#mw-panel div.portal div.body ul li a{color:#0645ad}

div#mw-panel div.portal div.body ul li a:visited{color:#0b0080}

  1. mw-panel{padding-left:0.5em}
  1. p-logo{position:absolute;top:-160px;left:0;width:10em;height:160px}
  1. p-logo a{display:block;width:10em;height:160px;background-repeat:no-repeat;background-position:center center;text-decoration:none}
  1. p-logo{left:0.5em}

div#footer{margin-left:10em;margin-top:0;padding:0.75em;direction:ltr}

div#footer ul{list-style-type:none;list-style-image:none;margin:0;padding:0}

div#footer ul li{margin:0;padding:0;padding-top:0.5em;padding-bottom:0.5em;color:#333;font-size:0.7em}

div#footer #footer-icons{float:right}

body.ltr div#footer #footer-places{float:left}

div#footer #footer-info li{line-height:1.4em}

div#footer #footer-icons li{float:left;margin-left:0.5em;line-height:2em;text-align:right}

div#footer #footer-places li{float:left;margin-right:1em;line-height:2em}

div#footer{margin-left:11em;padding:1.25em}

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}

/* Redesigning the topmenu */ /***************************/ body {

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar {
   font-size: 65%;
   top: -14px;}

.left-menu:hover {

   background-color: transparent;}
  1. menubar li a {
   background-color: transparent;}
  1. menubar:hover {
   color: white;}
  1. menubar li a {
   color: transparent;}
  1. menubar:hover li a {
   color: white;}
  1. menubar > ul > li:last-child {
   display:none;

}