Team:OU Norman/stylesheet2

From 2014.igem.org

/* REMOVE IGEM STYLE */

  1. search-controls { 
  margin-top:30px;

}

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

}

  1. bodyContent a[href ^="mailto:"],

.link-mailto { 

   background: none;
   padding-right: 0;

}

  1. bodyContent a[href ^="https://"], .link-https { 
   background: none;
   padding-right: 0;

}

  1. menubar {

margin-left: 10px; }

.right-menu li a, .left-menu li a { color: black; background-color: transparent; font-size: 10px; font-weight: bold; }

.right-menu li a:hover, .left-menu:hover a { color: black; }

  1. top-section { 
   height: 15px;

}


  1. content {

width: 100%; }

html { 

   height:100%;

} body { 

   background-color:rgb(221, 221, 221);
   background-image:url(SDU2013_background2.jpg);
   background-repeat: repeat;
   background-attachment:fixed;
   overflow-x: hidden;
   height:100%;
   overflow-y: scroll;

}

/* BASIC STYLES */

h1, h2, h3, h4 { 

   font-family: Arial;
   color: #004684;
   font-weight:bold;
   margin-bottom:0 !important;
   margin-top:0px;
   border:none;

} /* Name: Header 1 */ h1 { 

   font-size: 22px;

} /* Name: Header 2 */ h2 { 

   font-size: 24px;
   padding-bottom:10px;

} /* Name: Header 3 */ h3 { 

   font-size: 20px;

} /* Name: Header 4 */ h4 { 

   font-size: 16px;
   font-style: italic;
   padding-bottom:20px;

}

a, a:visited { }

.pdfFile { 

   background-repeat: no-repeat;
   background-position: left;
   padding-left: 19px;
   background-image: url(http://www.crossborder.ie/wp-content/uploads/pdf_icon.gif);
   font-size: 12px;
   line-height: 1.3em;

}

/* Name: Appetizer text */ /* Description: Used to give a short and exciting description of the subsequent content. */ p.intro { 

   font-style: italic;
   font-size: 16px;
   color: #808080;
   margin-bottom:40px;

}

/* Name: DNA Sequence Code */ /* Description: Used for highlighting DNA sequences and similar codes. */ span.SequenceCode { 

   font-size: 14px;
   font-family: Courier New;
   color: red;
   border-style: dashed;
   border-width: 1px;
   border-color: Gray;
   padding: 0px 5px;

}

/* Name: Normal text */ p { 

   font-size: 14px;
   margin-top:10px;
   font-family:Tahoma;
   color: #3D3D3D;

}

/* Name: Paragraph intro */ span.intro { 

   font-weight:Bold;
   font-size: 15px;
   font-family:Tahoma;
   color: #3D3D3D;

}

/* Name: Important word */ .specialWord { 

   font-style: italic;

}

/* BASE */

.BackgroundLayout { 

   width:100%;
   left:0;
   position: absolute;

} .MainLayout { 

   width:960px;
   margin-right:auto;
   margin-left:auto;

} .EndFloatBlock { 

   clear:both;

}

/* NAVIGATION */

.bannerShadow { 

   /* border shadow */
   box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1);
   -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1);
   -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1);

} .MenuButton { 

   margin: 35px 0px 0px 15px;
   float: left;
   font-size:12px;
   font-family:Arial;
   padding-bottom:2px;
   position: relative;

} .MenuButton:hover { 

   border-bottom-color:#C0C0C0;
   border-bottom-width:3px;
   border-bottom-style:solid;

} .SelectedMenuButton { 

   border-bottom-color:#42B04F;
   border-bottom-width:3px;
   border-bottom-style:solid;

} a.MenuButtonLink { 

   text-decoration:none;
   color:black;

}

/* Zach's code below */

div#navigation{ 

       /* Old browsers */

border-radius: 0px; 

       padding:90px 0 0 0;

}

  1. navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
  2. navigation ul li{ 
       float:left; 
       position:relative;

}

  1. navigation ul li a{ 
	display:block;

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

       margin-right:auto;

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

  1. navigation ul li a:hover{}
  2. navigation ul li ul li a{width: 150px;}
  1. navigation ul ul li a:hover{ 
       background:black; /*menu item highlight*/

background-repeat:repeat-x; 

       color:white; /*text on hover*/

background-size:200%; }

  1. 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:#fffdd0; /*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; }

  1. 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; }

  1. navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }
  2. navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
  1. footer-box {visibility:hidden}
  2. catlinks {visibility:hidden}
  3. top-section {height: 0px;}
  4. p-logo {height:0px; overflow:hidden; display:none;}
  5. search-controls {display:none;}
  1. 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;}
  1. content { 
   width:100%;
   border:none;
   padding:0;

}

  1. 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;}

/*------------------------- Layout styles ------------------------*/ body{ margin:0 auto; 

       width: 962px;
       height: 0 auto;

background:#fffdd0; 

       background-attachment: fixed;
       background-size:cover;

}

.page{ 

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

background:#ffffff no-repeat center top; }

/*------------------------- Font ------------------------*/ @font-face { p.arial 

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

}

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

} .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; }

/*------------------------- General Body ------------------------*/

Retrieved from "http://2014.igem.org/Team:OU_Norman/stylesheet2"