Difference between revisions of "Team:Virginia/Attributions"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{Virginia}} | {{Virginia}} | ||
<html> | <html> | ||
− | + | <head> | |
− | < | + | <!-- Bootstrap import -- Latest compiled and minified CSS --> |
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css"> | |
− | <p> | + | </head> |
− | + | <body> | |
− | + | <div id="top-part"> | |
− | <div | + | <p id="above-nav">University of Virginia iGEM 2015</p> |
− | + | <div id="icon-box"> | |
− | < | + | <a href="https://twitter.com/Virginia_iGEM"> |
− | < | + | <img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img> |
− | </div> | + | </a> |
− | + | <a href="https://www.facebook.com/uvaigem"> | |
− | + | <img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img> | |
− | + | </a> | |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <div class="nav"> |
− | + | <div class="container"> | |
− | + | <ul class="pull-left"> | |
− | + | <li> | |
− | < | + | <a href="/Team:Virginia">Home</a> |
− | + | </li> | |
− | <ul> | + | </ul> |
− | <li> | + | <ul class="pull-right"> |
− | <li>Project | + | <li> |
− | <li> | + | <a href="/Team:Virginia/Team">Team</a> |
− | <li> | + | </li> |
− | < | + | <li> |
− | <li> | + | <a href="/Team:Virginia/Project">Project</a> |
− | < | + | </li> |
− | <li> | + | <li> |
− | < | + | <a href="/Team:Virginia/Practices">Policy and Practices</a> |
− | < | + | </li> |
− | < | + | <li> |
− | + | <a href="/Team:Virginia/Attributions">Attributions</a> | |
− | + | </li> | |
− | < | + | <li> |
− | <p> | + | <a href="/Team:Virginia/Contact_us">Contact Us</a> |
− | < | + | </li> |
− | < | + | </ul> |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE --> |
− | </ | + | <!-- BEGIN photos structural code --> |
− | + | <div id="team-info"> | |
− | </ | + | <div class="container"> |
− | </html> | + | |
+ | <a href="javascript:void(0);"><div class="team-box" id="att1"> | ||
+ | <img src="#"> | ||
+ | <p>Attribution 1</p> | ||
+ | </img> | ||
+ | </div></a> | ||
+ | |||
+ | <a href="javascript:void(0);"><div class="team-box" id="att2"> | ||
+ | <img src="#"> | ||
+ | <p>Attribution 2</p> | ||
+ | </img> | ||
+ | </div></a> | ||
+ | <a href="javascript:void(0);"><div class="team-box" id="att3"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- SPECIFIC STRUCTURAL CODE ENDS HERE --> | ||
+ | <footer> | ||
+ | <div id="foot-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img> | ||
+ | </div> | ||
+ | <div id="foot-text"> | ||
+ | <p>University of Virginia iGEM</p> | ||
+ | <p>148 Gilmer Hall</p> | ||
+ | <p>485 McCormick Road</p> | ||
+ | <p>Charlottesville, Virginia 22904</p> | ||
+ | <p>United States of America</p> | ||
+ | <p> | ||
+ | <a href="mailto:virginia.igem@gmail.com"> | ||
+ | virginia.igem@gmail.com</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <style type="text/css"> | ||
+ | footer div img { | ||
+ | width:auto; | ||
+ | height:200px; | ||
+ | } | ||
+ | footer div { | ||
+ | overflow:hidden; | ||
+ | display:inline-block; | ||
+ | float:none; | ||
+ | } | ||
+ | footer div:first-child { | ||
+ | background-image:url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ’); | ||
+ | float:right; | ||
+ | top:10px; | ||
+ | height:90%; | ||
+ | width:25% | ||
+ | margin: 1%; | ||
+ | display:inline; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .nav { | ||
+ | background-color: #003F87; | ||
+ | width:100%; | ||
+ | float:top; | ||
+ | position:fixed; | ||
+ | top:70px; | ||
+ | z-index:10; | ||
+ | //opacity:0.85; | ||
+ | border-bottom:5px; | ||
+ | border-top:0px; | ||
+ | border-left:0px; | ||
+ | border-right:0px; | ||
+ | border-color:#007bb6; | ||
+ | border-style:solid; | ||
+ | } | ||
+ | .nav a { | ||
+ | color: rgb(256, 256, 256); | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | padding: 14px 10px; | ||
+ | text-transform: uppercase; | ||
+ | border-radius:5px; | ||
+ | } | ||
+ | .nav a:hover{ | ||
+ | color:#fff; | ||
+ | background-color:#007bb6; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .nav li { | ||
+ | display: inline; | ||
+ | font-family: Arial; | ||
+ | } | ||
+ | .nav .container { | ||
+ | padding-top:5px; | ||
+ | padding-bottom:5px; | ||
+ | } | ||
+ | .row { | ||
+ | width:100%; | ||
+ | } | ||
+ | h1 { | ||
+ | text-align:center; | ||
+ | color:white; | ||
+ | font-size:40px; | ||
+ | font-family:Arial; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #content h1.firstHeading { | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | #content { | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | padding:0px 0px 0px 0px; | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | background-color: rgb(0,0,0); | ||
+ | } | ||
+ | html { | ||
+ | background-color:#191919; | ||
+ | color: #fff | ||
+ | font-family: Century Gothic, sans-serif; | ||
+ | } | ||
+ | #top_menu_14 { | ||
+ | /*BORDER ATTRIBUTES*/ | ||
+ | border-top:5px solid #007bb6; | ||
+ | background-color: #003F87; | ||
+ | border-color:#003F87; | ||
+ | } | ||
+ | #top_menu_14 li.has_submenu:hover { | ||
+ | opacity:1.0; | ||
+ | background-color:#007bb6; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #top_menu_14 li:hover { | ||
+ | opacity:1.0; | ||
+ | background-color:#007bb6; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | footer { | ||
+ | width:100% | ||
+ | height:300px; | ||
+ | padding:25px 25px 25px 25px; | ||
+ | background:#000000; | ||
+ | clear:both; | ||
+ | border-top:5px solid #007bb6; | ||
+ | } | ||
+ | footer p:first-child { | ||
+ | font-weight:bold; | ||
+ | font-family:Arial; | ||
+ | font-size:18px; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | footer a { | ||
+ | color:#fff; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | footer p { | ||
+ | width:auto; | ||
+ | font-size:10px; | ||
+ | } | ||
+ | p { | ||
+ | color:white; | ||
+ | font-family: serif; | ||
+ | float:center; | ||
+ | clear:both; | ||
+ | } | ||
+ | #bolded { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #above-nav{ | ||
+ | margin-bottom:10px; | ||
+ | float:left; | ||
+ | font-size:30px; | ||
+ | text-align:center; | ||
+ | font-family:Helvetica; | ||
+ | text-shadow: 2px 2px #007bb6; | ||
+ | padding-left:30%; | ||
+ | } | ||
+ | #top-part a { | ||
+ | width:auto; | ||
+ | height:auto; | ||
+ | margin-right:20px; | ||
+ | } | ||
+ | #facebook{ | ||
+ | height:30px; | ||
+ | width:30px; | ||
+ | } | ||
+ | #twitter{ | ||
+ | height:40px; | ||
+ | width:40px; | ||
+ | } | ||
+ | #facebook:hover{ | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | #twitter:hover{ | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | #icon-box{ | ||
+ | display:inline; | ||
+ | float:right; | ||
+ | } | ||
+ | #top-part{ | ||
+ | display:inline; | ||
+ | height:56px; | ||
+ | position:fixed; | ||
+ | top:14px; | ||
+ | float:center; | ||
+ | background:#003F87; | ||
+ | width:100%; | ||
+ | z-index:10; | ||
+ | font-weight:bold; | ||
+ | padding-top:15px; | ||
+ | } | ||
+ | /* OTHER STYLE CODE GOES BELOW HERE */ | ||
+ | .team-box{ | ||
+ | width:30%; | ||
+ | height:400px; | ||
+ | display:inline-block; | ||
+ | margin-left:1.5%; | ||
+ | margin-top:25px; | ||
+ | margin-bottom:10px; | ||
+ | border-radius:30px; | ||
+ | border: 5px solid #007bb6; | ||
+ | overflow:hidden; | ||
+ | background-color:#003F87; | ||
+ | } | ||
+ | .team-box:hover{ | ||
+ | box-shadow: 5px 5px 10px #555555; | ||
+ | } | ||
+ | .team-box img { | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | border-bottom: 5px solid #007bb6; | ||
+ | } | ||
+ | .team-box p { | ||
+ | font-family:Arial; | ||
+ | font-size:26px; | ||
+ | font-weight:bold; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | /* Pop-ups style code */ | ||
+ | .popup { | ||
+ | width:80%; | ||
+ | height:auto; | ||
+ | background-color:#191919; | ||
+ | border-radius:30px; | ||
+ | position:absolute; | ||
+ | top:500px; | ||
+ | left:10%; | ||
+ | z-index:5; | ||
+ | border: 10px solid #007bb6; | ||
+ | box-shadow: 10px 10px 20px black; | ||
+ | } | ||
+ | .text-wrap { | ||
+ | padding:20px 20px 20px 20px; | ||
+ | } | ||
+ | .text-wrap h3 { | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | text-shadow:2px 2px 1px #007bb6; | ||
+ | color:white; | ||
+ | margin-bottom:30px; | ||
+ | font-size:30px; | ||
+ | } | ||
+ | .text-wrap h5{ | ||
+ | margin-bottom:10px; | ||
+ | font-weight:bold; | ||
+ | font-size:25px; | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | color:white; | ||
+ | } | ||
+ | .text-wrap h4 { | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | color:#fff; | ||
+ | padding-bottom:25px; | ||
+ | } | ||
+ | .text-wrap img { | ||
+ | width:30%; | ||
+ | margin-left:35%; | ||
+ | height:auto; | ||
+ | border-radius:15px; | ||
+ | border: 5px solid #fff; | ||
+ | } | ||
+ | .active { | ||
+ | display:block; | ||
+ | } | ||
+ | .inactive { | ||
+ | display:none; | ||
+ | } | ||
+ | .team_profile_link{ | ||
+ | width:30%; | ||
+ | margin-left:15%; | ||
+ | background-color:#007bb6; | ||
+ | border: 3px solid #fff; | ||
+ | border-radius: 10px; | ||
+ | margin-top:25px; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | display:inline-block; | ||
+ | } | ||
+ | .team_profile_link div { | ||
+ | display: inline; | ||
+ | } | ||
+ | .team_profile_link:hover { | ||
+ | background-color:#0276FD; | ||
+ | } | ||
+ | .team_profile_link img { | ||
+ | width:40%; | ||
+ | margin-left:30%; | ||
+ | height:auto; | ||
+ | border-radius:50%; | ||
+ | border:3px solid #63D1F4; | ||
+ | background:white; | ||
+ | } | ||
+ | .team_profile_link p { | ||
+ | font-family: Arial; | ||
+ | font-weight:bold; | ||
+ | font-size: 18px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .wrapper1 div:last-child{ | ||
+ | margin-left:10%; | ||
+ | } | ||
+ | #parenth{ | ||
+ | font-size:12px; | ||
+ | text-align:center; | ||
+ | font-family:Arial; | ||
+ | } | ||
+ | .text-wrap p{ | ||
+ | font-size:20px; | ||
+ | font-family:Arial; | ||
+ | width:70%; | ||
+ | margin-left:15%; | ||
+ | border-top: 1px dotted white; | ||
+ | padding-top: 15px; | ||
+ | color:#87CEFA; | ||
+ | } | ||
+ | .text-wrap p:first-child{ | ||
+ | width:95%; | ||
+ | color:white; | ||
+ | margin-left:2.5%; | ||
+ | font-size:16px; | ||
+ | } | ||
+ | /* SPECIFIC STYLE CODE ENDS HERE */ | ||
+ | </style> | ||
+ | </body> | ||
+ | </html> |
Revision as of 12:47, 22 July 2015