gergof/sQuiz
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Dump from SVN

Browse Source
This commit is contained in:
Fándly Gergő
2019-08-08 16:43:21 +03:00
parent f96d5a49e9
commit c8973cda7e
34 changed files with 3703 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
style/mobile.css Normal file
View File

@ -0,0 +1,83 @@
/**
* /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%;
}

174
style/style.css Normal file
View File

@ -0,0 +1,174 @@
/**
* /style/style.css
* @version 1.4
* @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/>.
**/
html{
background: url('../res/background.png') center center fixed no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-size: cover;
}
.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: 1em;
padding-top: 4em;
padding-bottom: 4em;
width: 9em;
margin: 0.1em;
}
button.red{
background: rgba(230,74,74,0.9);
border: 1px solid rgba(187,48,48,0.9);
}
button.red:hover{
background: rgba(200,54,54,0.9);
}
button.green{
background: rgba(74,230,74,0.9);
border: 1px solid rgba(48,487,48,0.9);
}
button.green:hover{
background: rgba(54,200,54,0.9);
}
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;
flex-wrap: wrap;
width: 99%;
}
div.container{
background: rgba(34,168,186,0.7);
padding: 1em;
border-radius: 0.5em;
border: 1px solid rgba(28,157,175,0.9);
width: 95%;
}
/* the world's fanciest checkbox */
div.checkbox{
width: 7em;
height: 2.5em;
background: rgb(140, 140, 140);
border-radius: 1.5em;
position: relative;
}
div.checkbox:before{
content: 'On';
position: absolute;
top: 30%;
left: 15%;
color: rgb(35, 200, 40);
font-size: 1em;
}
div.checkbox:after{
content: 'Off';
position: absolute;
top: 30%;
right: 15%;
color: rgb(15, 15, 15);
font-size: 1em;
}
div.checkbox label{
display: block;
width: 45%;
height: 55%;
border-radius: 1.5em;
transition: 0.5s;
cursor: pointer;
position: absolute;
top: 22.5%;
left: 10%;
z-index: 1;
background: rgb(220, 220, 220);
}
div.checkbox input[type=checkbox]:checked + label{
left: 45%;
background: rgb(35, 200, 40);
}
div.checkbox input[type=checkbox]{
display: none;
}
input{
border-radius: 5px;
padding: 0.5em;
border: 1px solid rgba(28,157,175,0.9);
}
textarea{
border-radius: 5px;
padding: 0.5em;
border: 1px solid rgba(28,157,175,0.9);
}
fieldset{
border: none;
}
div.indented{
margin-left: 6em;
}
div.flexcontainer{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
width: 95%;
}