|
|
(44 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <style type="text/css"> | | <style type="text/css"> |
- |
| |
- | /* UPIBI IGEM Wiki Stylesheet*/
| |
| | | |
| #globalwrapper | | #globalwrapper |
Line 51: |
Line 49: |
| #top-section | | #top-section |
| { | | { |
- | background-image:url('https://static.igem.org/mediawiki/2012/e/e5/UPIBI-Mexico_logo.png'); | + | background-image:url('https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png'); |
- | background-color:#151F4E; | + | background-position: right; |
- | background-position: top; | + | background-color:rgba(255, 0, 0, 0.6); |
| width:1000px; | | width:1000px; |
| height:219px; | | height:219px; |
Line 62: |
Line 60: |
| -moz-box-shadow: 0 8px 6px -6px black; | | -moz-box-shadow: 0 8px 6px -6px black; |
| box-shadow: 0 8px 6px -6px black; | | box-shadow: 0 8px 6px -6px black; |
- | border: 10px solid rgba(255, 255, 255,0.4); | + | border: 10px solid rgba(192, 192, 192,0.6); |
| background-clip: padding-box; | | background-clip: padding-box; |
- | margin-top: -10px; | + | margin-top: 20px; |
| margin-bottom: -50px; | | margin-bottom: -50px; |
| } | | } |
- |
| |
- | #menubar
| |
- | {
| |
- | color: white;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #menubar ul li a
| |
- | {
| |
- | color: white;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | .right-menu li a
| |
- | {
| |
- | color: white;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | /* Header */
| |
- |
| |
- | #igemlogo {
| |
- | float: right;
| |
- | z-index: 3;
| |
- | height: 209px;
| |
- | width: 90px;
| |
- | position:absolute;
| |
- | top: -10px;
| |
- | right: 0px;
| |
- | padding:5px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | background-color:#EEEEEE;
| |
- | }
| |
- |
| |
- | #floatinglink {
| |
- | float: right;
| |
- | z-index: 3;
| |
- | height: 209px;
| |
- | width: 90px;
| |
- | position:absolute;
| |
- | top: -10px;
| |
- | right: 1160px;
| |
- | padding:5px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | background-color:#EEEEEE;
| |
- | }
| |
- |
| |
- | #wrapper {
| |
- | width: 1000px;
| |
- | height: 100%;
| |
- | float: center;
| |
- | padding-left: 0%;
| |
- | padding-right: 0%;
| |
- | padding-top: 1%;
| |
- | background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
| |
- | background-attachment: fixed;
| |
- | background-position: center;
| |
- |
| |
- | }
| |
- |
| |
- | #header {
| |
- | width: 750px;
| |
- | float: center;
| |
- | background-color:#FFE4C4;
| |
- | height: 150px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- |
| |
- | img {
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #headernavigation{
| |
- | width: 1000px;
| |
- | float: center;
| |
- | background-color: transparent;
| |
- | height: 60px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-top: -49px;
| |
- | margin-bottom: 10px;
| |
- | z-index: 2;
| |
- | }
| |
- |
| |
- | #headernavbar{
| |
- | list-style:none;
| |
- | font-weight:bold;
| |
- | float:left;
| |
- | width:100%;
| |
- | margin:0;
| |
- | padding:0;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar li{
| |
- | float:left;
| |
- | position:relative;
| |
- | text-align:center;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar a{
| |
- | margin-left:0px;
| |
- | display:block;
| |
- | padding-bottom:10px;
| |
- | padding-top:10px;
| |
- | width: 100px;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | font: bold 16px Arial;
| |
- | z-index: 2;
| |
- |
| |
- | }
| |
- | #headernavbar a:hover{
| |
- | color:#ffffff;
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | z-index: 2;
| |
- | }
| |
- |
| |
- | #headernavbar ul{
| |
- | background: #003C7D;
| |
- | list-style:none;
| |
- | position:absolute;
| |
- | left:-9999px;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar ul li{
| |
- | padding-top:0px;
| |
- | float:none;
| |
- | margin-top:-3px;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar ul a{
| |
- | white-space:nowrap;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar li:hover ul{
| |
- | left: -15px;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar li:hover a{
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar li:hover ul a{
| |
- | text-decoration:none;
| |
- | z-index: 2;
| |
- | }
| |
- | #headernavbar li:hover ul li a:hover{
| |
- | background:#F47F24;
| |
- | z-index: 2;
| |
- | }
| |
- |
| |
- |
| |
- | /* Main Page */
| |
- |
| |
- | #content-containertop {
| |
- | width: 1000px;
| |
- | height: 350px;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 25px;
| |
- | float: center;
| |
- | }
| |
- |
| |
- | #content-topleft {
| |
- | background-color:#EEEEEE;
| |
- | width: 430px;
| |
- | height: 300px;
| |
- | float: left;
| |
- | padding: 25px;
| |
- | text-align: left;
| |
- | margin-left: -10px;
| |
- | margin-top: -5px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | #content-topright {
| |
- | background-color: #EEEEEE;
| |
- | width: 430px;
| |
- | height: 300px;
| |
- | float: right;
| |
- | padding: 25px;
| |
- | text-align: left;
| |
- | margin-right: -10px;
| |
- | margin-top: -5px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | #content1-topcenter {
| |
- | width: 1000px;
| |
- | float: center;
| |
- | background-color:#EEEEEE;
| |
- | padding: 0px;
| |
- | height: 400px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 20px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | #selectioncontainermain{
| |
- | width: 1000px;
| |
- | height: 40px;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 25px;
| |
- | margin-bottom:20px;
| |
- | float: center;
| |
- | }
| |
- |
| |
- | #PUFselectionmain{
| |
- | list-style:none;
| |
- | background-color:#EEEEEE;
| |
- | width: 480px;
| |
- | height: 40px;
| |
- | float: left;
| |
- | padding: 0px;
| |
- | text-align: left;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:150%;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | }
| |
- |
| |
- |
| |
- | #PUFselectionmain a{
| |
- | text-align:center;
| |
- | margin-left:0px;
| |
- | display:block;
| |
- | padding-bottom:10px;
| |
- | padding-top:10px;
| |
- | width: 480px;
| |
- | height:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | font: bold 16px Arial;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #PUFselectionmain li:hover a{
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #PHATselectionmain{
| |
- | list-style:none;
| |
- | background-color: #EEEEEE;
| |
- | width: 480px;
| |
- | height: 40px;
| |
- | float: right;
| |
- | padding: 0px;
| |
- | text-align: left;
| |
- | margin-right: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:150%;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | }
| |
- |
| |
- | #PHATselectionmain a{
| |
- | text-align:center;
| |
- | margin-left:0px;
| |
- | display:block;
| |
- | padding-bottom:10px;
| |
- | padding-top:10px;
| |
- | width: 480px;
| |
- | height:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | font: bold 16px Arial;
| |
- | text-decoration:none;
| |
- |
| |
- | }
| |
- |
| |
- | #PHATselectionmain li:hover a{
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #sponsorbox {
| |
- | width: 950px;
| |
- | float: center;
| |
- | background-color:#FFFFFF;
| |
- | padding: 25px;
| |
- | height: 225px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 25px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- |
| |
- | #intro {
| |
- | width: 950px;
| |
- | float: center;
| |
- | background-color:#EEEEEE;
| |
- | padding: 25px;
| |
- | height: 150px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 10px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | /* Notebook */
| |
- |
| |
- | /* Protocol Section*/
| |
- |
| |
- | #protocol-container{
| |
- | width: 1000px;
| |
- | height: 100%;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 25px;
| |
- | float: center;
| |
- | }
| |
- |
| |
- | #protocolselection{
| |
- | margin-top: -15px;
| |
- | background-color:#EEEEEE;
| |
- | width: 250px;
| |
- | height: 100%;
| |
- | float: left;
| |
- | padding-top: 0px;
| |
- | text-align: left;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | #protocolselection li{
| |
- | list-style:none;
| |
- | float:left;
| |
- | margin:0px;
| |
- | padding:0px;
| |
- | width:100%;
| |
- | }
| |
- |
| |
- | #protocolselection a {
| |
- | cursor: pointer;
| |
- | display:block;
| |
- | height:25px;
| |
- | line-height: 25px;
| |
- | text-align:center;
| |
- | text-decoration:none;
| |
- | width:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | padding-top: 10px;
| |
- | font: bold 13px Arial;
| |
- | }
| |
- |
| |
- | #protocolselection li:hover a{
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #protocoloverview {
| |
- | background-color: #EEEEEE;
| |
- | width: 665px;
| |
- | height: 100%;
| |
- | float: right;
| |
- | padding: 25px;
| |
- | text-align: left;
| |
- | margin-right: -10px;
| |
- | margin-top: -15px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | /*Protocol Section End*/
| |
- |
| |
- | /*Meeting Notes*/
| |
- | #meetingcontainer{
| |
- | width: 1000px;
| |
- | height: 100%;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 5px;
| |
- | float: center;
| |
- | }
| |
- |
| |
- | #meetingintro{
| |
- | width: 950px;
| |
- | float: center;
| |
- | background-color:#EEEEEE;
| |
- | padding-left: 25px;
| |
- | padding-right: 25px;
| |
- | padding-top: 00px;
| |
- | padding-bottom: 25px;
| |
- | height: 20px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 10px;
| |
- | margin-left: -10px;
| |
- | margin-right: auto;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- |
| |
- | #meetingselection1{
| |
- | list-style:none;
| |
- | background-color:#EEEEEE;
| |
- | width: 184px;
| |
- | height: 100%;
| |
- | float: left;
| |
- | padding-top: 0px;
| |
- | text-align: left;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:100%;
| |
- | }
| |
- |
| |
- | #meetingselection2{
| |
- | list-style:none;
| |
- | background-color:#EEEEEE;
| |
- | width: 184px;
| |
- | height: 100%;
| |
- | float: left;
| |
- | padding-top: 0px;
| |
- | text-align: left;
| |
- | margin-left: 0px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:100%;
| |
- | }
| |
- | #meetingselection3{
| |
- | list-style:none;
| |
- | background-color:#EEEEEE;
| |
- | width: 184px;
| |
- | height: 100%;
| |
- | float: left;
| |
- | padding-top: 0px;
| |
- | text-align: left;
| |
- | margin-left: 0px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:100%;
| |
- | }
| |
- | #meetingselection4{
| |
- | list-style:none;
| |
- | background-color:#EEEEEE;
| |
- | width: 184px;
| |
- | height: 100%;
| |
- | float: left;
| |
- | padding-top: 0px;
| |
- | text-align: left;
| |
- | margin-left: 0px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:100%;
| |
- | }
| |
- | #meetingselection5{
| |
- | list-style:none;
| |
- | background-color:#EEEEEE;
| |
- | width: 184px;
| |
- | height: 100%;
| |
- | float: left;
| |
- | padding-top: 0px;
| |
- | text-align: left;
| |
- | margin-left: 0px;
| |
- | margin-right:-10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:100%;
| |
- | }
| |
- |
| |
- | #meetingselection1 li{
| |
- | list-style:none;
| |
- | margin: 0px;
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | #meetingselection2 li{
| |
- | list-style:none;
| |
- | margin: 0px;
| |
- | width: 100%;
| |
- | }
| |
- | #meetingselection3 li{
| |
- | list-style:none;
| |
- | margin: 0px;
| |
- | width: 100%;
| |
- | }
| |
- | #meetingselection4 li{
| |
- | list-style:none;
| |
- | margin: 0px;
| |
- | width: 100%;
| |
- | }
| |
- | #meetingselection5 li{
| |
- | list-style:none;
| |
- | margin: 0px;
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | #meetingselection ul{
| |
- | list-style:none;
| |
- | float:left;
| |
- | margin:0px;
| |
- | padding:0px;
| |
- | width:100%;
| |
- | }
| |
- |
| |
- | .meetingselection a {
| |
- | list-style:none;
| |
- | cursor: pointer;
| |
- | display:block;
| |
- | height:20px;
| |
- | width: 100%;
| |
- | line-height: 25px;
| |
- | text-align:center;
| |
- | text-decoration:none;
| |
- | width:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | padding-top: 5px;
| |
- | font: bold 13px Arial;
| |
- | }
| |
- |
| |
- | .meetingselection li:hover a{
| |
- | list-style:none;
| |
- | width: 100%;
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #meetingoverview {
| |
- | background-color: #EEEEEE;
| |
- | width: 950px;
| |
- | height: 100%;
| |
- | float: left;
| |
- | padding: 25px;
| |
- | text-align: left;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- |
| |
- | #notebook-container{
| |
- | width: 1000px;
| |
- | height: 350px;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 25px;
| |
- | float: center;
| |
- |
| |
- | }
| |
- |
| |
- | #notebook-content{
| |
- | width: 1000px;
| |
- | float: center;
| |
- | background-color:#EEEEEE;
| |
- | height: 150px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | padding-top:50px;
| |
- | margin-top: 25px;
| |
- | margin-left: -10px;
| |
- | margin-right: auto;
| |
- | }
| |
- |
| |
- | /* Footer */
| |
- |
| |
- | #footer-box {
| |
- | float: center;
| |
- | overflow: hidden;
| |
- | display: block;
| |
- | background-color: #EEEEEE;
| |
- | width: 1010px;
| |
- | height: 50px;
| |
- | font-weight: normal;
| |
- | font-style: normal;
| |
- | font-size: 10px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- |
| |
- | #catlinks {
| |
- | visibility: hidden;
| |
- | }
| |
- |
| |
- | #footer {
| |
- | }
| |
- |
| |
- | /* Team */
| |
- |
| |
- | #aboutus{
| |
- | width: 1000px;
| |
- | height: 100%;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 0px;
| |
- | float: center;
| |
- | font: bold 13px Arial;
| |
- | }
| |
- |
| |
- | #abt1{
| |
- | padding-top:-50px;
| |
- | margin-top:-50px;
| |
- | }
| |
- |
| |
- | #abt2{
| |
- | padding-top:-50px;
| |
- | margin-top:-50px;
| |
- | }
| |
- |
| |
- | #abt3{
| |
- | padding-top:-50px;
| |
- | margin-top:-50px;
| |
- | }
| |
- |
| |
- | #aboutusmenu{
| |
- | background-color: #003C7D;
| |
- | width: 1000px;
| |
- | height: 40px;
| |
- | float: left;
| |
- | text-align: left;
| |
- | margin-top: -74px;
| |
- | margin-left: -10px;
| |
- | padding:0px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | list-style: none;
| |
- | font: bold 16px Arial;
| |
- | }
| |
- |
| |
- | #aboutusmenu li{
| |
- | list-style-type:none;
| |
- | margin:0;
| |
- | padding:0;
| |
- | float:center;
| |
- | margin-left: 50px;
| |
- | margin-right: auto;
| |
- | }
| |
- |
| |
- | #aboutusmenu a {
| |
- | cursor: pointer;
| |
- | float:left;
| |
- | height:30px;
| |
- | text-align:center;
| |
- | text-decoration:none;
| |
- | width:300px;
| |
- | background:#003C7D;
| |
- | font: bold 15px Arial;
| |
- | padding-top:10px;
| |
- | margin-top: 0px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | color:#ffffff;
| |
- | }
| |
- |
| |
- | #aboutusmenu a:hover {
| |
- | background:#F47F24;
| |
- | text-decoration:none;
| |
- | }
| |
- | #aboutusmenu a:active {
| |
- | color:white;
| |
- | }
| |
- |
| |
- | #aboutusdescription{
| |
- | background-color: #EEEEEE;
| |
- | width: 950px;
| |
- | height: 100%;
| |
- | float: center;
| |
- | text-align: left;
| |
- | padding-left: 25px;
| |
- | padding-right: 25px;
| |
- | margin-top: 85px;
| |
- | margin-right: 0px;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | /*Undergrad Section*/
| |
- |
| |
- | table{
| |
- | background-color:#EEEEEE;
| |
- | }
| |
- |
| |
- | #undergradintro{
| |
- | width: 950px;
| |
- | float: center;
| |
- | background-color:#EEEEEE;
| |
- | padding-top: 0px;
| |
- | padding-left: 25px;
| |
- | padding-right: 25px;
| |
- | padding-bottom: 15px;
| |
- | height: 50px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 5px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom:0px;
| |
- | }
| |
- |
| |
- | #undergradsmenu a {
| |
- | cursor: pointer;
| |
- | display:block;
| |
- | float:left;
| |
- | height:24.6px;
| |
- | text-align:center;
| |
- | text-decoration:none;
| |
- | width:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | padding-top: 10px;
| |
- | font: bold 13px Arial;
| |
- | }
| |
- |
| |
- | #undergradsmenu a:hover {
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- | #undergradsmenu a:active {
| |
- | color:white;
| |
- | }
| |
- |
| |
- | #undergradmembers {
| |
- | width: 1000px;
| |
- | height: 100%;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: -20px;
| |
- | float: center;
| |
- | font: bold 13px Arial;
| |
- | }
| |
- |
| |
- | #undergradsmenu {
| |
- | background-color: #F47F24;
| |
- | width: 160px;
| |
- | height: 310px;
| |
- | float: left;
| |
- | text-align: left;
| |
- | margin-top: 20px;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- |
| |
- | #description {
| |
- | background-color: #EEEEEE;
| |
- | width: 815px;
| |
- | height: 300px;
| |
- | float: left;
| |
- | text-align: left;
| |
- | margin-top: 20px;
| |
- | margin-right: -20px;
| |
- | margin-left: 0px;
| |
- | padding-top: 0px;
| |
- | padding-bottom: 10px;
| |
- | padding-left:0px;
| |
- | padding-right: 5px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | /* Advisors Section */
| |
- |
| |
- | #advisorsintro{
| |
- | width: 950px;
| |
- | float: center;
| |
- | background-color:#EEEEEE;
| |
- | padding-top: 0px;
| |
- | padding-left: 25px;
| |
- | padding-right: 25px;
| |
- | padding-bottom: 20px;
| |
- | height: 50px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 10px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom:10px;
| |
- | }
| |
- |
| |
- | #advisorsmenu a {
| |
- | cursor: pointer;
| |
- | display:block;
| |
- | float:left;
| |
- | height:24.6px;
| |
- | text-align:center;
| |
- | text-decoration:none;
| |
- | width:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | padding-top: 10px;
| |
- | font: bold 13px Arial;
| |
- | }
| |
- |
| |
- | #advisorsmenu a:hover {
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- | #advisorsmenu a:active {
| |
- | color:white;
| |
- | }
| |
- |
| |
- | #advisors {
| |
- | width: 1000px;
| |
- | height: 100%;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: -20px;
| |
- | float: center;
| |
- | font: bold 13px Arial;
| |
- | }
| |
- |
| |
- | #advisorsmenu {
| |
- | background-color: #EEEEEE;
| |
- | width: 150px;
| |
- | height: 450px;
| |
- | float: left;
| |
- | text-align: left;
| |
- | margin-top: 20px;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | #advisorsdescription {
| |
- | background-color: #EEEEEE;
| |
- | width: 815px;
| |
- | height: 300px;
| |
- | float: left;
| |
- | text-align: left;
| |
- | margin-top: -450px;
| |
- | margin-right: -10px;
| |
- | margin-left: 170px;
| |
- | padding-top: 0px;
| |
- | padding-bottom: 10px;
| |
- | padding-left:0px;
| |
- | padding-right: 5px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- |
| |
- | /* Projects */
| |
- |
| |
- | #overviewcontainer{
| |
- | width: 1000px;
| |
- | height: 350px;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 25px;
| |
- | float: center;
| |
- | }
| |
- |
| |
- | #selectioncontainer{
| |
- | width: 1000px;
| |
- | height: 40px;
| |
- | text-align: center;
| |
- | padding-left: 0px;
| |
- | padding-right:0px;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | margin-top: 25px;
| |
- | margin-bottom:20px;
| |
- | float: center;
| |
- | }
| |
- |
| |
- | #PUFselection{
| |
- | list-style:none;
| |
- | background-color:#EEEEEE;
| |
- | width: 480px;
| |
- | height: 40px;
| |
- | float: left;
| |
- | padding: 0px;
| |
- | text-align: left;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- |
| |
- | #PUFselection a{
| |
- | text-align:center;
| |
- | margin-left:0px;
| |
- | display:block;
| |
- | padding-bottom:10px;
| |
- | padding-top:10px;
| |
- | width: 480px;
| |
- | height:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | font: bold 16px Arial;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #PUFselection li:hover a{
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #PHATselection{
| |
- | list-style:none;
| |
- | background-color: #EEEEEE;
| |
- | width: 480px;
| |
- | height: 40px;
| |
- | float: right;
| |
- | padding: 0px;
| |
- | text-align: left;
| |
- | margin-right: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | #PHATselection a{
| |
- | text-align:center;
| |
- | margin-left:0px;
| |
- | display:block;
| |
- | padding-bottom:10px;
| |
- | padding-top:10px;
| |
- | width: 480px;
| |
- | height:100%;
| |
- | color:#ffffff;
| |
- | background:#F47F24;
| |
- | font: bold 16px Arial;
| |
- | text-decoration:none;
| |
- |
| |
- | }
| |
- |
| |
- | #PHATselection li:hover a{
| |
- | background:#003C7D;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #project-left {
| |
- | background-color:#EEEEEE;
| |
- | width: 430px;
| |
- | height: 250px;
| |
- | float: left;
| |
- | padding: 25px;
| |
- | text-align: left;
| |
- | margin-top: -5px;
| |
- | margin-left: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | #project-right {
| |
- | background-color: #EEEEEE;
| |
- | width: 430px;
| |
- | height: 250px;
| |
- | float: right;
| |
- | padding: 25px;
| |
- | text-align: left;
| |
- | margin-top: -5px;
| |
- | margin-right: -10px;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | font-size:150%;
| |
- | }
| |
- |
| |
- | /*PUF*/
| |
- |
| |
- | #PUFcontainer {
| |
- | width: 75%;
| |
- | height: 100%;
| |
- | text-align: center;
| |
- | padding-top: 1%;
| |
- | padding-left: 0%;
| |
- | padding-right:0%;
| |
- | margin-left: auto;
| |
- | margin-right:auto;
| |
- | float: center;
| |
- |
| |
- | }
| |
- |
| |
- | #PUFoverview {
| |
- | text-align: center;
| |
- | background-color: #EEEEEE;
| |
- | width: 75%;
| |
- | height: 100%;
| |
- | float: center;
| |
- | margin-top: 1%;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | padding-left: auto;
| |
- | padding-right: auto;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | }
| |
- |
| |
- | /*Galleria*/
| |
- |
| |
- | /*
| |
- | * Galleria Classic Theme
| |
- | * Copyright (c) 2010, Aino
| |
- | * Licensed under the MIT license.
| |
- | */
| |
- |
| |
- | #galleria{ width: 1000px; height: 400px; background: #000 }
| |
- |
| |
- | .galleria-container {
| |
- | position: relative;
| |
- | overflow: hidden;
| |
- | background: #fff;
| |
- | }
| |
- | .galleria-container img {
| |
- | -moz-user-select: none;
| |
- | -webkit-user-select: none;
| |
- | -o-user-select: none;
| |
- | }
| |
- | .galleria-stage {
| |
- | position: absolute;
| |
- | top: 10px;
| |
- | bottom: 60px;
| |
- | left: 10px;
| |
- | right: 10px;
| |
- | overflow:hidden;
| |
- | }
| |
- | .galleria-thumbnails-container {
| |
- | height: 50px;
| |
- | bottom: 0;
| |
- | position: absolute;
| |
- | left: 10px;
| |
- | right: 10px;
| |
- | z-index: 2;
| |
- | }
| |
- | .galleria-carousel .galleria-thumbnails-list {
| |
- | margin-left: 30px;
| |
- | margin-right: 30px;
| |
- | }
| |
- | .galleria-thumbnails .galleria-image {
| |
- | height: 40px;
| |
- | width: 60px;
| |
- | background: #000;
| |
- | margin: 0 5px 0 0;
| |
- | border: 1px solid #fff;
| |
- | float: left;
| |
- | cursor: pointer;
| |
- | }
| |
- | .galleria-counter {
| |
- | position: absolute;
| |
- | bottom: 10px;
| |
- | left: 10px;
| |
- | text-align: right;
| |
- | color: #fff;
| |
- | font: normal 11px/1 arial,sans-serif;
| |
- | z-index: 1;
| |
- | }
| |
- | .galleria-loader {
| |
- | background: #000;
| |
- | width: 20px;
| |
- | height: 20px;
| |
- | position: absolute;
| |
- | top: 10px;
| |
- | right: 10px;
| |
- | z-index: 2;
| |
- | display: none;
| |
- | background: url(classic-loader.gif) no-repeat 2px 2px;
| |
- | }
| |
- | .galleria-info {
| |
- | width: 50%;
| |
- | top: 15px;
| |
- | left: 15px;
| |
- | z-index: 2;
| |
- | position: absolute;
| |
- | }
| |
- | .galleria-info-text {
| |
- | background-color: #000;
| |
- | padding: 12px;
| |
- | display: none;
| |
- | /* IE7 */ zoom:1;
| |
- | }
| |
- | .galleria-info-title {
| |
- | font: bold 12px/1.1 arial,sans-serif;
| |
- | margin: 0;
| |
- | color: #fff;
| |
- | margin-bottom: 7px;
| |
- | }
| |
- | .galleria-info-description {
| |
- | font: italic 12px/1.4 georgia,serif;
| |
- | margin: 0;
| |
- | color: #bbb;
| |
- | }
| |
- | .galleria-info-close {
| |
- | width: 9px;
| |
- | height: 9px;
| |
- | position: absolute;
| |
- | top: 5px;
| |
- | right: 5px;
| |
- | background-position: -753px -11px;
| |
- | opacity: .5;
| |
- | filter: alpha(opacity=50);
| |
- | cursor: pointer;
| |
- | display: none;
| |
- | }
| |
- | .notouch .galleria-info-close:hover{
| |
- | opacity:1;
| |
- | filter: alpha(opacity=100);
| |
- | }
| |
- | .touch .galleria-info-close:active{
| |
- | opacity:1;
| |
- | filter: alpha(opacity=100);
| |
- | }
| |
- | .galleria-info-link {
| |
- | background-position: -669px -5px;
| |
- | opacity: .7;
| |
- | filter: alpha(opacity=70);
| |
- | position: absolute;
| |
- | width: 20px;
| |
- | height: 20px;
| |
- | cursor: pointer;
| |
- | background-color: #000;
| |
- | }
| |
- | .notouch .galleria-info-link:hover {
| |
- | opacity: 1;
| |
- | filter: alpha(opacity=100);
| |
- | }
| |
- | .touch .galleria-info-link:active {
| |
- | opacity: 1;
| |
- | filter: alpha(opacity=100);
| |
- | }
| |
- | .galleria-image-nav {
| |
- | position: absolute;
| |
- | top: 50%;
| |
- | margin-top: -62px;
| |
- | width: 100%;
| |
- | height: 62px;
| |
- | left: 0;
| |
- | }
| |
- | .galleria-image-nav-left,
| |
- | .galleria-image-nav-right {
| |
- | opacity: .3;
| |
- | filter: alpha(opacity=30);
| |
- | cursor: pointer;
| |
- | width: 62px;
| |
- | height: 124px;
| |
- | position: absolute;
| |
- | left: 10px;
| |
- | z-index: 2;
| |
- | background-position: 0 46px;
| |
- | }
| |
- | .galleria-image-nav-right {
| |
- | left: auto;
| |
- | right: 10px;
| |
- | background-position: -254px 46px;
| |
- | z-index: 2;
| |
- | }
| |
- | .notouch .galleria-image-nav-left:hover,
| |
- | .notouch .galleria-image-nav-right:hover {
| |
- | opacity: 1;
| |
- | filter: alpha(opacity=100);
| |
- | }
| |
- | .touch .galleria-image-nav-left:active,
| |
- | .touch .galleria-image-nav-right:active {
| |
- | opacity: 1;
| |
- | filter: alpha(opacity=100);
| |
- | }
| |
- | .galleria-thumb-nav-left,
| |
- | .galleria-thumb-nav-right {
| |
- | cursor: pointer;
| |
- | display: none;
| |
- | background-position: -495px 5px;
| |
- | position: absolute;
| |
- | left: 0;
| |
- | top: 0;
| |
- | height: 40px;
| |
- | width: 23px;
| |
- | z-index: 3;
| |
- | opacity: .8;
| |
- | filter: alpha(opacity=80);
| |
- | }
| |
- | .galleria-thumb-nav-right {
| |
- | background-position: -578px 5px;
| |
- | border-right: none;
| |
- | right: 0;
| |
- | left: auto;
| |
- | }
| |
- | .galleria-thumbnails-container .disabled {
| |
- | opacity: .2;
| |
- | filter: alpha(opacity=20);
| |
- | cursor: default;
| |
- | }
| |
- | .notouch .galleria-thumb-nav-left:hover,
| |
- | .notouch .galleria-thumb-nav-right:hover {
| |
- | opacity: 1;
| |
- | filter: alpha(opacity=100);
| |
- | background-color: #111;
| |
- | }
| |
- | .touch .galleria-thumb-nav-left:active,
| |
- | .touch .galleria-thumb-nav-right:active {
| |
- | opacity: 1;
| |
- | filter: alpha(opacity=100);
| |
- | background-color: #111;
| |
- | }
| |
- | .notouch .galleria-thumbnails-container .disabled:hover {
| |
- | opacity: .2;
| |
- | filter: alpha(opacity=20);
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | .galleria-carousel .galleria-thumb-nav-left,
| |
- | .galleria-carousel .galleria-thumb-nav-right {
| |
- | display: block;
| |
- | }
| |
- | .galleria-thumb-nav-left,
| |
- | .galleria-thumb-nav-right,
| |
- | .galleria-info-link,
| |
- | .galleria-info-close,
| |
- | .galleria-image-nav-left,
| |
- | .galleria-image-nav-right {
| |
- | background-image: url('http://i.imgur.com/tLDSr.png');
| |
- | background-repeat: no-repeat;
| |
- | }
| |
- |
| |
- | /*Flowchart*/
| |
- |
| |
- | #flowchart-container{
| |
- | width: 980px;
| |
- | float: center;
| |
- | background-color:#ffffff;
| |
- | padding: 10px;
| |
- | height: 500px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 95px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | font-size:150%;
| |
- |
| |
- | #flowchart{
| |
- | float:center;
| |
- | }
| |
- |
| |
- | /*Outreach*/
| |
- |
| |
- | #outreachintro {
| |
- | width: 950px;
| |
- | float: center;
| |
- | background-color:#EEEEEE;
| |
- | padding: 25px;
| |
- | height: 50px;
| |
- | -webkit-box-shadow: 0 8px 6px -6px black;
| |
- | -moz-box-shadow: 0 8px 6px -6px black;
| |
- | box-shadow: 0 8px 6px -6px black;
| |
- | border: 10px solid rgba(255, 255, 255,0.4);
| |
- | background-clip: padding-box;
| |
- | margin-top: 25px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- |
| |
- | /* Sponsor Logos */
| |
- |
| |
- | #row1logos a:hover{
| |
- | list-style: none;
| |
- | }
| |
- | #row2logos a:hover{
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- |
| |
| </style> | | </style> |
| </html> | | </html> |