Team:NTNU Trondheim/ntnu style.css

From 2011.igem.org

Revision as of 15:26, 3 July 2011 by Tormunds (Talk | contribs)

/*Stylesheet for NTNU_Trondheim*/

h1 {

 color : red;

}

h2 {

 color : orange;

}

p {

 border : 2px;
 background: red;
 opacity: 1;

}

/* MediaWiki mods */

html {

 background-image: url("Ntnuwiki_bg.jpg");
 background-attachment: fixed;
 background-position: center top;

}

  1. catlinks{
 display: none;

}

body {

 width : 900px;
 margin-left: auto; 
 margin-right: auto; 
 background: none;

}

.firstHeading {

 display: none;

}

  1. search-controls {
 left: 50px;
 top: 200px;

}

  1. searchGoButton {
 float: left;

}

  1. mw-searchButton {
 float: right;

}

  1. footer-box {

}

  1. top-section {
 height: 20px;
 width: 100%;
 padding: 5px; 
 margin: 0px; 
 margin-left: auto; 
 margin-right: auto; 
 margin-bottom: 0 !important;
 background: none;
 border: none;

}

  1. menubar {
 background: none;
 border: none;
 margin-left: auto; 
 margin-right: auto; 

}

.left-menu ul li a, .right-menu ul li a{

 color: cornsilk;
 background: none;  

}

  1. content {
 background: none;
 margin-right: auto;
 margin-left: auto;
 border: none;
 width: 800px;
 min-height: 400px;

}

  1. header {
 background: none;
 height: 200px;

}

  1. wikiContent {
 background: #e7dfcc;
 height: 100%;

}

  1. globalWrapper {
   height: 100%;
   width: 100%;
   border: none;
   background: none;

}


  1. p-logo {
 display: none;

}

/********[menu coding]********************* http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html

                                                                                    • /
  1. menu {
 width: 100%;
 background: #00509E;
 float: left;

}

  1. menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 5em;
 float: left;

}

  1. menu a:hover {
 color: blue;
 background: red;

}

  1. menu h2:hover {
 background: black;

}

  1. menu h2, #menu a {
 font: bold 13px arial, helvetica, sans-serif;
 display: block;
 border: none;
 margin: 0;
 padding: 2px 3px;

}

  1. menu .link {
 background: #84a8cf;
 color: #9780b0;
 text-decoration: none;
 border: 0px;

}

  1. menu .head {
 min-heigth: 3em;
 color: grey;
 background: #51227b;
 text-transform: uppercase;
 border: none;

}

  1. menu li {
 position: relative;

}

  1. menu ul ul {
 position: absolute;
 z-index: 500;

}

  1. menu ul ul ul {
 position: absolute;
 top: 0;
 left: 100%;

}

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}