Team:OU Norman/stylesheet

From 2014.igem.org

(Difference between revisions)

Latest revision as of 22:40, 17 October 2014

div#navigation{

       /* Old browsers */

border-radius: 0px;

       padding:90px 0 0 0;

}

navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
navigation ul li{

       float:left; 
       position:relative;

}

navigation ul li a{

	display:block;

padding:7px 12px; margin-left:auto;

       margin-right:auto;

font-size:18px; white-space:nowrap; border-radius:1px; }

navigation ul li a:hover{}
navigation ul li ul li a{width: 150px;}

navigation ul ul li a:hover{

       background:black; /*menu item highlight*/

background-repeat:repeat-x;

       color:white; /*text on hover*/

background-size:200%; }

navigation ul ul{

       float: left;

position:absolute; height:-99999px; margin-left:auto;

       margin-right:auto;

opacity: 0; /* Hide sub level */ -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; z-index:497; background:#8De2f2; /*menu background*/ padding: 0px; border:1px solid #063257; border-top:1px solid #063257; box-shadow:#111 0 3px 4px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }

navigation ul ul ul {

margin-left:auto;

       margin-right:auto;

opacity: 0; -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */ -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; border-radius:6px; border:1px solid #444; }

navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }
navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}

footer-box {visibility:hidden}
catlinks {visibility:hidden}
top-section {height: 0px;}
p-logo {height:0px; overflow:hidden; display:none;}
search-controls {display:none;}

top-section {

   height:14px;
   width: 100%;
   border: 0;
   background: rgba(51,51,51,1)}

.left-menu a {

   color: white; }

.left-menu:hover {

   color: white;
   background: transparent; }

.left-menu:hover a {

   color: white; }

.right-menu li a {

   background-color: transparent; 
   color: white;}

content {

   width:100%;
   border:none;
   padding:0;

}

content #top, #content #siteSub, #content #contentSub {

  display:none;
  margin:0;
  padding:0;

}

/* Hides default page title beneath banner */ .firstHeading {

  height:0px;
  visibility:hidden;

}

.toc{visibility:hidden; height:0px;} .biopic {height:200px;}

/*------------------------- Layout styles ------------------------*/

body{ margin:0 auto;

       width: 962px;
       height: 0 auto;

background:#ffffff;

       background-attachment: fixed;
       background-size:cover;
       border-right: 1px dotted black;
       border-left: 1px dotted black;
       border-bottom: 1px dotted black;
       border-radius:15px;

}

.page{

       margin: -23px 0 0px 0;
       width:962px;
       height: 0 auto;

background:#ffffff no-repeat center top; }

div.pocket {width: 850px; padding-left:50px; padding-top:25px;} div.innerpocket {width:600px;padding-left:100px;}

table {

   text-align:center;
   vertical-align:middle;
   cell-spacing:4px;

} table tr:first-child {

   background-color: #C5F2FB;
   border: 0px;
   cell-padding:2px;

} /*------------------------- Font ------------------------*/

@font-face { p.arial

   font-weight: normal;
   font-style: normal;

}

/*------------------------- Header ------------------------*/

.header{ background:#62D2E7 url('#'); /*--url--*/ width:962px; margin:0 auto ; height:124px; padding:0px 0px 0;

       border-style: solid dotted;
       border-color: black;
       border-width: 1px;
       border-radius: 15px;

} .header a#logo{ display:block; float:left; outline:none;

       margin:17px 0 0 15px;

} .header a#logo img{ border:0; } .header a#name{

       display:block;
       float:left;
       outline:none;
       margin:17px 0 0 0;

} .header a#name img{

       border:0;

} .header ul{ margin:0 15px 0 0; list-style:none; padding:0px 0 0; float:right; } .header ul li.left{ float:left; margin:0 0 0 36px; } .header ul li.right{ float:right; margin:0 0 0 36px; } .header ul li.selected a,.header ul li a:hover{ color:#fffdd0; } .header ul li a{ font-size:16px; text-decoration:none; color:black;

outline:none; }

/*------------------------- buttons ------------------------*/

projlink {

   color: black;
   display: inline;
   height: 200px;
   line-height: 40px;
   text-decoration: none;
   width: 400px;
   text-align: center;
   border-radius:25px;
   font-size:25px;
   vertical-align: middle;

}

notelink {

   color: black;
   display: inline;
   height: 200px;
   line-height: 40px;
   text-decoration: none;
   width: 400px;
   text-align: center;
   border-radius: 25px;
   font-size:25px;
   vertical-align: middle;

}

teamlink {

   color: black;
   display: inline;
   height: 200px;
   line-height: 40px;
   text-decoration: none;
   width: 400px;
   text-align: center;
   border-radius: 25px;
   font-size:25px;
   vertical-align: middle;

}

outlink {

   color: black;
   display: inline;
   height: 200px;
   line-height: 40px;
   text-decoration: none;
   width: 400px;
   text-align: center;
   border-radius: 25px;
   font-size:25px;
   vertical-align: middle;

}

minibutton {

   background-color: #62D2E7;
   color: black;
   display: inline;
   line-height: 100px;
   text-decoration: none;
   width: 200px;
   text-align: center;
   border-radius: 25px;
   font-size:25px;
   vertical-align: middle;
   padding:20px 50px;

}