Commit 20e2a25e authored by Bruno Meyer's avatar Bruno Meyer 😢
Browse files

Merge branch 'versao_mobile' into 'master'

Versao mobile

See merge request !2
parents 538fa406 021e8cb7
......@@ -23,12 +23,47 @@ a{
position: fixed;
left: 0;
top: 0;
padding: 0 inherit;
width: 14em;
height: 100%;
cursor: pointer;
}
#options {
display:none;
position:fixed;
right:0;
top:0;
background: #40444c;
border-color: #DDD;
z-index:10;
}
#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;
......@@ -39,7 +74,7 @@ a{
@media only screen and (max-device-width: 480px) {
#navbar{
display: none;
display: inline;
}
#container{
......@@ -279,3 +314,49 @@ 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 {
display:none;
width: 100%;
top:0;
overflow: hidden;
}
#options {
display:inline;
}
#menu.open{
transition-timing-function: ease-out;
transition: height 100%;
}
}
......@@ -32,6 +32,9 @@
<?php /* TODO: Trocar logo 2016
<img class="pure-menu-heading" id="logo" src="assets/logo.png"/>
*/?>
<ul id="menu">
<li><a href="#log">Atualizações</a></li>
<li class="pure-menu-heading">Introdução</li>
......@@ -450,11 +453,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">
......@@ -505,4 +508,26 @@ ______________________________________PATROCINIO AQUI__________________________
</div>
</div>
</div>
<div id="options">
<div onclick="open_menu()">
<div></div>
<div></div>
<div></div>
</div>
</div>
<script>
function open_menu(){
e = document.getElementById('menu');
if(e.style.display != "inline")
e.style.display="inline";
else
e.style.display="none";
}
</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