Commit a9ec2bf0 authored by Jomaro Rodrigues's avatar Jomaro Rodrigues

o menu lateral é decentemente escondido em um dispositivo de tela pequena

fica o cargo do bruno fazer o menu ser mostrado em dropdown quando apertarem
no botão de opções. Avisem ele disso.
parent 83bf5dcb
......@@ -23,12 +23,42 @@ a{
position: fixed;
left: 0;
top: 0;
padding: 0 inherit;
width: 14em;
height: 100%;
cursor: pointer;
}
#options {
background: #40444c;
border-color: #DDD;
}
#options > div {
position: absolute;
right: 7px;
top: 7px;
width: 35px;
height: 40px;
border: 2px solid;
border-radius: 4px;
margin: 8px;
border-color: #CCC;
}
#options > div > div{
width: 27px;
height: 6px;
border: 1px solid;
border-radius: 3px;
margin: 4px 2px;
border-color: #CCC;
}
#container{
padding: 1em;
......@@ -275,3 +305,43 @@ table#cronograma .othercolumns{
margin-top: 3%;
width: 180px;
}
@media screen and (max-width: 800px) {
.content {
width: 92%;
}
}
@media screen and (max-width: 630px) {
body {
padding-top: 40px;
}
#navbar {
width: 100%;
height: auto;
}
#container {
padding: 0;
}
#menu {
height: 0;
overflow: hidden;
}
#menu.open{
transition-timing-function: ease-out;
transition: height 100%;
}
}
......@@ -31,6 +31,15 @@
<?php /* TODO: Trocar logo 2016
<img class="pure-menu-heading" id="logo" src="assets/logo.png"/>
*/?>
<div id="options">
<div onclick="open_menu()">
<div></div>
<div></div>
<div></div>
</div>
</div>
<ul id="menu">
<li><a href="#log">Atualizações</a></li>
<li class="pure-menu-heading">Introdução</li>
......@@ -432,11 +441,11 @@
Mande uma sugestão pelo formulário abaixo ou envie um email para
pet@inf.ufpr.br</p>
<div class="pure-u-3-5 wrap-center">
<div class="pure-u-5-5 wrap-center">
<form action="sugestoes.php" method="POST" class="pure-form">
<label for="name" id="lb-sugestao">Sugestões</label>
<br>
<textarea name="sugestao" class="pure-u-3-5" rows="5"></textarea>
<textarea name="sugestao" class="pure-u-5-5 pure-u-md-3-5" rows="5"></textarea>
<br><br>
<div class="pure-controls">
......@@ -487,4 +496,19 @@ ______________________________________PATROCINIO AQUI__________________________
</div>
</div>
</div>
<script>
function open_menu(){
e = document.getElementById('menu');
if(e.className == "open"){
e.className = "";
}
else{
e.className = "open";
}
}
</script>
</body>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment