|
|
| Line 184: |
Line 184: |
| | z-index: 2; | | 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;
| |
| - | }
| |
| - |
| |
| - | #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> |
| | {{:Team:UPIBI-Mexico/Templates/Navigationbar}} | | {{:Team:UPIBI-Mexico/Templates/Navigationbar}} |
"
