Difference between revisions of "Template:Michigan Software"

 
(127 intermediate revisions by 2 users not shown)
Line 9: Line 9:
 
       <!-- Comfortaa Import -->
 
       <!-- Comfortaa Import -->
 
       <link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'>
 
       <link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'>
       <link rel="stylesheet" href="styling.css">
+
        
 
       <!-- https://work.smarchal.com/twbscolor/css/00274c0a436cecf0f1ffffff0 -->
 
       <!-- https://work.smarchal.com/twbscolor/css/00274c0a436cecf0f1ffffff0 -->
 
       <style>
 
       <style>
Line 16: Line 16:
 
body {
 
body {
 
font-family: 'Comfortaa';
 
font-family: 'Comfortaa';
color: #00274c;
+
color: #00274c;                  
  
 
}
 
}
  
                 #content { padding:0px; width:100%; margin-top: -7px; margin-left:0px;}
+
                #bodyContent a:hover {
 +
                      color: #00274c;
 +
                }
 +
 +
                #globalWrapper {
 +
                      font-size: 100%;
 +
                      padding-bottom: 0px;
 +
                      margin-bottom: -10px;
 +
                     
 +
                }
 +
               
 +
                #HQ_page table {
 +
                        margin-right: auto;
 +
                        margin-left: auto;
 +
                        margin-top: 0;
 +
                        margin-bottom: 0;
 +
                        border: none;
 +
                }
 +
 
 +
                #HQ_page h1 {
 +
                        font-family: 'Comfortaa';
 +
                        font-weight: normal;
 +
                }
 +
               
 +
               
 +
 
 +
                 #content { padding:0px; width:100%; margin-top: -12px; margin-left:0px;}
  
 
.navbar-default {
 
.navbar-default {
Line 26: Line 52:
 
  border-color: #0a436c;
 
  border-color: #0a436c;
 
}
 
}
 +
 +
                .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol{
 +
                  position: absolute;
 +
                  bottom: 10px;
 +
                  left: 50%;
 +
                  z-index: 15;
 +
                  width: 60%;
 +
                  padding-left: 0;
 +
                  margin-left: -30%;
 +
                  text-align: center;
 +
                  list-style: none;
 +
                }
  
 
.slide-prev {
 
.slide-prev {
Line 55: Line 93:
 
position: absolute;
 
position: absolute;
 
top: 50%;  
 
top: 50%;  
transform: translateY(-50%);  
+
transform: translateY(-30%);  
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 84: Line 122:
  
 
p > a {
 
p > a {
  color: #ecf0f1;
+
  color: #00274c;
 
}
 
}
 +
               
 +
                #footer a:hover {
 +
                  color: white;
 +
                  decoration: none;
 +
                }
  
 
.active > a:hover {
 
.active > a:hover {
Line 92: Line 135:
  
 
.navbar-default .navbar-nav > .open > a,
 
.navbar-default .navbar-nav > .open > a,
 +
                .navbar-default .navbar-nav > .open > a:visited,
 
.navbar-default .navbar-nav > .open > a:hover,
 
.navbar-default .navbar-nav > .open > a:hover,
 
.navbar-default .navbar-nav > .open > a:focus {
 
.navbar-default .navbar-nav > .open > a:focus {
Line 191: Line 235:
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
background-size: contain;
 
background-size: contain;
position: relative;
+
position: absolute !important;
 +
                      border: none;
 +
 
 
}
 
}
 
 
 
#headerImage {
 
#headerImage {
 
width:100%;
 
width:100%;
height:400px;
+
height:300px;
 
min-height: 400px;
 
min-height: 400px;
 
    min-width:100%;
 
    min-width:100%;
Line 209: Line 255:
 
left: 50%;
 
left: 50%;
 
margin-right: -50%;
 
margin-right: -50%;
transform: translate(-50%, -50%)
+
transform: translate(-50%, -50%);
 +
                        font-size: 50px;
 
}  
 
}  
  
.a-over {
+
color: #00274c;
+
}
+
  
 
.flip3D{
 
.flip3D{
Line 223: Line 268:
 
         }
 
         }
 
         .flip3D > .front{
 
         .flip3D > .front{
 +
           
 
             border-radius: 5px;
 
             border-radius: 5px;
 
             border-color: #00274c;
 
             border-color: #00274c;
Line 241: Line 287:
 
         }
 
         }
 
         .flip3D > .back{
 
         .flip3D > .back{
             padding-top:20px;
+
             overflow: hidden;
             padding-bottom:20px;
+
             margin-bottom: 0px;
 +
            margin-top: 0px;
 
             border-radius: 5px;
 
             border-radius: 5px;
 
             border-color: #00274c;
 
             border-color: #00274c;
Line 287: Line 334:
 
         margin-right: 10px;
 
         margin-right: 10px;
 
       }
 
       }
       p.desc {
+
       p.desc{
 
         font-family: 'Comfortaa', cursive !important;
 
         font-family: 'Comfortaa', cursive !important;
         font-size: 11px;
+
         font-size: 11px !important;
 
         margin-left: 10px;
 
         margin-left: 10px;
 
         margin-right: 10px;
 
         margin-right: 10px;
Line 319: Line 366:
 
color: white;
 
color: white;
 
}
 
}
 +
                       
 +
                      a:visited
 +
                      {
 +
                              color: #ecf0f1;
 +
                      }
 +
           
 +
                      p > a:visited {
 +
                              color: black;
 +
                        }
  
 
ul.Content {
 
ul.Content {
Line 347: Line 403:
 
 
 
.Footer-Table {
 
.Footer-Table {
border-collapse: separate;
+
                                border-collapse: collapse;
border-spacing: 5px;
+
                                border-spacing: 2px;
 
}
 
}
 
 
 +
                        #HQ_page td {
 +
                                padding: 3px;
 +
                                border: none;
 +
                        }
 
.overlay {  
 
.overlay {  
 
  position:absolute;
 
  position:absolute;
Line 376: Line 436:
 
.navbar-wrapper {
 
.navbar-wrapper {
 
  background-color: #00274c;
 
  background-color: #00274c;
  position: absolute;
+
  position: relative;
 
  top: 0;
 
  top: 0;
 
  left: 0;
 
  left: 0;
Line 387: Line 447:
 
padding-bottom: 50px;
 
padding-bottom: 50px;
 
background-color: #00274c;
 
background-color: #00274c;
 +
 
}
 
}
 
 
Line 475: Line 536:
 
             <div class="navbar  navbar-static-top">
 
             <div class="navbar  navbar-static-top">
 
               <ul class="nav navbar-nav">
 
               <ul class="nav navbar-nav">
                   <li class="navig_bar_button"><a href="https://2017.igem.org/Team:Michigan_Software">Home</a></li>
+
                   <li class="navig_bar_button"><a href="https://2017.igem.org/Team:Michigan_Software">Home</a></li>
 
                   <li class="dropdown navig_bar_button">
 
                   <li class="dropdown navig_bar_button">
 
                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project <span class="caret"></span></a>
 
                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project <span class="caret"></span></a>
 
                     <ul class="dropdown-menu">
 
                     <ul class="dropdown-menu">
                         <li><a href="Project_Overview.html">Overview</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Michigan_Software/Contribution">Overview</a></li>
                         <li><a href="Project_Installation.html">Installation</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Michigan_Software/Improve">Improvements</a></li>
                         <li><a href="Project_Demonstrate.html">User Guide/Demonstrate</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Michigan_Software/Results">Results</a></li>
                         <li><a href="Project_Results.html">Results</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Michigan_Software/Installation">Installation</a></li>
 +
                         <li><a href="https://2017.igem.org/Team:Michigan_Software/Demonstrate">Demonstrate</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
Line 488: Line 550:
 
                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Outreach <span class="caret"></span></a>
 
                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Outreach <span class="caret"></span></a>
 
                     <ul class="dropdown-menu">
 
                     <ul class="dropdown-menu">
                         <li><a href="Outreach_Collaboration.html">Collaboration</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Michigan_Software/Collaborations">Collaboration</a></li>
                         <li><a href="Outreach_HP_Silver.html">HP Silver</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Michigan_Software/HP/Silver">HP Silver</a></li>
                         <li><a href="Outreach_HP_Gold.html">HP Gold</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Michigan_Software/HP/Gold_Integrated">HP Gold</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
                   <li class="navig_bar_button"><a href="Attributions.html">Attributions</a></li>
+
                   <li class="navig_bar_button">
 +
                    <a href="https://2017.igem.org/Team:Michigan_Software/Measurement">Measurement</a>
 +
                  </li>
 +
                  <li class="navig_bar_button">
 +
                    <a href="https://2017.igem.org/Team:Michigan_Software/Attributions">Attributions</a>
 +
                  </li>
 
               </ul>
 
               </ul>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
<div class = "igem_2017_content_wrapper">
 
<h1>Michigan_Software</h1>
 
<!-- start of content -->
 
</div>
 

Latest revision as of 20:20, 1 November 2017