Team:Gothenburg/Style

From 2014.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
-
 
-
@media screen{
 
html{font-size:1em}
html{font-size:1em}
Line 45: Line 43:
#head-base{margin-top:-5em;margin-left:10em;height:5em}
#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#contentt{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}
+
div#contentt{margin-left:11em;padding:1.25em 1.5em 1.5em 1.5em}
-
#firstHeading{padding-top:0;margin-top:0;font-size:1.6em}
+
#firstHeading1{padding-top:0;margin-top:0;font-size:1.6em}
-
.firstHeading,#firstHeading{margin-bottom:.1em;line-height:1.2em;padding-bottom:0}
+
.firstHeading1,#firstHeading1{margin-bottom:.1em;line-height:1.2em;padding-bottom:0}
#mw-navigation h2{position:absolute;top:-9999px}
#mw-navigation h2{position:absolute;top:-9999px}
Line 117: Line 115:
#mw-panel{padding-left:0.5em}
#mw-panel{padding-left:0.5em}
-
#p-logo{position:absolute;top:-160px;left:0;width:10em;height:160px}
+
#p-logo1{position:absolute;top:-160px;left:0;width:10em;height:160px}
-
#p-logo a{display:block;width:10em;height:160px;background-repeat:no-repeat;background-position:center center;text-decoration:none}
+
#p-logo1 a{display:block;width:10em;height:160px;background-repeat:no-repeat;background-position:center center;text-decoration:none}
-
#p-logo{left:0.5em}
+
#p-logo1{left:0.5em}
div#footer{margin-left:10em;margin-top:0;padding:0.75em;direction:ltr}
div#footer{margin-left:10em;margin-top:0;padding:0.75em;direction:ltr}
Line 147: Line 145:
/***************************/
/***************************/
body {
body {
-
     margin: 10px 0 0 0;
+
     margin: 0 0 0 0;
     padding: 0;}
     padding: 0;}
#top-section {
#top-section {
-
     width: 965px;
+
     width: 100%;
     height: 0;
     height: 0;
     margin: 0 auto;
     margin: 0 auto;
Line 171: Line 169:
     display:none;
     display:none;
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 100%;
 +
margin-left: 0px;
 +
margin-right: 0px;
 +
background-color: #transparent;
 +
margin-top: 0px;
}
}

Latest revision as of 13:48, 4 July 2014

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#contentt{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#contentt{margin-left:11em;padding:1.25em 1.5em 1.5em 1.5em}

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

.firstHeading1,#firstHeading1{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-logo1{position:absolute;top:-160px;left:0;width:10em;height:160px}
  1. p-logo1 a{display:block;width:10em;height:160px;background-repeat:no-repeat;background-position:center center;text-decoration:none}
  1. p-logo1{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: 0 0 0 0;
   padding: 0;}
  1. top-section {
   width: 100%;
   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;
  1. contentcontainer { /*-- creates container for all content on page --*/

font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #414141; width: 100%; margin-left: 0px; margin-right: 0px; background-color: #transparent; margin-top: 0px; }