Difference between revisions of "Team:ATOMS-Turkiye/Test Main1"

 
Line 1: Line 1:
 +
{{ATOMS-Turkiye/Test}}
 
<html>
 
<html>
 +
<script> $('#content').attr('style', 'width:100% !important');</script>
 
<style type="text/css">
 
<style type="text/css">
 
<!-- MAIN STYLE -->
 
<!-- MAIN STYLE -->
 
<style type="text/css">
 
<style type="text/css">
 +
@media (max-width: 1100px) {
 +
  #globalWrapper #content.mw-body{
 +
    width:100% !important;
 +
  }
 +
}
 
body{
 
body{
 
background-color:rgb(255,0,0);
 
background-color:rgb(255,0,0);
Line 28: Line 35:
 
     border: 0px;
 
     border: 0px;
 
     background-color: transparent;
 
     background-color: transparent;
−
     margin-top: -7px;
+
     margin-top: 0px;
 
     padding: 0px;
 
     padding: 0px;
 
}
 
}
Line 43: Line 50:
 
}
 
}
  
−
#headerWrapper a,
 
−
#headerWrapper a:hover,
 
−
#headerWrapper a:visited,
 
−
#headerWrapper a:active {
 
−
    text-decoration:none;
 
−
    color:white;
 
−
}
 
  
 
body{
 
body{
Line 55: Line 55:
 
     background-color:oldlace;
 
     background-color:oldlace;
 
     margin-left:0px;
 
     margin-left:0px;
−
}
 
−
 
−
#headerWrapper {
 
−
    position:fixed;
 
−
    top:16px;
 
−
    height: 110px;
 
−
    width:100%;
 
−
    background-color: #A30000;
 
−
    background-color: rgba(163, 0, 0, 0.95);
 
−
    z-index:30;
 
−
}
 
−
 
−
#sub-navigation-wrapper {
 
−
    clear:both;
 
−
    position:relative;
 
−
    background-color: #104F60;
 
−
    background-color: rgba(16, 79, 96, .95);
 
−
    width:100%;
 
−
    height: 26px;
 
−
    padding-top: 5px;
 
−
    -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
 
−
    -moz-box-shadow:    0px 7px 5px -3px rgba(50, 50, 50, 0.75);
 
−
    box-shadow:        0px 7px 5px -3px rgba(50, 50, 50, 0.75);
 
 
}
 
}
  
Line 102: Line 79:
 
text-align:center;
 
text-align:center;
 
}
 
}
−
#navigation {
+
 
−
     position: fixed;
+
#navigation ul li {
 +
display: inline;
 +
}
 +
 
 +
#arma {
 +
     height: 74%;
 
     margin: auto;
 
     margin: auto;
 
     left: 0;
 
     left: 0;
 
     right: 0;
 
     right: 0;
−
     bottom: 20px;
+
     top: 13%;
−
 
+
    position: absolute;
 
}
 
}
−
#navigation ul li {
+
#title {
−
display: inline;
+
margin: auto;
 +
    left: 0;
 +
    right: 0;
 +
    top: -30px;
 +
    position: absolute;
 +
    height: 25%;
 
}
 
}
−
#navigation a {
+
div#logo, div#footer{
−
    display: inline-block;
+
display:none;
−
    width: 130px;
+
−
    height: 65px;
+
−
    background: url("https://static.igem.org/mediawiki/2015/d/d6/ATOMS-Turkiye_Rectangle.png");
+
−
    line-height: 65px;
+
−
    color: white;
+
−
    font-size: 30px;
+
−
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
+
−
    margin: 4px;
+
−
transition: all 0.3s;
+
 
}
 
}
−
#navigation a:hover {
+
#gloabalWrapper{
−
    text-decoration:none;
+
position:fixed !important;
−
    background-color: black;
+
bottom:-25px;
−
    -webkit-filter: brightness(0.9);
+
−
    transition: all 0.3s;
+
 
}
 
}
−
.tour, .project, .results {
+
div#header{
−
float:left;
+
width:600px;
 +
margin:auto;
 +
left:0px;
 +
right:0px;
 
}
 
}
−
.tour {
+
div#externals {
−
margin-left:5px!important;
+
    right: 0px;
 +
    position: absolute;
 +
    top: 52px;
 
}
 
}
−
.pp, .team, .extras {
+
#headerWrapper {
−
float:right;
+
    position: fixed !important;
 +
    bottom: -30px !important;
 +
    opacity: 0.5;
 +
    -webkit-transition: all .2s linear;
 +
    -moz-transition: all .2s linear;
 +
    -o-transition: all .2s linear;
 +
    transition: all .2s linear;
 
}
 
}
−
.extras {
+
div#headerWrapper:hover {
−
margin-right:25px!important;
+
    opacity: 1;
 +
    -webkit-transition: all .2s linear;
 +
    -moz-transition: all .2s linear;
 +
    -o-transition: all .2s linear;
 +
    transition: all .2s linear;
 +
  bottom: 0px !important;
 
}
 
}
−
#arma {
+
a:hover {
−
width:600px;
+
    background-color: #104F60 !important;
−
margin:auto;
+
−
left:0;
+
−
right:0;
+
−
top: 105px;
+
−
position:absolute;
+
 
}
 
}
−
#title {
+
a.active{
−
margin:auto;
+
background-color:transparent;
−
left:0;
+
}
−
right:0;
+
ul#project-sub {
−
top: 13px;
+
padding-right:280px !important;
−
position:absolute;
+
}
 +
#sub-navigation {
 +
    width: 750px;
 
}
 
}
 
</style>
 
</style>
 
<img id="title" src="https://static.igem.org/mediawiki/2015/f/fb/ATOMS-Turkiye_Title.png"/>
 
<img id="title" src="https://static.igem.org/mediawiki/2015/f/fb/ATOMS-Turkiye_Title.png"/>
 
<img id="arma" src="https://static.igem.org/mediawiki/2015/1/1b/ATOMS-Turkiye_Arma.png"/>
 
<img id="arma" src="https://static.igem.org/mediawiki/2015/1/1b/ATOMS-Turkiye_Arma.png"/>
−
<div id="navigation">
+
 
−
                <ul>
+
−
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Tour" class="tour nav-item" id="tour">Tour</a></li>
+
−
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project" class="project nav-item active" id="project">Project</a></li>
+
−
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Results" class="results nav-item" id="results">Results</a></li>
+
−
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Extras" class="extras nav-item" id="extras">Extras</a></li>
+
−
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team" class="team nav-item" id="team">Team</a></li>
+
−
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices" class="pp nav-item" id="pp">P&P</a></li>
+
−
                </ul>
+
−
            </div>
+
 
</html>
 
</html>

Latest revision as of 17:41, 17 September 2015