Difference between revisions of "Team:Greece/home"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
<head>
−
<link type='text/css' rel='stylesheet' href='navigation_bar.css' />
+
    <!--<link type='text/css' rel='stylesheet' href='parallels.css' />
−
</head>
+
    <link type='text/css' rel='stylesheet' href='navigation_bar.css' />
−
<body>
+
    <script type='text/javascript' src='https://cldup.com/HJtlSwy2qT.js'></script>-->
−
<div id='main-wraper'>
+
 
−
<!--<div style='position:absolute;z-index:-1000;border:1px solid black;height:500px;width:100px;background:#e8e4f5;'>.</div>-->
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
<div class='menu_wrap'></div>
+
</head>
 +
<body>
 +
 
 +
<!-- Navigation Bar -->
 +
 
 +
              <div id='main-wraper'>
 +
                    <!--<div style='position:absolute;z-index:-1000;border:1px solid black;height:500px;width:100px;background:#e8e4f5;'>.</div>-->
 +
    <div class='menu_wrap'></div>
 
<nav class='menu'>
 
<nav class='menu'>
 
<ul class='clearfix' id='list'>
 
<ul class='clearfix' id='list'>
Line 23: Line 30:
 
</nav>
 
</nav>
 
                 </div>
 
                 </div>
 +
 
<!-- The Navigation Menu -->
 
<!-- The Navigation Menu -->
 
<style>
 
<style>
Line 46: Line 54:
 
text-align:center;
 
text-align:center;
 
height:74px;
 
height:74px;
−
         width:1535px;
+
         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);
Line 58: Line 66:
 
.menu {
 
.menu {
 
     position:relative;
 
     position:relative;
−
     width:1535px;
+
     width: 100%;
 
     margin:-5px 0px 0px 0px;
 
     margin:-5px 0px 0px 0px;
 
     z-index:1000;
 
     z-index:1000;
−
     height:70px;
+
     height: 70px;
 
     -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 70: Line 78:
 
position:relative;
 
position:relative;
 
padding:0px;
 
padding:0px;
−
    margin-right:50px;
+
        margin-right: 3%;
−
    margin-left:65px;
+
        margin-left: 3%;
−
    list-style:none;
+
        list-style: none;
−
height:35px;
+
height: 35px;
−
/*border-right:1px solid #428bca;*/
+
/*border-right: 1px solid #428bca;*/
 
display:inline-block;
 
display:inline-block;
 
}
 
}
Line 120: Line 128:
 
#just_to_align{
 
#just_to_align{
 
position:absolute;
 
position:absolute;
−
right:25px;
+
right: 5%;
−
width:100%;
+
width: 100%;
−
margin:16px 10px 0px 0px;
+
margin: 16px 10px 0px 0px;
−
/*border:1px solid black;*/
+
/*border: 1px solid black;*/
 
text-align:right;
 
text-align:right;
 
}
 
}
Line 143: Line 151:
 
   display:none;
 
   display:none;
 
}
 
}
 +
 
</style>
 
</style>
  
Line 148: Line 157:
 
<!--Responsive stylesheets-->
 
<!--Responsive stylesheets-->
 
<!--DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION-->
 
<!--DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION-->
 +
 
<style>
 
<style>
 +
 +
  
 
/* 1366px - 768px Resolution Desktop Screen*/
 
/* 1366px - 768px Resolution Desktop Screen*/
 
/* DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION*/
 
/* DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION*/
−
@media screen and (min-device-width: 769px) and (max-device-width: 1366px) {
+
@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:1366px;
+
                 width: 1359px;
 
/*No left or right margins - menu wides fullscreen*/
 
/*No left or right margins - menu wides fullscreen*/
 
}
 
}
Line 162: Line 174:
 
.menu{
 
.menu{
 
position:absolute;
 
position:absolute;
−
width:1366px;
+
width:1359px;
 
margin:-70px 0px 0px 0px;
 
margin:-70px 0px 0px 0px;
 
}
 
}
Line 170: Line 182:
 
}
 
}
 
.menu li{
 
.menu li{
−
margin-right:40px;
+
margin-right: 35px;
−
margin-left:40px;
+
margin-left: 35px;
 
}
 
}
 
 
Line 181: Line 193:
 
margin: -20px 0px 0px -56px;
 
margin: -20px 0px 0px -56px;
 
}
 
}
−
#sector_box{
 
−
margin:-127px 0px 0px 0px;
 
−
left: 0px;
 
−
right: 0px;
 
−
width: 1349px;
 
−
}
 
−
 
−
#sector_box .parallelogram:not(.skew_by_left){
 
−
width: 317px;
 
−
                height: 730px;
 
−
}
 
−
 
−
.skew_by_left{
 
−
width: 321px;
 
−
                height: 730px;
 
−
}
 
−
}
 
 
</style>
 
</style>
 +
  
  
Line 222: Line 218:
 
element.outerHTML = '';
 
element.outerHTML = '';
 
delete element;
 
delete element;
−
        </script>
+
</script>
−
</body>
+
</body>
 
</html>
 
</html>

Revision as of 00:41, 20 July 2017