Difference between revisions of "Team:Greece/human practices"

Line 10: Line 10:
 
</script>-->
 
</script>-->
  
−
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
−
 
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 
 
     <!--MapData-->
 
     <!--MapData-->
 
     <script type='text/javascript' src='https://cldup.com/5Z2ITXdyyU.js' ></script>
 
     <script type='text/javascript' src='https://cldup.com/5Z2ITXdyyU.js' ></script>
Line 22: Line 23:
  
 
<!-- Navigation Bar -->
 
<!-- Navigation Bar -->
−
 
+
            <div id='main-wraper'>
−
              <div id='main-wraper'>
+
 
                     <!--<div style='position:absolute;z-index:-1000;border:1px solid black;height:500px;width:100px;background:#e8e4f5;'>.</div>-->
 
                     <!--<div style='position:absolute;z-index:-1000;border:1px solid black;height:500px;width:100px;background:#e8e4f5;'>.</div>-->
 
    <div class='menu_wrap'></div>
 
    <div class='menu_wrap'></div>
Line 32: Line 32:
 
<!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/home'>HOME</a></li>-->
 
<!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/home'>HOME</a></li>-->
 
<span id='just_to_align'>
 
<span id='just_to_align'>
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_project'>PROJECT</a></li>
+
  <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_project'>PROJECT</a></li>
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/modeling'>MODELING</a></li>
+
  <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/modeling'>MODELING</a></li>
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li>
+
  <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li>
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/contribution'>CONTRIBUTION</a></li>
+
  <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/contribution'>CONTRIBUTION</a></li>
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_team'>TEAM</a></li>
+
  <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_team'>TEAM</a></li>
 
</span>
 
</span>
 
</ul>
 
</ul>
Line 44: Line 44:
 
<!-- The Navigation Menu -->
 
<!-- The Navigation Menu -->
 
<style>
 
<style>
 +
*{
 +
  font-family: Century Gothic;
 +
}
  
 
body{ background: #ffffff }
 
body{ background: #ffffff }
  
 
a{
 
a{
−
text-decoration:none;
+
text-decoration: none;
−
color:#000000;
+
color: #000000;
 
}
 
}
 
a:visited{ text-decoration:none; }
 
a:visited{ text-decoration:none; }
Line 62: Line 65:
 
.menu_wrap {
 
.menu_wrap {
 
position:absolute;
 
position:absolute;
−
         margin:-4px 0px 0px 0px;
+
         margin: 0px;
 
text-align:center;
 
text-align:center;
−
height:74px;
+
height: 84px;
 
         width: 100%;
 
         width: 100%;
 
         -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
         -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
         -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
         -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
−
         box-shadow:0px 1px 3px rgba(0,0,0,0.2);
+
         box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
−
         background:#ffffff;
+
         background: #ffffff;
 
         opacity:0.6;
 
         opacity:0.6;
 
z-index:1000;
 
z-index:1000;
Line 78: Line 81:
 
     position:relative;
 
     position:relative;
 
     width: 100%;
 
     width: 100%;
−
     margin:-5px 0px 0px 0px;
+
     margin: -5px 0px 0px 0px;
−
     z-index:1000;
+
     z-index: 1000;
−
     height: 70px;
+
     height: 84px;
 
     -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
     -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
     -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
     -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
Line 88: Line 91:
 
.menu li {
 
.menu li {
 
position:relative;
 
position:relative;
−
padding:0px;
+
padding: 0px;
 
         margin-right: 3%;
 
         margin-right: 3%;
 
         margin-left: 3%;
 
         margin-left: 3%;
Line 129: Line 132:
 
position:absolute;
 
position:absolute;
 
margin:-17px 0px 0px -50px;
 
margin:-17px 0px 0px -50px;
−
width:122px;
+
width:173.75px;
−
height:69px;
+
height: 83px;
 
/*border:1px solid grey;*/
 
/*border:1px solid grey;*/
 
text-align:left;
 
text-align:left;
Line 141: Line 144:
 
right: 5%;
 
right: 5%;
 
width: 100%;
 
width: 100%;
−
margin: 16px 10px 0px 0px;
+
margin: 23px 10px 0px 0px;
 
/*border: 1px solid black;*/
 
/*border: 1px solid black;*/
 
text-align:right;
 
text-align:right;
Line 162: Line 165:
 
   display:none;
 
   display:none;
 
}
 
}
−
 
 
</style>
 
</style>
−
 
  
 
<!--Responsive stylesheets-->
 
<!--Responsive stylesheets-->
Line 171: Line 172:
 
<style>
 
<style>
  
 +
/* DEFAULT PROPERTIES ARE INHERITED FROM 1535px WIDTH*/
 +
 +
/* < 1024px Resolution Desktop Screen */
 +
 +
/* < 1366px Resolution Desktop Screen*/
 +
 +
@media screen and (min-width: 1025px) and (max-width: 1367px) {
  
−
/* 1000px - 1375px; */
 
−
/* 1366px - 768px Resolution Desktop Screen*/
 
−
/* DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION*/
 
−
@media screen and (min-width: 769px) and (max-width: 1367px) {
 
 
.menu_wrap{
 
.menu_wrap{
 
position:relative;
 
position:relative;
 
                 margin:-10px 0px 0px 0px;
 
                 margin:-10px 0px 0px 0px;
−
                 width: 1349px;
+
                 width: 1348px;
 
/*No left or right margins - menu wides fullscreen*/
 
/*No left or right margins - menu wides fullscreen*/
 
}
 
}
Line 185: Line 189:
 
.menu{
 
.menu{
 
position:absolute;
 
position:absolute;
−
width: 1349px;
+
width: 1348px;
−
margin:-70px 0px 0px 0px;
+
margin: -81px 0px 0px 0px;
 
}
 
}
  
Line 198: Line 202:
 
 
 
#just_to_align{
 
#just_to_align{
−
right: 60px;
+
right:60px;
−
margin: 15px 10px 0px 0px;
+
margin:14px 10px 0px 0px;
 
}
 
}
 
.logo{
 
.logo{
−
margin: -20px 0px 0px -56px;
+
margin: -21px 0px 0px -65px;
 
}
 
}
−
</style>
+
}
−
<div id='map'></div>
+
  
 +
@media screen and (min-width: 1367px) and (max-width: 1921px){
 +
 
 +
        .logo{
 +
                margin: -18px 0px 0px -52px;
 +
        }
 +
     
 +
        .menu li {
 +
                margin-right: 4%;
 +
                margin-left: 4%;
 +
        }
  
 +
@media screen and (min-width: 1367px) and (max-width: 1770px){
 +
    .menu li{
 +
          margin-right: 3%;
 +
          margin-left: 3%;
 +
    }
 +
}
 +
 +
}
 +
</style>
 +
<div id='map'></div>
  
 
<!--Styling script-->
 
<!--Styling script-->

Revision as of 12:28, 12 August 2017