Difference between revisions of "Template:Cardiff Wales"

 
(103 intermediate revisions by 2 users not shown)
Line 99: Line 99:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px; margin-right:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px; margin-right:0px;}
body {background-color:black; }
+
body {background-white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
Line 117: Line 117:
 
background-color:#dddddd;  
 
background-color:#dddddd;  
 
text-align:left;
 
text-align:left;
font-family:Tahoma, Geneva, sans-serif;  
+
font-family:Calibri;  
 
overflow-y: auto;
 
overflow-y: auto;
 
overflow-x: hidden;
 
overflow-x: hidden;
Line 142: Line 142:
 
.igem_2017_menu_wrapper .menu_button {  
 
.igem_2017_menu_wrapper .menu_button {  
 
width: 100%;  
 
width: 100%;  
padding: 10px 0px 0px 15px;  
+
padding: 10px 0px 10px 15px;  
 
float:left;  
 
float:left;  
 
border-bottom: 1px solid #d3d3d3;  
 
border-bottom: 1px solid #d3d3d3;  
font-size: 12px;  
+
font-size: 18px;  
 
font-weight: bold;  
 
font-weight: bold;  
 
color: #5e5f5f;  
 
color: #5e5f5f;  
Line 180: Line 180:
 
/* styling for the menu buttons on hover */
 
/* styling for the menu buttons on hover */
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
background-color: #b3ffb3;  
+
background-color: #e6ffe6;  
 
text-decoration: none;
 
text-decoration: none;
 
color:#ffffff;  
 
color:#ffffff;  
Line 195: Line 195:
 
.igem_2017_menu_wrapper .submenu_button {  
 
.igem_2017_menu_wrapper .submenu_button {  
 
width: 100%;  
 
width: 100%;  
padding: 10px 0px 0px 34px;  
+
padding: 10px 0px 10px 34px;  
 
float:left;
 
float:left;
 
background-color:#f2f2f2;  
 
background-color:#f2f2f2;  
 
border-bottom: 1px solid #d3d3d3;  
 
border-bottom: 1px solid #d3d3d3;  
font-size: 12px;  
+
font-size: 18px;  
 
color: #5e5f5f;  
 
color: #5e5f5f;  
 
cursor: pointer;
 
cursor: pointer;
Line 224: Line 224:
 
display:block;
 
display:block;
 
float:left;  
 
float:left;  
background-color: black;  
+
background-color: #e6ffe6;  
font-family:Tahoma, Geneva, sans-serif;  
+
font-family:Calibri;  
 
}
 
}
  
Line 243: Line 243:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
 
+
 
}
 
}
  
Line 250: Line 250:
 
.igem_2017_content_wrapper p {  
 
.igem_2017_content_wrapper p {  
 
padding: 0px 15px;  
 
padding: 0px 15px;  
font-size: 13px;
+
 
}
 
}
 +
 +
 +
 +
  
 
/* Links */
 
/* Links */
 
.igem_2017_content_wrapper a {  
 
.igem_2017_content_wrapper a {  
 
font-weight: bold;  
 
font-weight: bold;  
text-decoration: underline;
+
text-decoration: none;
text-decoration-color: #b3ffb3;
+
text-decoration-color: #009900;
color:  #b3ffb3;
+
color:  #009900;
 
-webkit-transition: all 0.4s ease;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;  
 
-moz-transition: all 0.4s ease;  
Line 275: Line 279:
 
.igem_2017_content_wrapper ul {
 
.igem_2017_content_wrapper ul {
 
padding:0px 20px;
 
padding:0px 20px;
font-size: 13px;
+
font-size: 18px;
font-family:Tahoma, Geneva, sans-serif;  
+
font-family:Calibri;  
 
}
 
}
  
Line 282: Line 286:
 
.igem_2017_content_wrapper ol {
 
.igem_2017_content_wrapper ol {
 
padding:0px;  
 
padding:0px;  
font-size: 13px;
+
font-size: 18px;
font-family:Tahoma, Geneva, sans-serif;  
+
font-family:Calibri;  
 
}
 
}
  
/* Table */
+
.igem_2017_content_wrapper table {
+
width: 97%;
+
margin:15px 10px;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table cells */
+
.igem_2017_content_wrapper  td {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table headers */
+
.igem_2017_content_wrapper th {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
background-color:#f2f2f2;
+
}
+
  
 +
  
 
/**********************************LAYOUT CLASSES **********************************/
 
/**********************************LAYOUT CLASSES **********************************/
Line 322: Line 304:
 
/* class for a full width column */
 
/* class for a full width column */
 
.column .full_size {
 
.column .full_size {
width:100%;  
+
width:100%;
 
}
 
}
  
Line 333: Line 315:
 
/* class for a half width column */
 
/* class for a half width column */
 
.column.half_size {
 
.column.half_size {
width: 50%;  
+
width: 47%;  
 
}
 
}
 
/* styling for images in a half width column*/
 
/* styling for images in a half width column*/
Line 472: Line 454:
 
}
 
}
  
html,body,h2,h3,h4,h5,h6,par {
+
html,body,h2,h3,h4,h5,h6,par{
     font-family: "Verdana";
+
     font-family: Calibri;
color:#b3ffb3
+
color:#004d00;
 
}
 
}
  
 
h1 {
 
h1 {
     color: #b3ffb3;
+
     color: #004d00;
     font-family: "Comic Sans"
+
     font-family: Calibri"
 
      
 
      
 +
}
 +
h1,h2,h3,h4,h5,h6,p {
 +
margin-top: 5px;
 +
margin-bottom: 20px;
 +
    margin-right: 50px;
 +
    margin-left: 50px;
 +
padding: 0px, 50px, 50px, 20px;
 +
color: #004d00;
 
}
 
}
  
 
li {
 
li {
     color: #b3ffb3;
+
     color: #004d00;
     font-family: "Comic Sans"
+
     font-family: Calibri
 +
font-color: white
 
      
 
      
 
}
 
}
 
body {
 
body {
     background-color: black;
+
     background-color: #e6ffe6;
 
}
 
}
p {
+
p {
     color:#b3ffb3;
+
     color:#004d00;
     font-family: Helvetica;
+
     font-family: Calibri;
     font-size: 400%;
+
     font-size: 22px;
 
}
 
}
  
 
img { margin-top: 0px;
 
img { margin-top: 0px;
 
     margin-bottom: 0px;
 
     margin-bottom: 0px;
     margin-right: 50px;
+
     margin-right: 0px;
     margin-left: 50px;
+
     margin-left: 0px;
 
}
 
}
  
Line 507: Line 498:
 
     overflow: hidden;
 
     overflow: hidden;
 
     background-color: #00802b;
 
     background-color: #00802b;
     font-family: Arial;
+
     font-family: Calibri;
 
}
 
}
  
Line 581: Line 572:
 
   opacity: 1;
 
   opacity: 1;
 
height:100%
 
height:100%
 +
}
 +
 +
hr {
 +
    display: block;
 +
    margin-top: 1em;
 +
    margin-bottom: 1em;
 +
    margin-left: 5em;
 +
    margin-right: 5em;
 +
    border-style: solid;
 +
    border-width: 3px;
 +
    color: #e6ffe6
 +
}
 +
 +
table, th, td, td1 {
 +
    border: 1px solid black;
 +
    border-collapse: collapse;
 +
    padding:15px}
 +
 +
th {
 +
background-color: #004d00;
 +
text-align: center;
 +
font-size: 18px;
 +
font-family: Calibri;
 +
color: white}
 +
 +
 +
td {
 +
background-color: #ffffff;
 +
text-align: left;
 +
font-size: 16px;
 +
font-family: Calibri;
 +
color: #004d00}
 +
 +
#rcorners1 {
 +
    border-radius: 500px;
 +
    background-color: #ffffff;
 +
border: 2px solid #ffffff;
 +
    padding: 0px;
 +
     
 +
}
 +
 +
#rcorners2 {
 +
    border-radius: 50px;
 +
    border: 2px solid #ffffff;
 +
    padding: 0px;
 +
background-color: #ffffff;
 +
}
 +
 +
#rcorners3 {
 +
    border-radius: 50px;
 +
    background-color: #ffffff;
 +
border: 2px solid #ffffff;
 +
    padding: 0px;
 +
     
 +
     
 +
}
 +
 +
.img-circle {
 +
    border-radius: 50%;
 
}
 
}
 
</style>
 
</style>
Line 598: Line 648:
  
  
<nav>  
+
<nav>
 +
<div class="container">
 +
  <a href="https://2017.igem.org/Team:Cardiff_Wales">Home</a>
 
<div class="container">
 
<div class="container">
   <a href="#home">Home</a>
+
   <div class="dropdown">
 +
    <button class="dropbtn">Team</button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:Cardiff_Wales/meet_the_team">Meet the Team</a>
 +
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Team_TSH">Team TSH</a>
 +
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Team_Luc">Team Luciferase</a>
 +
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Team_PlantP">Team Plant Promoter</a>
 +
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Attributions">Attributions</a>
 +
    </div>
 +
  </div>
 
<div class="container">
 
<div class="container">
 
  <div class="dropdown">
 
  <div class="dropdown">
 
     <button class="dropbtn">Project</button>
 
     <button class="dropbtn">Project</button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="https://2017.igem.org/Team:Cardiff_Wales/projectdescription">Project description</a>
+
       <a href="https://2017.igem.org/Team:Cardiff_Wales/projectdescription">Project Description</a>
 
       <a href="https://2017.igem.org/Team:Cardiff_Wales/results">Results</a>
 
       <a href="https://2017.igem.org/Team:Cardiff_Wales/results">Results</a>
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Proof_of_function">Proof of function</a>
+
       <a href="https://2017.igem.org/Team:Cardiff_Wales/basicparts">Basic Parts</a>
       <a href="https://2017.igem.org/Team:Cardiff_Wales/basicparts">Basic parts</a>
+
       <a href="https://2017.igem.org/Team:Cardiff_Wales/compositeparts">Composite Parts</a>
       <a href="https://2017.igem.org/Team:Cardiff_Wales/compositeparts">Composite parts</a>
+
 
     </div></div>
 
     </div></div>
 
   <div class="container">
 
   <div class="container">
Line 615: Line 675:
 
     <button class="dropbtn">Human Practice</button>
 
     <button class="dropbtn">Human Practice</button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
 +
<a href="https://2017.igem.org/Team:Cardiff_Wales/Human_Practices">Integrated Human Practices</a>
 
       <a href="https://2017.igem.org/Team:Cardiff_Wales/Public_outreach">Public Outreach</a>
 
       <a href="https://2017.igem.org/Team:Cardiff_Wales/Public_outreach">Public Outreach</a>
       <a href="https://2017.igem.org/Team:Cardiff_Wales/Our_research">Our Research</a>
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Survey">Survey</a>
 +
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Collaborations">Collaborations</a>
 +
       <a href="https://2017.igem.org/Team:Cardiff_Wales/Our_research">Our HP Research</a>
 +
 
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
<div class="container">
+
<div class="container">
   <div class="dropdown">
+
   <a href="https://2017.igem.org/Team:Cardiff_Wales/Modelling">Modelling</a>
    <button class="dropbtn">Team</button>
+
    <div class="dropdown-content">
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/meet_the_team">Meet the team</a>
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Team_TSH">Team TSH</a>
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Team_Luc">Team Luciferase</a>
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Team_PlantP">Team Plant Promoter</a>
+
    </div>
+
  </div>
+
 
<div class="container">
 
<div class="container">
 
   <div class="dropdown">
 
   <div class="dropdown">
Line 647: Line 703:
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
<div class="container">
+
 
  <div class="dropdown">
+
    <button class="dropbtn">Collaborations</button>
+
    <div class="dropdown-content">
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Wash_U_Collaboration">Wash U</a>
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Valencia_Collaboration">Valencia</a>
+
      <a href="https://2017.igem.org/Team:Cardiff_Wales/Exeter_Collaboration">Exeter</a>
+
    </div>
+
  </div>
+
  
 
</nav>
 
</nav>

Latest revision as of 16:24, 30 October 2017