sQuiz/style/mobile.css
2019-08-08 16:43:21 +03:00

84 lines
1.9 KiB
CSS

/**
* /style/style.php
* @version 1.0
* @desc Style file for desktop
* @author Fándly Gergő Zoltán (gergo@systemtest.tk, systemtest.tk)
* @copy 2017 Fándly Gergő Zoltán
* License:
sQuiz for creating small jQuery based quizs in an implementable way
Copyright (C) 2017 Fándly Gergő Zoltán
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
**/
div.background{
background: url('../res/background.png') center center fixed no-repeat;
opacity: 0.7;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.center{
margin: auto;
}
.centerchild{
text-align: center;
}
button{
background: rgba(34,168,186,0.9);
padding: 1em;
border-radius: 0.5em;
border: 1px solid rgba(28,157,175,0.9);
}
button:hover{
background: rgba(24,148,165,0.9);
}
button.big{
font-size: 3em;
padding: 2em;
padding-top: 4em;
padding-bottom: 4em;
width: 24%;
}
footer{
background: rgb(200,200,200);
border-radius: 1em;
width: 80%;
margin: auto;
font-size: 0.8em;
text-align: center;
padding: 0.3em;
}
hr.placeholder{
border: none;
height: 30px;
}
div.menu{
display: flex;
justify-content: space-around;
}
div.menu.middle{
position: absolute;
top: 25%;
}