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

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<script>
+
    <!--<link type='text/css' rel='stylesheet' href='parallels.css' />
 +
    <link type='text/css' rel='stylesheet' href='navigation_bar.css' />
 +
    <script type='text/javascript' src='https://cldup.com/HJtlSwy2qT.js'></script>-->
 +
<!--<script>
 
var win_width = window.innerWidth;
 
var win_width = window.innerWidth;
 
var win_height = window.innerHeight;
 
var win_height = window.innerHeight;
 
alert(win_width+'px - '+win_height+'px');
 
alert(win_width+'px - '+win_height+'px');
−
</script>
+
</script>-->
 +
 
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
    <!--MapData-->
 +
    <script type='text/javascript' src='https://cldup.com/5Z2ITXdyyU.js' ></script>
 +
 
 +
    <!--WorldMap-->
 +
    <script type='text/javascript' src='https://cldup.com/xqxZ7YKC3A.js'></script>
  
 
</head>
 
</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'>
 +
<ul class='clearfix' id='list'>
 +
<li><a target='_self' href='https://2017.igem.org/Team:Greece/home'>
 +
<img class='logo' id='logo'
 +
src='https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19894766_1578295635526080_6714302824538971318_n.jpg?oh=6302c72597373a43c3a264cf8008564a&oe=5A01A2CD' /></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'>
 +
<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/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/our_team'>TEAM</a></li>
 +
</span>
 +
</ul>
 +
</nav>
 +
                </div>
 +
 +
<!-- The Navigation Menu -->
 +
<style>
 +
 +
body{ background: #ffffff }
 +
 +
a{
 +
text-decoration:none;
 +
color:#000000;
 +
}
 +
a:visited{ text-decoration:none; }
 +
a:link{ text-decoration:none; }
 +
a:hover{ text-decoration:none; }
 +
a:active{ text-decoration:none; }
 +
 +
.clearfix:after {
 +
    display:block;
 +
    clear:both;
 +
}
 +
.menu_wrap {
 +
position:absolute;
 +
        margin:-4px 0px 0px 0px;
 +
text-align:center;
 +
height:74px;
 +
        width: 100%;
 +
        -webkit-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);
 +
        background:#ffffff;
 +
        opacity:0.6;
 +
z-index:1000;
 +
/*border:1px solid black;*/
 +
}
 +
 +
.menu {
 +
    position:relative;
 +
    width: 100%;
 +
    margin:-5px 0px 0px 0px;
 +
    z-index:1000;
 +
    height: 70px;
 +
    -webkit-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);
 +
}
 +
 +
.menu li {
 +
position:relative;
 +
padding:0px;
 +
        margin-right: 3%;
 +
        margin-left: 3%;
 +
        list-style: none;
 +
height: 35px;
 +
/*border-right: 1px solid #428bca;*/
 +
display:inline-block;
 +
}
 +
 +
.menu a{
 +
    transition:all linear 0.25s;
 +
    color:#868383;
 +
font-size:15px;
 +
font-family:Century Gothic;
 +
font-size: 17px;
 +
}
 +
 +
.menu li:hover > a{
 +
    text-decoration:none;
 +
    color:#000000;
 +
}
 +
.menu > ul > li {
 +
    float:left;
 +
margin-left:8px;
 +
    display:inline-block;
 +
    position:relative;
 +
    font-size:18px;
 +
line-height:30px;
 +
}
 +
 +
.menu ul li a {
 +
    padding:4px 25px;
 +
    display:inline-block;
 +
    text-shadow:0px 1px 0px rgba(0,0,0,0.3);
 +
}
 +
 +
/* Logo */
 +
 +
.logo{
 +
position:absolute;
 +
margin:-17px 0px 0px -50px;
 +
width:122px;
 +
height:69px;
 +
/*border:1px solid grey;*/
 +
text-align:left;
 +
/*box-shadow:0px 1px 3px rgba(0,0,0,0.2);*/
 +
        z-index:1000;
 +
}
 +
 +
#just_to_align{
 +
position:absolute;
 +
right: 5%;
 +
width: 100%;
 +
margin: 16px 10px 0px 0px;
 +
/*border: 1px solid black;*/
 +
text-align:right;
 +
}
 +
 +
.li_indiv{
 +
position:relative;
 +
text-align:center;
 +
margin:0px 35px 0px 0px;
 +
/*word-wrap: break-word;*/
 +
/*border:1px solid black;*/
 +
}
 +
 +
.li_indiv a{
 +
position:relative;
 +
top:5px;
 +
}
 +
 +
div #sideMenu a #home_logo img{
 +
  display:none;
 +
}
 +
 +
</style>
 +
 +
 +
<!--Responsive stylesheets-->
 +
<!--DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION-->
 +
 +
<style>
 +
 +
 +
/* 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{
 +
position:relative;
 +
                margin:-10px 0px 0px 0px;
 +
                width: 1349px;
 +
/*No left or right margins - menu wides fullscreen*/
 +
}
 +
 +
.menu{
 +
position:absolute;
 +
width: 1349px;
 +
margin:-70px 0px 0px 0px;
 +
}
 +
 +
.menu > ul > li{
 +
margin-left:12px;
 +
}
 +
.menu li{
 +
margin-right: 35px;
 +
margin-left: 35px;
 +
}
 +
 +
#just_to_align{
 +
right: 60px;
 +
margin: 15px 10px 0px 0px;
 +
}
 +
.logo{
 +
margin: -20px 0px 0px -56px;
 +
}
 +
</style>
 +
<div id='map'></div>
 +
 +
 +
 +
<!--Styling script-->
 +
<script>
 +
//Changes shall apply under void()
 +
// Upper black toolbar stays there id = 'top_menu_14'  -> Could be display:block
 +
// Main div wrapper contains code and all other stuff id = 'content' -> Change id to 'content2'
 +
// Reason: iGEM puts everything in document.getElementById('content') - change id - cause element 404
 +
void(document.getElementById('content').id = 'content0')
 +
 +
// Div (placeholder) containing the iGEM logo and some text id = 'top_title' -> Apply display: none
 +
void(document.getElementById('top_title').style.display = 'none');
 +
 +
// Small icon in the top black toolbar id = 'bars_item' -> Apply display: none
 +
void(document.getElementById('bars_item').style.display = 'none');
 +
// Same application for it's side effect (display an ugly div by default)
 +
 +
void(document.getElementById('user_item').style.display = 'none');
 +
void(document.getElementById('sideMenu').style.display = 'none');
 +
var element = document.getElementById('home_logo');
 +
element.outerHTML = '';
 +
delete element;
 +
</script>
 +
</body>
 
</html>
 
</html>

Revision as of 14:54, 2 August 2017