Difference between revisions of "Template:Team:Penn/CSS"

(Created page with "@font-face { font-family: News Cycle; src: url('../fonts/NewsCycle-Regular.eot'); src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); } html { height...")
 
 
(101 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
@font-face {  
+
{{Template_All_Teams}}
−
  font-family: News Cycle;
+
<html>
−
    src: url('../fonts/NewsCycle-Regular.eot');
+
<head>
−
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');  
+
<style>
−
}  
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
html
+
#content { /*-- changes default wiki settings --*/
−
{ height: 100%;}
+
width: 100%;
 +
height: 100%;
 +
border: none;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
  
−
*
+
#menubar {
−
{ margin: 0;
+
    width: auto;}
−
  padding: 0;}
+
  
−
body
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
−
{ font: normal 80% Arial, Helvetica, sans-serif;
+
    display:none;}
−
  color: #FFF;
+
 
−
  background: #323232 url(../images/pattern.png) repeat;
+
/*Remove "teams" from the menubar*/
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/*Transparent the log in/out button*/
 +
#menubar {
 +
background-color: transparent;
 
}
 
}
 +
#menubar li a {
 +
    color: transparent;
 +
    background-color: transparent;}
 +
#menubar li{
 +
    background-color: transparent;}
 +
#menubar:hover li a {
 +
    color: #000;}
 +
   
 +
#redbox a {
 +
    text-decoration: none;
 +
}
 +
  
−
/* tell the browser to render HTML 5 elements as block */
+
a:link {
−
article, aside, figure, footer, header, hgroup, nav, section {  
+
color: #000;
−
  display:block;
+
font-size:15px;
 +
text-decoration: none;
 
}
 
}
  
−
p
+
a:visited {
−
{ padding: 0 0 10px 0;
+
color: #000;
−
  line-height: 1.7em;
+
text-decoration: none;
−
  font-size: 100% }
+
}
  
−
img
+
p {
−
{ border: 0;}
+
text-indent: 3em;
 +
font-size:15px;
 +
color:#000;
 +
}
 +
h3,ol, h3 a {
 +
    color:#000;
 +
}
  
−
h1, h2, h3, h4, h5, h6
 
−
{ font: bold 175% 'News Cycle', Arial, sans-serif;
 
−
  color: #fff;
 
−
  text-shadow: 0px 1px 0px #000;
 
−
  margin: 0 0 10px 0;}
 
  
−
h2
 
−
{ font: bold 165% 'News Cycle', Arial, sans-serif;}
 
  
−
h3
 
−
{ font: bold 130% 'News Cycle', Arial, sans-serif;
 
−
  color: #FFF;}
 
  
−
h4, h5, h6
+
body {
−
{ margin: 0;
+
background-image: url("https://static.igem.org/mediawiki/2015/4/47/Background_iGEM_2015_4.png");
−
  padding: 0 0 0px 0;
+
background-size: 100%;
−
  font: normal 150% 'News Cycle', Arial, sans-serif;
+
background-repeat: repeat;
−
  color: #FFF;
+
font-family: "Open Sans";
−
  line-height: 1.5em;}
+
color: white;
 +
margin-left: auto;
 +
margin-right: auto;
 +
min-width:1200px;
 +
}
  
−
h5, h6
+
td {
−
{ font: normal 95% 'News Cycle', Arial, sans-serif;
+
}
−
  color: #888;
+
−
  padding-bottom: 15px;}
+
−
 
+
−
span
+
−
{ color: #FFF;}
+
  
−
a, a:hover
+
#figureBox {
−
{ color: #FFF;
+
background: #FFFFFF; /* Old browsers */
−
  background: transparent;
+
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
−
  outline: none;
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
−
  text-decoration: underline;}
+
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
 +
box-shadow: 0px 0px 20px #000000;
 +
padding: 20px;
 +
margin: 50px;
 +
}
  
−
a:hover
+
#redbox {
−
{ text-decoration: none;}
+
  
−
ul
+
font-family: "Open Sans";
−
{ margin: 2px 0 22px 30px;
+
−
  line-height: 1.7em;
+
−
  font-style: normal;
+
−
  font-size: 100%;}
+
  
−
ol
 
−
{ margin: 8px 0 22px 20px;}
 
  
−
ol li
+
background: #FFFFFF; /* Old browsers */
−
{ margin: 0 0 11px 0;}
+
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
  
−
#main, header, #banner, #menubar, #site_content, footer, #content_grey, nav
 
−
{ margin-left: auto;
 
−
  margin-right: auto;}
 
−
 
 
−
header
 
−
{ width: 940px;
 
−
  position: relative;
 
−
  background: transparent;}
 
−
 
−
nav
 
−
{ width: 940px;
 
−
  height: 50px;} 
 
−
 
 
−
#menubar
 
−
{ width: 940px;
 
−
  height: 50px;
 
−
  float: left;
 
−
  text-align: center;
 
−
  background: #1D1D1D;
 
−
  background: -moz-linear-gradient(#676767, #000);
 
−
  background: -o-linear-gradient(#676767, #000);
 
−
  background: -webkit-linear-gradient(#676767, #000);
 
−
  border-radius: 7px 7px 0px 0px;
 
−
  -moz-border-radius: 7px 7px 0px 0px;
 
−
  -webkit-border: 7px 7px 0px 0px;}
 
−
 
 
−
#welcome
 
−
{ width: 920px;
 
−
  float: left;
 
−
  margin: 0 auto;
 
−
  text-align: center;
 
−
  padding: 0 0 10px 20px;
 
−
  background: transparent;}
 
−
 
 
−
#welcome h2
 
−
{ font: normal 400% 'News Cycle', Arial, sans-serif;
 
−
  text-shadow: 1px 1px #000;
 
−
  color: #FFF;}
 
−
 
 
−
ul#nav
 
−
{ margin:0;}
 
  
−
ul#nav li
+
/*text-align:center;*/
−
{ padding: 0 0 0 0px;
+
content-align:center;
−
  list-style: none;
+
margin: 0px;
−
  margin: 2px 0 0 0;
+
−
  display: inline;
+
−
  background: transparent;}
+
  
−
ul#nav li a
+
}
−
{ float: left;
+
−
  font: bold 120% Arial, Helvetica, sans-serif;
+
−
  height: 24px;
+
−
  margin: 10px 0 0 20px;
+
−
  text-shadow: 1px 1px #000;
+
−
  padding: 6px 20px 0 20px;
+
−
  background: transparent;
+
−
  border-radius: 7px 7px 7px 7px;
+
−
  -moz-border-radius: 7px 7px 7px 7px;
+
−
  -webkit-border: 7px 7px 7px 7px;
+
−
  text-align: center;
+
−
  color: #FFF;
+
−
  text-decoration: none;}
+
−
 
+
−
ul#nav li.current a, ul#nav li:hover a
+
−
{ color: #000;
+
−
  text-shadow: 0px 1px 0px #535353;}
+
  
−
#site_content
+
#redbox #textbox {
−
{ width: 940px;
+
margin: 0 auto;
−
  overflow: hidden;
+
−
  margin-bottom: 30px;}  
+
}
  
−
.sidebar_container
 
−
{ float: right;
 
−
  width: 240px;
 
−
  padding-left: 20px;
 
−
  background: transparent url(../images/transparent.png) repeat;}
 
  
−
.sidebar
+
#redbox2 {
−
{ float: left;
+
−
  width: 240px;
+
−
  margin-top: 20px;
+
−
  margin-bottom: 10px;}
+
  
−
.sidebar_item
+
font-family:"Open Sans";
−
{ width: 240px;}
+
  
−
.sidebar h2
+
background: #d9dddb; /* Old browsers */
−
{ padding: 5px 0 0 0;
+
background: -moz-linear-gradient(top, #d9dddb 0%, #d9dddb 100%); /* FF3.6+ */
−
  font: bold 150% 'News Cycle', Arial, sans-serif;
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dddb), color-stop(100%,#d9dddb)); /* Chrome,Safari4+ */
−
  height: 30px;}
+
background: -webkit-linear-gradient(top, #d9dddb 0%,#d9dddb 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #d9dddb 0%,#d9dddb 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #d9dddb 0%,#d9dddb100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #d9dddb 0%,#d9dddb 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dddb', endColorstr='#d9dddb',GradientType=0 ); /* IE6-9 */
  
−
.sidebar h3
+
/*text-align:center;*/
−
{ color: #FFF;} 
+
content-align:center;
  
−
#content
+
padding:35px;
−
{ width: 680px;
+
width:80%;  
−
  margin-bottom: 20px;
+
margin: 0px;
−
  float: left;}
+
  
−
.content_item
+
}
−
{ width: 660px;
+
−
  margin-top: 5px;
+
−
  margin-bottom: 20px;}
+
−
+
−
.content_imagetext
+
−
{ width: 660px;
+
−
  padding: 5px;
+
−
  margin: 20px 0 0 0;
+
−
  float: left;}
+
−
+
−
.content_image
+
−
{ float: left;
+
−
  width: 150px;
+
−
  height: 150px;
+
−
  margin: 0 20px 10px 0;}
+
−
 
+
−
.content_container
+
−
{ width: 320px;
+
−
  margin: 20px 10px 0 0;
+
−
  float: left;} 
+
−
 
+
−
footer
+
−
{ height: 50px;
+
−
  padding-bottom: 30px;
+
−
  font-weight: bold;
+
−
  text-align: center;
+
−
  color: #fff;
+
−
  text-shadow: 0px 1px 0px #000;}
+
  
−
footer a
+
#redbox #textbox {
−
{ color: #FFF;
+
width: 800px;
−
  text-decoration: none;
+
margin: 0 auto;
−
  padding-bottom: 20px;}
+
 +
}
  
−
footer a:hover
+
#PhotoBox {
−
{ text-decoration: underline;
+
−
  color: #FFF;}
+
background: #f5f5f5; /* Old browsers */
−
+
background: -moz-linear-gradient(top, #f5f5f5  2%, #f5f5f5  100%); /* FF3.6+ */
−
.button_small
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f5f5f5 ), color-stop(100%,#f5f5f5 )); /* Chrome,Safari4+ */
−
{ font: normal 110% Arial, Helvetica, sans-serif;
+
background: -webkit-linear-gradient(top, #f5f5f5 2%,#f5f5f5  100%); /* Chrome10+,Safari5.1+ */
−
  height: 15px;
+
background: -o-linear-gradient(top, #f5f5f5  2%,#f5f5f5 100%); /* Opera 11.10+ */
−
  width: 80px;
+
background: -ms-linear-gradient(top, #f5f5f5  2%,#f5f5f5  100%); /* IE10+ */
−
  padding: 5px 2px 7px 2px;
+
background: linear-gradient(to bottom, #f5f5f5  2%,#f5f5f5 100%); /* W3C */
−
  border: 1px solid #FFF;
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5 ', endColorstr= '#f5f5f5 ',GradientType=0 ); /* IE6-9 */
−
  background: #1D1D1D;
+
−
  background: -moz-linear-gradient(#676767, #000);
+
−
  background: -o-linear-gradient(#676767, #000);
+
−
  background: -webkit-linear-gradient(#676767, #000);
+
−
  border-radius: 7px 7px 7px 7px;
+
−
  -moz-border-radius: 7px 7px 7px 7px;
+
−
  -webkit-border: 7px 7px 7px 7px;
+
−
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
+
−
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
+
−
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
+
−
 
+
−
.button_small a
+
−
{ color: #FFF;
+
−
  padding-left: 5px;
+
−
  text-shadow: 1px 1px #000;}
+
  
−
.form_settings
+
width: 100%
−
{ margin: 15px 0 0 0;}
+
  
−
.form_settings p
+
}
−
{ padding: 0 0 4px 0;}
+
  
−
.form_settings span
+
#WRITINGBOX{
−
{ float: left;
+
−
  width: 280px;
+
background: #f5f5f5; /* Old browsers */
−
  text-align: left;
+
background: -moz-linear-gradient(top, #f5f5f5  2%, #f5f5f5  100%); /* FF3.6+ */
−
  text-shadow: none;}
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f5f5f5 ), color-stop(100%,#f5f5f5 )); /* Chrome,Safari4+ */
−
 
+
background: -webkit-linear-gradient(top, #f5f5f5 2%,#f5f5f5  100%); /* Chrome10+,Safari5.1+ */
−
.form_settings input, .form_settings textarea
+
background: -o-linear-gradient(top, #f5f5f5  2%,#f5f5f5 100%); /* Opera 11.10+ */
−
{ padding: 2px;
+
background: -ms-linear-gradient(top, #f5f5f5  2%,#f5f5f5  100%); /* IE10+ */
−
  width: 299px;
+
background: linear-gradient(to bottom, #f5f5f5  2%,#f5f5f5 100%); /* W3C */
−
  font: 100% arial;  
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5 ', endColorstr= '#f5f5f5 ',GradientType=0 ); /* IE6-9 */
−
  border: 1px solid #E5E5DB;  
+
width: 200px;
−
  background: #FFF;  
+
height: 600px;
−
  color: #47433F;}
+
text-align: left;
−
 
+
−
.form_settings input[type="checkbox"]
+
−
{ padding: 2px 0;  
+
−
  width: 15px;
+
−
  font: 100% arial;  
+
−
  border: 0;  
+
−
  background: #FFF;  
+
−
  color: #47433F;
+
−
  margin: 28px 0;}
+
  
−
.form_settings .submit
+
margin-left: auto;
−
{ font: 100% arial;
+
margin-right:auto;
−
  border: 1px solid;
+
}
−
  width: 99px;
+
−
  margin: 0 0 0 206px;
+
−
  height: 26px;
+
−
  padding: 2px 0 3px 0;
+
−
  cursor: pointer;
+
−
  background: #1D1D1D;
+
−
  background: -moz-linear-gradient(#676767, #000);
+
−
  background: -o-linear-gradient(#676767, #000);
+
−
  background: -webkit-linear-gradient(#676767, #000);
+
−
  border-radius: 7px 7px 7px 7px;
+
−
  -moz-border-radius: 7px 7px 7px 7px;
+
−
  -webkit-border: 7px 7px 7px 7px;
+
−
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
+
−
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
+
−
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
+
−
  color: #FFF;}
+
  
−
.slideshow
+
 
−
{ width: 680px;
+
#MenuBox {
−
  height: 300px;
+
−
  float: left;}
+
background: #FFFFFF; /* Old browsers */
−
 
+
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
−
/* styling for the slideshow on the homepage */
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
−
ul.slideshow {
+
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
 +
box-shadow: 0px 0px 20px #000000;
 +
 
 +
text-align:center;
 +
vertical-align:center;
 +
 
 +
padding-top:10px;
 +
 
 +
width: 200px;
 +
height: 35px;
 +
 
 +
}
 +
 
 +
img {
 +
text-align:center;
 +
}
 +
 
 +
iframe {
 +
display:block;
 +
text-align:center;
 +
width:600px;;
 +
height:450px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
#redbox table {
 +
    width:90%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
background:inherit;
 +
}
 +
 
 +
#menuicon {
 +
width: 250px;
 +
height: 250px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
vertical-align: center;
 +
margin: 25px;
 +
box-shadow: 0px 0px 20px #000000;
 +
;
 +
}
 +
 
 +
#menuicon:hover {
 +
 +
}
 +
 
 +
#menuicon2 {
 +
width: 200px;
 +
height: 200px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
vertical-align: center;
 +
margin: 25px;
 +
box-shadow: 0px 0px 10px #000000;;
 +
}
 +
 
 +
/*Dropdown menu hack*/
 +
 
 +
#nav {
 +
  text-align: left;
 +
  display: inline;
 +
  margin: 0;
 +
  padding: 15px 4px 17px 0;
 
   list-style: none;
 
   list-style: none;
−
  width: 680px;
+
 
−
   height: 300px;
+
}
−
   overflow: hidden;
+
#nav li {
 +
   color:#000;
 +
   display: inline-block;
 
   position: relative;
 
   position: relative;
−
   margin: 0;}
+
   padding: 10px 20px;
 
    
 
    
−
ul.slideshow li {
+
  background: #FFFFFF; /* Old browsers */
−
   position: absolute;
+
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
−
   margin: 0;
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
 +
;
 +
 +
 
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.2s;
 +
  -moz-transition: all 0.2s;
 +
  -ms-transition: all 0.2s;
 +
  -o-transition: all 0.2s;
 +
  transition: all 0.2s;
 +
 
 +
  margin-left: 20px;
 +
}
 +
#nav li ul li:hover {
 +
   background: #000;
 +
   color: #4e5680;
 +
}
 +
 
 +
#nav li ul {
 
   padding: 0;
 
   padding: 0;
−
  left: 0;
 
−
  right: 0;}
 
−
 
−
ul.slideshow li.show {
 
−
  z-index: 500;}
 
−
 
−
ul img {
 
−
  border: none;}
 
−
 
−
#slideshow-caption {
 
−
  width: 680px;
 
−
  height: 38px;
 
 
   position: absolute;
 
   position: absolute;
−
   bottom: 0;
+
   top: 36px;
−
   left: 0;  
+
   left: -30px;
−
   z-index: 500;}
+
  width: 180px;
−
+
  -webkit-box-shadow: none;
−
#slideshow-caption .slideshow-caption-container {
+
  -moz-box-shadow: none;
−
   padding: 10px 25px 10px 25px;  
+
  box-shadow: none;
−
   background: transparent url(../images/transparent.png) repeat;
+
  display: none;
−
   z-index: 1000;}
+
  opacity: 0;
−
+
   visibility: hidden;
−
#slideshow-caption p {
+
  -webkit-transiton: opacity 0.2s;
−
  padding: 0;
+
  -moz-transition: opacity 0.2s;
−
  font: normal 130% arial, sans-serif;
+
  -ms-transition: opacity 0.2s;
−
  color: #FFF;
+
  -o-transition: opacity 0.2s;
−
  text-shadow: 1px 1px #000;}
+
  -transition: opacity 0.2s;
 +
}
 +
#nav li ul li {  
 +
   background: #ffffff;  
 +
   display: block;
 +
  color: #000000;
 +
}
 +
#nav li ul li:hover { background: #4e5680; color: #ffffff; }
 +
#nav li:hover ul {
 +
   display: block;
 +
  opacity: 1;
 +
  visibility: visible;
 +
}
 +
 
 +
 
 +
.people_table{
 +
width: 900px;
 +
background-color:inherit;
 +
border-spacing: 0px 5px;
 +
}
 +
 
 +
.people_table tr td{
 +
width: 220px;
 +
min-width:220px;
 +
background-color: #444;
 +
vertical-align: top;
 +
text-align:center;
 +
}
 +
 
 +
.people_table tr td p{
 +
    padding-top: 10px;
 +
    text-align:center;
 +
    text-indent:0;
 +
}
 +
 
 +
.name {
 +
    font-size: 16px;
 +
    font-weight:bold;
 +
}
 +
 
 +
.major {
 +
    font-weight: 500;
 +
font-style: normal; 
 +
font-size: 15px;
 +
}
 +
 
 +
 
 +
.protrait {
 +
    width:100%;
 +
height: 300px;
 +
}
 +
 
 +
 
 +
#header_block{
 +
font-weight: 500;
 +
font-style: normal; 
 +
font-size: 15px;
 +
margin-top:10px;
 +
}
 +
 
 +
.members {
 +
    font-weight:bold;
 +
    margin-top:40px;
 +
    font-size: 18px;
 +
}
 +
 
 +
.sponsor_table {
 +
border-collapse: separate;
 +
border-spacing:30px;
 +
background-color:inherit;
 +
}
 +
 
 +
.sponsor_table tr {
 +
    height:150px;
 +
}
 +
 
 +
.sponsor_table tr td{
 +
  width: 25%;
 +
background-color: #FFF;
 +
vertical-align: middle;
 +
}
 +
.sponsor_table tr td img{
 +
  width: 100%;
 +
display:block;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<ul id="nav">
 +
<a href="https://2015.igem.org/Team:Penn"><li>Home</li></a>
 +
  <li><a style="hover:"href="https://2015.igem.org/Team:Penn/Overview">Project</a>
 +
  <ul>
 +
      <a href="https://2015.igem.org/Team:Penn/Overview"> <li>Overview</li> </a>
 +
    <a href="https://2015.igem.org/Team:Penn/Sender"> <li>Sender</li> </a>
 +
    <a href="https://2015.igem.org/Team:Penn/Receiver"> <li>Receiver</li> </a>
 +
    <a href="https://2015.igem.org/Team:Penn/Communication"> <li>Communication</li> </a>
 +
  </ul>
 +
  </li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:Penn/Educational Toolbox">Human Practices</a>
 +
</li>
 +
  <li><a href="https://2015.igem.org/Team:Penn/Notebook">Notebook</a>
 +
  <ul>
 +
      <a href="https://2015.igem.org/Team:Penn/Notebook"><li>Protocols</li></a>
 +
      <a href="https://2015.igem.org/Team:Penn/Safety"><li>Safety</li></a>
 +
    <a href="https://2015.igem.org/Team:Penn/Protocol"><li>Notebook</li></a>
 +
  </ul>
 +
  </li>
 +
  <li><a href="https://2015.igem.org/Team:Penn/Team">About</a>
 +
  <ul>
 +
      <a href="https://2015.igem.org/Team:Penn/Team"><li>Team</li></a>
 +
             
 +
    <a href="https://2015.igem.org/Team:Penn/Resources"><li>References</li></a>
 +
  </ul>
 +
  </li>
 +
                <a href="https://2015.igem.org/Main_Page"> <img style="margin-left:30px" src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px"></a>
 +
</ul>
 +
 
 +
 
 +
 
 +
</body>
 +
 
 +
 
 +
</html>

Latest revision as of 03:05, 19 September 2015