|
|
Line 256: |
Line 256: |
| border: 5px solid #007bb6; | | border: 5px solid #007bb6; |
| overflow:hidden; | | overflow:hidden; |
| + | background-color:#003F87; |
| } | | } |
| .team-box:hover{ | | .team-box:hover{ |
Line 265: |
Line 266: |
| } | | } |
| .team-box img p { | | .team-box img p { |
− | {{Virginia}}
| + | font-family:Arial; |
− | <html>
| + | font-size:20px; |
− | <head> | + | font-weight:bold; |
− | <!-- Bootstrap import -- Latest compiled and minified CSS -->
| + | padding-top:10px; |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css">
| + | padding-bottom:10px; |
− | </head>
| + | |
− | <body>
| + | |
− | <div id="top-part">
| + | |
− | <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></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 class="pull-right">
| + | |
− | <li><a href="/Team:Virginia/Team">Team</a></li>
| + | |
− | <li><a href="/Team:Virginia/Project">Project</a></li>
| + | |
− | <li><a href="/Team:Virginia/Practices">Policy and Practices</a></li>
| + | |
− | <li><a href="/Team:Virginia/Attributions">Attributions</a></li>
| + | |
− | <li><a href="/Team:Virginia/Contact_us">Contact Us</a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE -->
| + | |
− | <div id="team-info">
| + | |
− | <div class="container">
| + | |
− | <div class="team-box"><!--Supraja Chittari-->
| + | |
− | <img src="/wiki/images/0/06/Virginia_supraja.jpg">Supraja Chittari</img>
| + | |
− | </div>
| + | |
− | <div class="team-box"><!--Shiran Su-->
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </div>
| + | |
− | <div class="team-box" >
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </div>
| + | |
− | <div class="team-box" >
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </div>
| + | |
− | <div class="team-box" >
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </div>
| + | |
− | <div class="team-box" >
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </div>
| + | |
− | <div class="team-box" >
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </div>
| + | |
− | <div class="team-box" >
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </div>
| + | |
− | <div class="team-box" >
| + | |
− | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img>
| + | |
− | </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>
| + | |
− | <script type="text/javascript">
| + | |
− | $(document).ready(function(){
| + | |
− | // jQuery here
| + | |
− | });
| + | |
− | </script>
| + | |
− | <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%;
| + | |
− | }
| + | |
− | #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;
| + | |
− | }
| + | |
− | footer p:first-child {
| + | |
− | font-weight:bold;
| + | |
− | font-family:Arial;
| + | |
− | font-size:18px;
| + | |
− | text-decoration:underline;
| + | |
− | }
| + | |
− | footer a {
| + | |
− | color:#fff;
| + | |
− | }
| + | |
− | footer p {
| + | |
− | width:auto;
| + | |
− | }
| + | |
− | 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-transform:uppercase;
| + | |
− | text-shadow: 2px 2px #007bb6;
| + | |
− | padding-left:25%;
| + | |
− | }
| + | |
− | #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{
| + | |
− | background-color:#007bb6;
| + | |
− | width:30%;
| + | |
− | height:auto;
| + | |
− | display:inline-block;
| + | |
− | margin-left:1.5%;
| + | |
− | margin-top:25px;
| + | |
− | margin-bottom:10px;
| + | |
− | border-radius:30px; | + | |
− | border: 5px solid #007bb6;
| + | |
− | overflow:hidden;
| + | |
− | }
| + | |
− | .team-box:hover{
| + | |
− | box-shadow: 5px 5px 10px #777777;
| + | |
− | }
| + | |
− | .team-box img {
| + | |
− | width:100%;
| + | |
− | border-radius:15px;
| + | |
− | padding-top:10px;
| + | |
− | padding-bottom: 10px; | + | |
− | font-family:Arial;
| + | |
− | font-weight:bold;
| + | |
| } | | } |
| | | |
− | /* SPECIFIC STYLE CODE ENDS HERE */
| |
− | </style>
| |
− | </body>
| |
− | </html>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | }
| |
| | | |
| /* SPECIFIC STYLE CODE ENDS HERE */ | | /* SPECIFIC STYLE CODE ENDS HERE */ |