SOITA/static/style.css

595 lines
9.4 KiB
CSS
Raw Normal View History

2021-12-09 23:25:35 +01:00
.sidenav {
height: 100%;
width: 215px;
2021-12-09 23:25:35 +01:00
position: fixed;
z-index: 1;
top: 0;
left: 0;
2021-12-29 19:31:10 +01:00
background-color: #FF0B7E;
2021-12-09 23:25:35 +01:00
overflow-x: :hidden;
padding-top: 20px;
2022-01-19 20:56:00 +01:00
overflow-y: scroll;
2021-12-09 23:25:35 +01:00
}
.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 20px;
color: #FEEFE5;
display: block;
line-height: 1.6;
}
.sidenav a:hover {
color: #00916E;
}
2021-12-23 14:03:12 +01:00
.sidenav p {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 20px;
color: #FEEFE5;
display: block;
line-height: 1.6;
text-transform: uppercase;
}
2021-12-20 19:40:24 +01:00
.sidenav-footer {
}
2022-01-30 14:26:15 +01:00
.helpText {
font-size: 18px;
padding-bottom: 15px;
}
2021-12-09 23:25:35 +01:00
.main {
margin-left: 215px;
2021-12-29 19:31:10 +01:00
padding: 0px 40px;
2021-12-09 23:25:35 +01:00
}
2021-12-23 14:03:12 +01:00
.main h1 {
text-align: center;
text-transform: uppercase;
2021-12-29 19:31:10 +01:00
padding-bottom: 50px;
}
2022-01-30 14:26:15 +01:00
.main h2 {
font-weight: bold;
padding-bottom: 20px;
}
.main h3 {
font-weight: bold;
text-align: center;
padding-top: 50px;
padding-bottom: 20px;
font-size: 20px;
}
.main img {
2022-01-30 15:14:12 +01:00
width: 80%;
2022-01-30 14:26:15 +01:00
height: auto;
}
.mainImgCenter {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
2022-05-25 00:40:04 +02:00
.tournamentQuestionContainer {
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
width: 1500px;
height: 150px;
}
2021-12-29 19:31:10 +01:00
.mainTestContainer {
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
width: 750px;
height: 200px;
2021-12-29 19:31:10 +01:00
}
.mainTestName {
font-weight: bold;
font-size: 20px;
2022-01-25 18:45:02 +01:00
padding-bottom: 25px;
2021-12-29 19:31:10 +01:00
}
2022-01-23 17:10:05 +01:00
.solvedTestContainer {
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
2022-04-15 21:04:04 +02:00
width: 320px;
height: 250px;
}
.solvedTestContainerMini {
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
width: 320px;
2022-01-23 17:10:05 +01:00
height: 200px;
}
.solvedTestText {
font-size: 16px;
padding-bottom: 20px;
}
2021-12-29 19:31:10 +01:00
.mainTestMeta {
padding-bottom: 30px;
2022-01-19 20:56:00 +01:00
/*transform: translate(150%,0%);*/
width:100%;
}
.mainTestMetaLine {
padding-bottom: 10px;
display: flex;
justify-content: space-between;
}
.mainTestMetaInfoText {
width: 250px;
color: #808080;
font-size: 13px;
text-align: center;
}
.mainTestMetaLineLabels {
padding-bottom: 10px;
padding-top: 10px;
margin-left: 15%;
margin-right: 15%;
display: flex;
justify-content: space-between;
}
.mainTestMetaLabels {
font-weight: bold;
font-size: 16px;
color: #000000;
text-align: center;
2022-01-19 20:56:00 +01:00
}
.left {
float:left;
width: 175px;
}
.center {
display: inline-block;
margin:0 auto;
width: 175px;
}
.right {
float:right;
width: 175px;
2021-12-29 19:31:10 +01:00
}
.mainTestContainer button {
height: 30px;
width: 150px;
color: #FFF;
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
transform: translate(200%,0%);
}
2022-01-23 17:10:05 +01:00
.solvedTestContainer button {
height: 30px;
width: 150px;
color: #FFF;
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
}
.solvedTestContainer a {
color: inherit;
text-decoration: inherit;
}
2022-01-19 20:56:00 +01:00
.doubleButton button{
height: 30px;
width: 150px;
color: #FFF;
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
transform: translate(150%,0%);
}
2022-01-23 17:10:05 +01:00
.tripleButton button{
color: #FFF;
background: #00916E;
font-size: 17px;
height: 30px;
width: 150px;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
transform: translate(115%,0%);
}
2022-01-19 20:56:00 +01:00
.defaultButton {
height: 30px;
width: 150px;
color: #FFF;
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
}
.defaultButton a {
color: inherit;
text-decoration: inherit;
}
2022-01-31 00:09:40 +01:00
.defaultButton a:hover{
color: inherit;
text-decoration: inherit;
}
2022-05-25 00:40:04 +02:00
.tournamentButton {
height: 30px;
width: 300px;
color: #FFF;
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
}
.tournamentButton a {
color: inherit;
text-decoration: inherit;
}
.tournamentButton a:hover{
color: inherit;
text-decoration: inherit;
}
2021-12-29 19:31:10 +01:00
.mainTestContainer a {
color: inherit;
text-decoration: inherit;
}
.mainTestDesc{
padding-bottom: 15px;
2022-01-19 20:56:00 +01:00
text-align: center;
2021-12-29 19:31:10 +01:00
}
.mainTestQuest {
2021-12-23 14:03:12 +01:00
}
2021-12-10 15:39:22 +01:00
.authContent {
top: 50%;
left: 50%;
position: absolute;
width: 400px;
height: 550px;
padding: 80px 40px;
2021-12-09 23:25:35 +01:00
background-color: #FEEFE5;
2021-12-10 15:39:22 +01:00
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #2B3D41;
2021-12-09 23:25:35 +01:00
}
2021-12-10 15:39:22 +01:00
.authContent h2 {
margin: 0;
padding: 0 0 20px;
text-align: center;
text-transform: uppercase;
}
2021-12-20 19:40:24 +01:00
.authContent h3 {
margin: 0;
padding: 0 0 20px;
text-align: center;
}
2021-12-10 15:39:22 +01:00
.authContent p {
margin: 0;
padding: 0;
font-weight: bold;
line-height: 1.5;
}
.authContent input {
2021-12-09 23:25:35 +01:00
width: 100%;
2021-12-10 15:39:22 +01:00
margin-bottom: 20px;
}
.authContent input[type=text],
.authContent input[type=email],
.authContent input[type=password]{
border: none;
border-bottom: 1px solid #2B3D41;;
background: transparent;
outline: none;
height: 35px;
color: #2B3D41;;
}
.authContent input[type=submit]{
height: 30px;
color: #FFF;
font-size: 15px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
margin-top: 15px;
}
input[type=checkbox]{
width: 20%;
2021-12-09 23:25:35 +01:00
}
.titleBar {
height: 50px;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #2B3D41;
padding-top: 20px;
text-align: center;
text-decoration: none;
font-size: 30px;
color: #FEEFE5;
display: block;
2021-12-10 15:39:22 +01:00
}
2021-12-20 19:40:24 +01:00
.authContent button{
width: 100%;
margin-bottom: 20px;
height: 30px;
color: #FFF;
font-size: 15px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
margin-top: 15px;
}
2021-12-29 19:31:10 +01:00
background-color:#FF0B7E
2022-01-12 10:50:34 +01:00
.resultContainer{
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
width: 800px;
height: 1000px;
padding-bottom: 15px;
}
.resultContainer label {
font-weight: bold;
font-size: 20px;
}
.resultContainerSpace {
padding-bottom: 15px;
}
2022-01-12 10:50:34 +01:00
.resultImage{
}
.resultMsg {
font-weight: bold;
font-size: 24px;
}
.resultScore {
font-weight: bold;
font-size: 20px;
}
.resultText {
2022-01-23 17:10:05 +01:00
font-weight: normal;
font-size: 16px;
2022-01-13 23:24:24 +01:00
}
.accountInfoContainer{
border-radius: 25px;
padding: 20px;
width: 800px;
height: 1000px;
padding-bottom: 15px;
}
.accountInfoName {
font-weight: bold;
font-size: 20px;
}
.accountInfoText {
2022-01-30 14:26:15 +01:00
padding-bottom: 20px;
}
.accountInfoContainer img {
width: auto;
height: auto;
2022-01-13 23:24:24 +01:00
}
.accountInfoContainer button{
background-color: #00916E;
border: 1px solid green; /* Green border */
color: white; /* White text */
padding: 10px 24px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */
width: 250px; /* Set a width if needed */
display: block; /* Make the buttons appear below each other */
border-radius: 25px;
}
.accountInfoContainer button:not(:last-child) {
border-bottom: none; /* Prevent double borders */
}
/* Add a background color on hover */
.accountInfoContainer button:hover {
background-color: #3e8e41;
}
2022-01-23 17:10:05 +01:00
2022-01-13 23:24:24 +01:00
.accountInfoContainer a{
color: inherit;
text-decoration: inherit;
}
2022-01-23 17:10:05 +01:00
/*.defaultButton a {
color: inherit;
text-decoration: inherit;
}*/
.accountInfoContainer input[type=submit]{
height: 30px;
color: #FFF;
font-size: 15px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
2022-01-16 17:51:36 +01:00
}
2022-01-19 20:56:00 +01:00
.testContent{
2022-01-21 17:25:50 +01:00
padding-top: 15px;
2022-01-19 20:56:00 +01:00
padding-bottom: 15px;
padding-left: 20px;
}
2022-01-31 00:09:40 +01:00
.testContent a{
color: inherit;
text-decoration: inherit;
}
.testContent a:hover{
color: inherit;
text-decoration: inherit;
}
2022-01-16 17:51:36 +01:00
.testContent input[type=submit]{
height: 30px;
2022-01-31 00:09:40 +01:00
width: 200px;
2022-01-16 17:51:36 +01:00
color: #FFF;
2022-01-19 20:56:00 +01:00
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
}
.linkDefault {
padding-top: 15px;
}
.linkDefault a {
color: #00916E;
text-decoration: none;
2022-04-15 21:04:04 +02:00
font-weight: bold;
2022-01-19 20:56:00 +01:00
}
.newContainer input[type=submit]{
height: 30px;
width: 150px;
color: #FFF;
font-size: 17px;
2022-01-16 17:51:36 +01:00
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
2022-01-21 18:34:46 +01:00
}
2022-01-31 00:09:40 +01:00
.newContainer input[type=text]{
width: 500px;
}
.newQuestionSection {
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
width: 750px;
height: 350px;
}
.questionSectionLabelText {
font-weight: bold;
font-size: 16px;
padding-bottom: 20px;
}
.addQuestionButton {
}
2022-01-21 18:34:46 +01:00
.editContainer {
overflow: scroll;
}
.editContainerLine {
2022-04-11 12:20:29 +02:00
padding: 0px 0px 0px 0px;
2022-01-21 18:34:46 +01:00
}
.editContainerSection {
padding-bottom: 15px;
}
.editContainerSection h2 {
display: inline;
2022-04-11 12:20:29 +02:00
}
span {
margin-right: 10px;
}
.starChecked {
color: gold;
}
.fireChecked {
color: red;
}
.locked {
color: #19647E;
2022-01-12 10:50:34 +01:00
}