|
|
| Line 1: |
Line 1: |
| - | *{
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| | | | |
| - | html{
| |
| - | margin: 0 auto;
| |
| - | font-size: 100%;
| |
| - | background-color: #ebebeb;
| |
| - | width: 1210px;
| |
| - | padding-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | body{
| |
| - | font: 62.5%/100% "Lucida Sans", "Lucida Grande", Lucida, sans-serif;
| |
| - | width: 1200px;
| |
| - | padding: 0px 10px;
| |
| - | background-color: #efefef;
| |
| - | border-left: 1px solid #c3c3c3;
| |
| - | border-right: 1px solid #c3c3c3;
| |
| - | border-bottom: 1px solid #c3c3c3;
| |
| - | padding-bottom: 10px;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #wrapper{
| |
| - | background-color: #f4f4ff;
| |
| - | border-left: 1px solid #ffffff;
| |
| - | border-right: 1px solid #ffffff;
| |
| - | border-bottom: 1px solid #ffffff;
| |
| - | font-size: 1.2 em;
| |
| - | line-height: 1.5 em;
| |
| - | width: 1200px;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | p{
| |
| - | margin-bottom: 1.5em;
| |
| - | }
| |
| - |
| |
| - | ul{
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | /*--------------------Add Code Below--------------------*/
| |
| - |
| |
| - | #header{
| |
| - | float: left;
| |
| - | margin: 0 auto;
| |
| - | width: 1200px;
| |
| - | height: 67px;
| |
| - | font-size: 3.0em;
| |
| - | background: #000000;
| |
| - | border-bottom: 3px solid #666666;
| |
| - | }
| |
| - |
| |
| - | #header a{
| |
| - | font: 1.5em/100%;
| |
| - | color: #ffffff;
| |
| - | text-decoration: none;
| |
| - | padding: 10px;
| |
| - | }
| |
| - |
| |
| - | #header a img{
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #sign{
| |
| - | margin-top: -70px;
| |
| - | padding-top: 30px;
| |
| - | padding-right: 10px;
| |
| - | font-size: 0.35em;
| |
| - | }
| |
| - |
| |
| - | #help {
| |
| - | margin-left: -150px;
| |
| - | }
| |
| - |
| |
| - | #title_first{
| |
| - | float: left;
| |
| - | line-height: 1.5em;
| |
| - | padding-left: -20px;
| |
| - | }
| |
| - |
| |
| - | #title_second{
| |
| - | float: left;
| |
| - | padding-top: 30px;
| |
| - | margin-left: -157px;
| |
| - | line-height: 1.5em;
| |
| - | }
| |
| - |
| |
| - | #sign li{
| |
| - | float: right;
| |
| - | list-style-type: none;
| |
| - | display: inline;
| |
| - | margin-top: 40px;
| |
| - | }
| |
| - |
| |
| - | #search{
| |
| - | padding-left: 60px;
| |
| - | padding-right: 10px;
| |
| - | color: #ffffff;
| |
| - | text-align: left;
| |
| - | background: #bcbcbc;
| |
| - | height: 15px;
| |
| - | }
| |
| - |
| |
| - | #navigation{
| |
| - | text-align: center;
| |
| - | width: 1210px;
| |
| - | font-size: 1.5em;
| |
| - | line-height: 1.5em;
| |
| - | height: 20px;
| |
| - | }
| |
| - |
| |
| - | #navigation ul{
| |
| - | margin: 0px 21px 0px -1px;
| |
| - | float: left;
| |
| - | font-size: 1.2em;
| |
| - | color: #0c0c0c;
| |
| - | text-decoration: none;
| |
| - | font-weight: normal;
| |
| - | width: 1203px;
| |
| - | }
| |
| - |
| |
| - | #navigation li{
| |
| - | height: 20px;
| |
| - | float: left;
| |
| - | width: 170px;
| |
| - | border-left: 1px solid #ffffff;
| |
| - | border-right: 0.5px solid #ffffff;
| |
| - | }
| |
| - |
| |
| - | #navigation ul ul{
| |
| - | padding-left: 20px;
| |
| - | display: none;
| |
| - | color: #a4a4a4;
| |
| - | text-decoration: none;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - |
| |
| - | #navigation li{
| |
| - | display: inline;
| |
| - | }
| |
| - |
| |
| - | #navigation a{
| |
| - | color: #444444;
| |
| - | text-decoration: none;
| |
| - | font-weight: normal;
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | .navigation_project{
| |
| - | border-left: none;
| |
| - | padding-right: 4px;
| |
| - | }
| |
| - |
| |
| - | .navigation_sponsors{
| |
| - | border-right: none;
| |
| - | margin-right: 4px;
| |
| - | }
| |
| - |
| |
| - | #navigation ul li:hover a{
| |
| - | color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | .navigation_project, .navigation_parts, .navigation_notebook{
| |
| - | background: #3399ff;
| |
| - | }
| |
| - |
| |
| - | .navigation_safety, .navigation_outreach{
| |
| - | background: #ffcc00;
| |
| - | }
| |
| - |
| |
| - | .navigation_team, .navigation_attributions, .navigation_sponsors{
| |
| - | background: #9900ff;
| |
| - | }
| |
| - |
| |
| - | .navigation_sponsors{
| |
| - | margin-right: 0px;
| |
| - | }
| |
| - |
| |
| - | .clearFix:after {
| |
| - | content: ".";
| |
| - | display: block;
| |
| - | height: 0;
| |
| - | clear: both;
| |
| - | visibility: hidden;
| |
| - | }
| |
| - |
| |
| - | img{
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #mainContent{
| |
| - | padding: 0px 10px 0px 10px;
| |
| - | float:left;
| |
| - | width: 1200px;
| |
| - | }
| |
| - |
| |
| - | #safety #wrapper #mainContent{
| |
| - | padding: 10px 10px 0px 10px;
| |
| - | font-size: 1.5em;
| |
| - | line-height: 1.1em;
| |
| - | float:left;
| |
| - | width: 1200px;
| |
| - | }
| |
| - |
| |
| - | .heading_first{
| |
| - | padding-top: 5px;
| |
| - | }
| |
| - |
| |
| - | #mainContent h1{
| |
| - | padding-top: 5px;
| |
| - | }
| |
| - |
| |
| - | #mainContent h2{
| |
| - | border-bottom: 1px solid #c3c3c3;
| |
| - | padding-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | #mainContent p{
| |
| - | margin: 10px 10px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | table{
| |
| - | border-collapse: collapse;
| |
| - | background: #ffffff;
| |
| - | }
| |
| - |
| |
| - | thead{
| |
| - | background: #edecec;
| |
| - | border-bottom: 3px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | th{
| |
| - | border: 1px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | tbody tr.alt td {
| |
| - | background: #e7edf6;
| |
| - | }
| |
| - |
| |
| - | tbody tr:hover td, tbody tr.over td {
| |
| - | background: #a3bbdd;
| |
| - | color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | li{
| |
| - | padding-top: 3px;
| |
| - | padding-bottom: 3px;
| |
| - | }
| |
| - |
| |
| - | /**Home**/
| |
| - |
| |
| - | #home #mainContent{
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #left_float_home{
| |
| - | float: left;
| |
| - | width: 600px;
| |
| - | margin: 5px 0px 0px 0px;
| |
| - | padding: 0px 5px 0px 5px;
| |
| - | }
| |
| - |
| |
| - | #left_float_home img{
| |
| - | margin: 2px 0;
| |
| - | width: 590px;
| |
| - | }
| |
| - |
| |
| - | .decrease_opacity img:hover{
| |
| - | opacity: 0.5;
| |
| - | background-color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | #right_float_home{
| |
| - | float: left;
| |
| - | width: 600px;
| |
| - | margin: -660px 5px 0px 605px;
| |
| - | }
| |
| - |
| |
| - | #right_float_home img{
| |
| - | margin: 2px 0;
| |
| - | width: 590px;
| |
| - | }
| |
| - |
| |
| - | #right_float_home .small_images{
| |
| - | height: 217px;
| |
| - | width: 195px;
| |
| - | }
| |
| - |
| |
| - | #bottom_float_home{
| |
| - | float: left;
| |
| - | width: 1200px;
| |
| - | }
| |
| - |
| |
| - | #bottom_float_home img{
| |
| - | float: left;
| |
| - | margin: 0px 5px 0px 5px;
| |
| - | width: 590px;
| |
| - | }
| |
| - |
| |
| - | /**Entry**/
| |
| - |
| |
| - | .firstentry {
| |
| - | width: 1200px;
| |
| - | padding-top: 10px;
| |
| - | }
| |
| - |
| |
| - | .entry_text_first {
| |
| - | width: 1200px;
| |
| - | padding-top: 15px;
| |
| - | }
| |
| - |
| |
| - | .entry {
| |
| - | width: 1200px;
| |
| - | border-top: solid 2px #424242;
| |
| - | }
| |
| - |
| |
| - | .entry_text {
| |
| - | width: 1175px;
| |
| - | text-align: justify;
| |
| - | padding: 10px 20px 0px 20px;
| |
| - | margin: 10px;
| |
| - | }
| |
| - |
| |
| - | .entry_image {
| |
| - | float: left;
| |
| - | width: 300px;
| |
| - | margin: 15px 10px 0px 10px;
| |
| - | }
| |
| - |
| |
| - | .entry_heading {
| |
| - | margin: 10px 10px 0px 10px;
| |
| - | }
| |
| - |
| |
| - | /**Protocols**/
| |
| - |
| |
| - | #protocol_header{
| |
| - | border-bottom: 2px solid #ffffff;
| |
| - | margin: 530px 0px 0px 8px;
| |
| - | }
| |
| - |
| |
| - | #protocols h2{
| |
| - | padding: 20px 0px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | #protocols h3{
| |
| - | font-size: 15px;
| |
| - | }
| |
| - |
| |
| - | .protocol_entry{
| |
| - | position: relative;
| |
| - | font-size: 1.5em;
| |
| - | line-height: 1.2em;
| |
| - | float: left;
| |
| - | margin: 10px 10px 10px 10px;
| |
| - | width: 1155px;
| |
| - | padding: 10px -20px 10px 10px;
| |
| - | border: solid 2px #000000;
| |
| - | }
| |
| - |
| |
| - | .protocol_entry h1{
| |
| - | font-size: 1.3em;
| |
| - | }
| |
| - |
| |
| - | .protocol_entry h2{
| |
| - | padding-top: 4px;
| |
| - | }
| |
| - |
| |
| - | .protocol_entry li{
| |
| - | margin-left: 28px
| |
| - | }
| |
| - |
| |
| - | .protocols_table{
| |
| - | border: 1px solid #c9c9c9;
| |
| - | margin: 5px 0px 0px 5px;
| |
| - | }
| |
| - |
| |
| - | .protocols_table td{
| |
| - | width: auto;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | /**Notebook**/
| |
| - |
| |
| - | #notebook_links_header{
| |
| - | float: left;
| |
| - | margin: -20px 0px 0px 5px;
| |
| - | font-size: 20px;
| |
| - | }
| |
| - |
| |
| - | #notebook_header{
| |
| - | margin: 10px;
| |
| - | padding: 10px -20px 10px 10px;
| |
| - | border: solid 2px #000000;
| |
| - | float: left;
| |
| - | width: 1155px;
| |
| - | }
| |
| - |
| |
| - | #notebook_links{
| |
| - | margin-top: 20px;
| |
| - | font-size: 1.0em;
| |
| - | line-height: 1.2em;
| |
| - | list-style-type: none;
| |
| - | }
| |
| - |
| |
| - | #notebook_march_links{
| |
| - | float: left;
| |
| - | padding-left: 10px;
| |
| - | }
| |
| - |
| |
| - | #notebook_march_links li{
| |
| - | padding-bottom: 2px;
| |
| - | }
| |
| - |
| |
| - | #notebook_april_links{
| |
| - | float: left;
| |
| - | padding-left: 10px;
| |
| - | }
| |
| - |
| |
| - | #notebook_april_links li{
| |
| - | padding-bottom: 2px;
| |
| - | }
| |
| - |
| |
| - | .notebook_link_title{
| |
| - | font-size: 1.5em;
| |
| - | margin-bottom: 5px;
| |
| - | }
| |
| - |
| |
| - | .notebook_entry{
| |
| - | position: relative;
| |
| - | font-size: 1.5em;
| |
| - | line-height: 1.2em;
| |
| - | float: left;
| |
| - | margin: 10px 10px 10px 10px;
| |
| - | width: 1155px;
| |
| - | padding: 10px -20px 10px 10px;
| |
| - | border: solid 2px #000000;
| |
| - | }
| |
| - |
| |
| - | .notebook_entry_header{
| |
| - | padding: 10px;
| |
| - | border-bottom: solid 1px #000000;
| |
| - | }
| |
| - |
| |
| - | .notebook_entry_list{
| |
| - | float: left;
| |
| - | padding: 5px 10px 20px 10px;
| |
| - | }
| |
| - |
| |
| - | .top_notebook{
| |
| - | position: absolute;
| |
| - | bottom: 0px;
| |
| - | left: 10px;
| |
| - | font-size: 0.75em;
| |
| - | color: #000000;
| |
| - | }
| |
| - |
| |
| - | .notebook_nested_list{
| |
| - | margin: 0px 0px 0px 40px;
| |
| - | list-style-type: square;
| |
| - | }
| |
| - |
| |
| - | .notebook_nested_start{
| |
| - | padding: 3px 0px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | .notebook_second_nested{
| |
| - | list-style-type: circle;
| |
| - | margin-left: 30px;
| |
| - | }
| |
| - |
| |
| - | .table_two{
| |
| - | float: right;
| |
| - | margin: -60px 0px 0px 850px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | .table_two td{
| |
| - | width: 150px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .table_two_left{
| |
| - | border: 1px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | .table_two_left td{
| |
| - | width: 150px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .table_three{
| |
| - | float: right;
| |
| - | margin: -35px 0px 0px 700px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | .table_three td{
| |
| - | width: 150px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | .table_four{
| |
| - | float: right;
| |
| - | margin: -35px 0px 0px 550px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | .table_four td{
| |
| - | width: 110px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .table_six{
| |
| - | float: right;
| |
| - | margin: -35px 0px 0px 550px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - | }
| |
| - |
| |
| - | .table_six td{
| |
| - | width: 60px;
| |
| - | border: 1px solid #c9c9c9;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .restrict_width ul{
| |
| - | width: 650px;
| |
| - | }
| |
| - |
| |
| - | .restrict_width_small ul{
| |
| - | width: 200px;
| |
| - | }
| |
| - |
| |
| - | .table_position{
| |
| - | margin: 10px 10px 10px 1px;
| |
| - | }
| |
| - |
| |
| - | .sub{
| |
| - | font-size: 0.4em;
| |
| - | bottom: -5px;
| |
| - | }
| |
| - |
| |
| - | .table_position_after_one{
| |
| - | margin: 0px 10px 10px 250px;
| |
| - | }
| |
| - |
| |
| - | .table_position_after_two{
| |
| - | margin: 0px 10px 10px 250px;
| |
| - | }
| |
| - |
| |
| - | .table_position_after_three{
| |
| - | margin: 0px 10px 10px 250px;
| |
| - | }
| |
| - |
| |
| - | /**Team**/
| |
| - |
| |
| - | #team #wrapper #mainContent{
| |
| - | padding: 10px 10px 0px 10px;
| |
| - | font-size: 1.5em;
| |
| - | line-height: 1.2em;
| |
| - | float:left;
| |
| - | width: 1200px;
| |
| - | }
| |
| - |
| |
| - | #team_title{
| |
| - | margin: 10px 0px 10px 0px;
| |
| - | padding: 0px 0px 5px 0px;
| |
| - | float: left;
| |
| - | border-bottom: 2px solid #c9c9c9;
| |
| - | width: 905px;
| |
| - | }
| |
| - |
| |
| - | #left_float_team{
| |
| - | float: left;
| |
| - | width: 250px;
| |
| - | border: 2px solid #c9c9c9;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | #left_float_team img{
| |
| - | width: 70px;
| |
| - | margin: 5px;
| |
| - | }
| |
| - |
| |
| - | #bios{
| |
| - | float: left;
| |
| - | width: 905px;
| |
| - | margin: -845px 0px 0px 280px;
| |
| - | }
| |
| - |
| |
| - | .bio_name{
| |
| - | margin: 20px 0px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | .bio img{
| |
| - | margin: 10px 0px -10px 0px;
| |
| - | width: 200px
| |
| - | }
| |
| - |
| |
| - | .bio_write_up{
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | .top_team{
| |
| - | font-size: 0.7em;
| |
| - | }
| |
| - |
| |
| - | #ada .bio_write_up{
| |
| - | margin: -280px 0px 0px 210px;
| |
| - | }
| |
| - |
| |
| - | #aus .bio_write_up{
| |
| - | margin: -265px 0px 0px 210px;
| |
| - | }
| |
| - |
| |
| - | /**********SlidesJS...Slideshow styling********/
| |
| - | #slides {
| |
| - | margin-left: -130px;
| |
| - | display: none;
| |
| - | background: #000000;
| |
| - | height: 450px;
| |
| - | width: 1200px;
| |
| - | padding-bottom: 25px;
| |
| - | }
| |
| - |
| |
| - | #slides .slidesjs-navigation {
| |
| - | margin-top:5px;
| |
| - | margin-top:5px;
| |
| - | }
| |
| - |
| |
| - | a.slidesjs-next,
| |
| - | a.slidesjs-previous,
| |
| - | a.slidesjs-play,
| |
| - | a.slidesjs-stop {
| |
| - | background-image: url(img/btns-next-prev.png);
| |
| - | background-repeat: no-repeat;
| |
| - | display:block;
| |
| - | width:12px;
| |
| - | height:18px;
| |
| - | overflow: hidden;
| |
| - | text-indent: -9999px;
| |
| - | float: left;
| |
| - | margin-right:5px;
| |
| - | }
| |
| - |
| |
| - | a.slidesjs-next {
| |
| - | margin-right:10px;
| |
| - | background-position: -12px 0;
| |
| - | }
| |
| - |
| |
| - | a:hover.slidesjs-next {
| |
| - | background-position: -12px -18px;
| |
| - | }
| |
| - |
| |
| - | a.slidesjs-previous {
| |
| - | background-position: 0 0;
| |
| - | }
| |
| - |
| |
| - | a:hover.slidesjs-previous {
| |
| - | background-position: 0 -18px;
| |
| - | }
| |
| - |
| |
| - | a.slidesjs-play {
| |
| - | width:15px;
| |
| - | background-position: -25px 0;
| |
| - | }
| |
| - |
| |
| - | a:hover.slidesjs-play {
| |
| - | background-position: -25px -18px;
| |
| - | }
| |
| - |
| |
| - | a.slidesjs-stop {
| |
| - | width:18px;
| |
| - | background-position: -41px 0;
| |
| - | }
| |
| - |
| |
| - | a:hover.slidesjs-stop {
| |
| - | background-position: -41px -18px;
| |
| - | }
| |
| - |
| |
| - | .slidesjs-pagination {
| |
| - | margin: 7px 0 0;
| |
| - | float: right;
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | .slidesjs-pagination li {
| |
| - | float: left;
| |
| - | margin: 0 1px;
| |
| - | }
| |
| - |
| |
| - | .slidesjs-pagination li a {
| |
| - | display: block;
| |
| - | width: 13px;
| |
| - | height: 0;
| |
| - | padding-top: 13px;
| |
| - | background-image: url(img/pagination.png);
| |
| - | background-position: 0 0;
| |
| - | float: left;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | .slidesjs-pagination li a.active,
| |
| - | .slidesjs-pagination li a:hover.active {
| |
| - | background-position: 0 -13px;
| |
| - | }
| |
| - |
| |
| - | .slidesjs-pagination li a:hover {
| |
| - | background-position: 0 -26px;
| |
| - | }
| |
| - |
| |
| - | #slides a:link,
| |
| - | #slides a:visited {
| |
| - | color: #333
| |
| - | }
| |
| - |
| |
| - | #slides a:hover,
| |
| - | #slides a:active {
| |
| - | color: #9e2020;
| |
| - | }
| |
| - |
| |
| - | .navbar {
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #slides {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .container {
| |
| - | margin: 0 auto;
| |
| - | }
| |
"
