Team:Johns Hopkins-Wetware/templates/css/style

From 2012.igem.org

Revision as of 03:07, 4 October 2012 by Mrjiaruiwang (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

body { background-color: black; margin: 0; padding: 0; font-family: Calibri, Geneva, sans-serif; overflow-x: hidden; overflow-y: scroll; background-color: #000000; background-position: top center;

       list-style-type: none;

}

a { color: white; } a:visited { color: white; }

global_container

{ width: 1040px; margin: 0 auto 30px auto; overflow-x: hidden; }

header

{ width: 100%; height: 170px;

       position: relative;

}

header_logo

{ height: 120px; text-align: center; }

navbar

{ margin: 0; padding: 0; text-align: center; float: left; position: relative; left: 50%; z-index: 10; }

navbar ul, #navbar li

{ list-style-type: none;

       font-size: 13pt;

}

navbar>li

{ float: left; position: relative; left: -50%; }

navbar a:link, #navbar a:visited

{ display: block; width: 100%; height: 120%;

       padding: 0 10px 0 0px;
       margin: 0 20px 0 10px;

text-transform: uppercase; text-decoration: none; background-color: #003664; color: #dddddd; padding: 10px; }

navbar a:hover, #navbar a:active

{ background-color: #55A0D9; /*background-image: -moz-radial-gradient(#55A0D9, #003664);*/ }

navbar li ul

{ position: absolute; margin: 0; padding: 0; display: none; }

navbar li:hover ul

{ display: list-item; }

.content_container { width: 98%; padding: 2% 1% 2% 1%; background-color: #242424; box-shadow: 5px 5px 10px 5px; min-height: 450px; }

.content_header { background-color: #003664; /*padding: 1%;*/ text-transform: uppercase; /*font-weight: bold;*/ font-size: 26px; text-align: center; color: #dddddd; box-shadow: 5px 5px 10px 5px #000000; clear: both; height: 50px; width: 100%; margin: 0px auto 0px auto; background-color: #003664; }

.center_align { text-align: center; }

.left_align { text-align: left; }

.right_align { text-align: right; }

.content { padding: 2% 2% 2% 2%; color: #dddddd; /*text-indent: 40px;*/ }

.right { float: right; }

.left { float: left; } .center { display: block; margin: 10px auto 10px auto; } .figure { margin-bottom: 20px }

figcaption { text-align: left; background-color: #003664; padding: 1%; font-size: 12pt; }

.portrait { /*margin: 10px 0 10px 0;*/ margin: 0; padding: 0; max-height: 240px; /*float: left;*/ display: inline-block;

} .portrait_bordered { margin: 0; padding: 0; max-height: 190px; /*float: left;*/ display: inline-block; border: 5px solid red; }

.center_link { height: 50px; width: 100%; margin: 0px auto 15px auto; background-color: #003664; }

main_links_container

{ position: relative; height: 290px; margin: 10px 0px 10px 0px; }

.project_link { /*height: 100%;*/ /*width: 49%;*/ height: 292px; width: 500px; background-color: #003664; position: absolute; bottom: 0; } .project_link:hover { opacity: .9; }

.abs_left { left: 0; }

.abs_right { right: 0; }

sponsors_container

{ background-color: #003664; width: 100%; height: 470px; margin: 15px 0px 0px 0px; }

infobox_content

{ position: relative; margin: auto; padding: 1%; width: 300px; height: 50px; background-color: #003664; text-indent: 0; color: #dddddd; box-shadow: 5px 5px 10px 5px #000000; text-align: center; font-size: 20pt; }

name

{ position: relative; margin: auto; padding: 1%; width: 300px; height: 50px; background-color: #003664; text-indent: 0; color: #dddddd; box-shadow: 5px 5px 10px 5px #000000; text-align: center; font-size: 20pt; }

.spacer { clear: both; float: right; width: 150px; height: 30px; margin: 10px 0 40px 0; } p { margin: 0; padding: 0; text-indent: 40px; line-height: 150%; font-size: 16px; } /*h1 { margin: 0; padding: 0; background-color: #003664; padding: 1%; text-transform: uppercase; font-weight: bold; font-size: 24px; text-align: center; color: #dddddd; box-shadow: 5px 5px 10px 5px #000000; }*/ /*h2{font-size:1em}*/

.expand { margin: 0px 0px 5px 0px; padding: 0; font-size: 1em; clear: both; }

h4 { width: 75%; background-color: #003664; font-size: 18pt !important; font-style: italic; font-weight: normal; padding: 0% 1% 0% 1%;

       color: #000000 !important;

} h3 { display: inline-block; padding: 5px 10px 5px 10px; font-size: 18pt !important; margin: 0 0 10px 0;

       color: #FFFFFF ;

} h3.small { max-width: 30%; } h2{} h5{} h6{}

a { text-decoration: none; color: white; } img.limitwidth { max-width: 100%; }

img.limitheight { max-height: 100%; }

img.wrap { margin: 0% 1% 1% 1%; }

a.more { display: inline-block; width: 200px; height: 30px; margin: 1% 10% 1% 10%; padding: 2%; text-align: center; /*background-color: #55A0D9;*/ background-color: #003664; }

igem-logo

{ margin: 0; padding: 0; position: absolute; right: 10px; bottom: 50px; width: 100px; z-index: 20; } .expand a {

 display:block;
 padding:3px 10px;
 background-color: #003664;
 color: #dddddd;
 text-decoration: none;

} .expand a:link, .expand a:visited {

 border-width:1px;
 background-image:url(images/arrow-down.gif);
 background-repeat:no-repeat;
 background-position:98% 50%;

} .expand a:hover, .expand a:active, .expand a:focus {

 text-decoration:none;

} .expand a.open:link, .expand a.open:visited {

 border-style:solid;
 background:#55A0D9 url(images/arrow-up.gif) no-repeat 98% 50%;
 color: black;

}

/*start nivo slider main css */ /*

* jQuery Nivo Slider v3.0.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

/* The Nivo Slider styles */ .nivoSlider { position:relative; background:url(images/loading.gif) no-repeat 50% 50%; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; }

/* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption {

   display:none;

} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*end nivo slider main css*/ /*start nivo slider theme*/ /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Skin Type: flexible Description: The default skin for the Nivo Slider. Version: 1.2 Author: Gilbert Pellegrom Author URI: http://dev7studios.com

/

.theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%;

   margin-bottom:20px;
   -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
   -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
   box-shadow: 0px 1px 5px 0px #4a4a4a;

} .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; }

.theme-default .nivo-controlNav { text-align: center; padding: 0 0 10px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; }

.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; }

.theme-default .nivo-caption {

   font-family: Helvetica, Arial, sans-serif;

} .theme-default .nivo-caption a {

   color:#fff;
   border-bottom:1px dotted #fff;

} .theme-default .nivo-caption a:hover {

   color:#fff;

}

.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /*end nivo slider theme css*/

/* Wiki hacks */

.firstHeading {

 display:none;

}

globalWrapper {

   background-color: transparent;
   padding-bottom:0px;
   border: none;

}

content {

   background-color: black;

color: white;

   border:none;
   padding-bottom:none;
   margin-bottom:none;
   /*border: 1px solid #efefef;

/

}

bodyContent {

   border: none;
   padding:0px;
   margin:0px;

}

top-section {

   height: 0px;
   margin-top: 0 px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0 !important;
  /* margin-bottom: 10px; */
   padding:0;
   border: none;
   display: display;

}

p-logo {

   height: 203px;
   overflow:hidden;
   border:none;
   display: none;

}

p-logo img {

   display: none;

}

catlinks{

  display: none;

}

search-controls {

   overflow:hidden;
   display:none;
   background: none;
   position: absolute;
   top: 100px;
   right: 40px;

}

.right-menu li a:link{

 padding-top: 10px;
 background:transparent;
 text-decoration: none;
 color: #000;

}

.right-menu li a:hover{

 padding-top: 10px;
 background:transparent;
 text-decoration: underline;
 color: #000;

}

.right-menu li a:visited{

 padding-top: 10px;
 background:transparent;
 text-decoration: none;
 color: #000;

}

.mw-headline{ position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #656551; letter-spacing: -1px;

padding: 0px 0px 10px 15px; margin-bottom: 20px; }

.mw-headline :before{ content: '='; }

.right-menu { position:relative; }

top-section {

width:965; }

menubar{

padding-top:5px; }

footer-box {

position: relative; border: none; margin-top: 40px; margin-bottom: 20px; bottom: 10px; padding: -5px; background:transparent; }

footer {

position: relative; width: 965px; float: right; padding: 5px; margin-right: -5px; }

body.mediawiki { }

contentSub

{ display: none; }

ul,li { list-style-type:none !important;

       list-style-image:none;

} /* end wiki hacks css*/