371 lines
No EOL
7.9 KiB
CSS
371 lines
No EOL
7.9 KiB
CSS
body {
|
|
padding: 50px;
|
|
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
|
color: white;
|
|
background-color: #101010;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
h1 {
|
|
text-align: center; }
|
|
|
|
h2 {
|
|
color: #e0e0e0;
|
|
margin-top: 0;
|
|
text-align: center; }
|
|
|
|
#signin, #signup, #forgotPsw {
|
|
padding: 4vw; }
|
|
|
|
.notregister, .alreadyregister {
|
|
border: none;
|
|
color: #0099ff;
|
|
background-color: transparent;
|
|
font-size: 15px;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 15px;
|
|
cursor: pointer; }
|
|
|
|
.invisible {
|
|
display: none; }
|
|
|
|
.signinup {
|
|
margin-top: 15vh;
|
|
background-color: #2a2a2a;
|
|
border-radius: 2vw; }
|
|
.signinup form input {
|
|
color: #e0e0e0;
|
|
margin-bottom: 4vh;
|
|
font-size: 18px; }
|
|
.signinup form input[type="submit"] {
|
|
padding: 1vw;
|
|
border-radius: 2vw;
|
|
background-color: #0099ff;
|
|
color: white;
|
|
border: none;
|
|
width: 40%;
|
|
display: block;
|
|
margin: auto;
|
|
font-size: 18px;
|
|
border: 2px solid #2C3531;
|
|
cursor: pointer;
|
|
transition-duration: 0.3s; }
|
|
.signinup form input[type="submit"]:hover {
|
|
color: #0099ff;
|
|
background-color: #101010;
|
|
border: 2px solid #0099ff; }
|
|
|
|
i {
|
|
color: #00c0ff; }
|
|
|
|
#panel {
|
|
background-color: #2a2a2a;
|
|
height: 100vh;
|
|
border-right: 2px solid #a1a1a1;
|
|
padding: 0;
|
|
position: fixed; }
|
|
|
|
#main {
|
|
background-color: #101010;
|
|
margin-left: 16vw; }
|
|
|
|
#navtop {
|
|
font-size: 22px; }
|
|
#navtop .maintitle {
|
|
font-size: 50px;
|
|
text-align: center;
|
|
margin: 0;
|
|
margin-top: 2vh; }
|
|
#navtop ul {
|
|
margin: 0;
|
|
text-align: right; }
|
|
#navtop ul li.active {
|
|
background: #00c0ff; }
|
|
#navtop ul li.active a {
|
|
color: black; }
|
|
#navtop ul li {
|
|
border-top: 1px solid #101010;
|
|
background: linear-gradient(to right, #2a2a2a 50%, #00c0ff 50%) left;
|
|
background-size: 200%;
|
|
transition: .3s ease-out; }
|
|
#navtop ul li a {
|
|
padding: 1.3vw;
|
|
color: #C5C6C7;
|
|
display: block;
|
|
width: 100%;
|
|
transition-duration: 0.3s; }
|
|
#navtop ul li:hover {
|
|
background-position: right;
|
|
cursor: pointer; }
|
|
#navtop ul li:hover a {
|
|
color: black; }
|
|
|
|
#navprofile {
|
|
font-size: 18px;
|
|
padding-top: 1vh;
|
|
padding-bottom: 1vh;
|
|
margin: 0;
|
|
text-align: center; }
|
|
#navprofile p {
|
|
margin-top: 1vh;
|
|
margin-bottom: 0; }
|
|
#navprofile a {
|
|
cursor: pointer; }
|
|
|
|
.student {
|
|
background: radial-gradient(circle, #014f74 20%, #0f0f63 100%); }
|
|
|
|
.teacher {
|
|
background: radial-gradient(circle, #057401 20%, #0b440a 100%); }
|
|
|
|
.admin {
|
|
background: radial-gradient(circle, #744a01 20%, #632a0f 100%); }
|
|
|
|
#page {
|
|
margin: 0; }
|
|
|
|
#edtjour .edtflex {
|
|
display: flex;
|
|
flex-direction: column; }
|
|
#edtjour .edtflex div:first-child p {
|
|
margin: 22px; }
|
|
#edtjour .edtflex div:last-child {
|
|
border: none; }
|
|
#edtjour .edtflex div {
|
|
text-align: center;
|
|
font-size: 15px;
|
|
background-color: #2a2a2a;
|
|
padding: 0 10px;
|
|
border-bottom: 2px solid #a1a1a1; }
|
|
#edtjour .edtflex div p {
|
|
margin: 10px; }
|
|
#edtjour .edtflex .edthead {
|
|
border: none;
|
|
font-size: 22px;
|
|
background-color: #0099ff; }
|
|
#edtjour .edtflex .edtmidi {
|
|
height: 10vh;
|
|
background-color: #1f1f1f; }
|
|
|
|
#filactu .actuflex {
|
|
background-color: #1f1f1f;
|
|
padding: 0;
|
|
height: 70vh;
|
|
display: flex;
|
|
flex-direction: column; }
|
|
#filactu .actuflex div:last-child {
|
|
border: none; }
|
|
#filactu .actuflex .actucontent {
|
|
overflow-y: scroll;
|
|
padding: 0;
|
|
height: 70vh;
|
|
cursor: auto; }
|
|
#filactu .actuflex .actucontent div:hover {
|
|
background-color: #686868; }
|
|
#filactu .actuflex div {
|
|
text-align: left;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
background-color: #2a2a2a;
|
|
padding: 0 10px;
|
|
border-bottom: 2px solid #a1a1a1; }
|
|
#filactu .actuflex p {
|
|
margin: 0;
|
|
padding: 10px; }
|
|
#filactu .actuflex .actuhead {
|
|
border: none;
|
|
cursor: auto;
|
|
font-size: 22px;
|
|
background-color: #0099ff;
|
|
text-align: center; }
|
|
#filactu .actuflex .actuhead p {
|
|
padding: 22px; }
|
|
#filactu .actuflex .actuhead:hover {
|
|
background-color: #0099ff; }
|
|
|
|
#welcome {
|
|
padding-bottom: 25px;
|
|
font-size: 35px; }
|
|
|
|
h3 {
|
|
font-size: 22px;
|
|
text-align: center; }
|
|
|
|
#edttable {
|
|
margin-top: 5vh;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto; }
|
|
#edttable .midi td {
|
|
height: 10vh; }
|
|
#edttable th {
|
|
background-color: #0099ff;
|
|
text-align: center;
|
|
border-radius: 0;
|
|
border: 1px solid white;
|
|
font-size: 18px; }
|
|
#edttable tr td:first-child {
|
|
border-left: 1px solid white; }
|
|
#edttable tr td:last-child {
|
|
border-right: 1px solid white; }
|
|
#edttable tr:last-child td {
|
|
border-bottom: 1px solid white; }
|
|
#edttable td {
|
|
text-align: center;
|
|
font-size: 15px;
|
|
background-color: #686868;
|
|
padding: 0;
|
|
border-radius: 0;
|
|
border: 1px solid black; }
|
|
#edttable td p {
|
|
margin: 10px; }
|
|
#edttable td:nth-child(even) {
|
|
background-color: #2a2a2a; }
|
|
|
|
#edtweek i {
|
|
cursor: pointer; }
|
|
|
|
#edtweek div:nth-child(1) {
|
|
text-align: right; }
|
|
|
|
#edtweek div:nth-child(3) {
|
|
text-align: left; }
|
|
|
|
#marks table {
|
|
border: 1px solid white;
|
|
margin-top: 80px;
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
table-layout: fixed;
|
|
border-collapse: collapse; }
|
|
#marks table tbody {
|
|
display: block;
|
|
height: 194px;
|
|
overflow: auto; }
|
|
#marks table thead, #marks table tbody tr {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed; }
|
|
#marks table th {
|
|
border: 1px solid white;
|
|
background-color: #0099ff;
|
|
text-align: center;
|
|
font-size: 22px; }
|
|
#marks table td {
|
|
font-size: 18px;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
text-align: center;
|
|
background-color: #2a2a2a;
|
|
border-radius: 0;
|
|
border: 1px solid #686868; }
|
|
|
|
.marksdetails {
|
|
display: none;
|
|
z-index: 1;
|
|
position: fixed;
|
|
left: 40%;
|
|
top: 20%;
|
|
width: 30%; }
|
|
.marksdetails table {
|
|
border-collapse: collapse;
|
|
border: 1px solid white; }
|
|
.marksdetails th {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
border: 1px solid white;
|
|
background-color: #0099ff; }
|
|
.marksdetails td {
|
|
text-align: center;
|
|
background-color: #2a2a2a;
|
|
border: none;
|
|
border-right: 1px solid white;
|
|
font-size: 18px; }
|
|
.marksdetails tr:last-child td {
|
|
border-bottom: 1px solid white; }
|
|
|
|
div#visible {
|
|
display: block; }
|
|
|
|
div#visible + div {
|
|
filter: blur(4px) grayscale(80%); }
|
|
|
|
.marksgroup {
|
|
margin-top: 300px; }
|
|
.marksgroup h3 {
|
|
background-color: #0099ff;
|
|
margin: 0;
|
|
padding: 15px;
|
|
font-size: 22px; }
|
|
|
|
#flexgroup {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
background: #2a2a2a; }
|
|
#flexgroup p {
|
|
background-color: #686868;
|
|
cursor: pointer;
|
|
padding: 15px;
|
|
font-size: 18px; }
|
|
|
|
#markstable {
|
|
width: 95%;
|
|
table-layout: fixed;
|
|
margin: auto; }
|
|
#markstable tbody {
|
|
display: block;
|
|
height: 70vh;
|
|
overflow: auto; }
|
|
#markstable thead, #markstable tbody tr {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed; }
|
|
#markstable ::placeholder {
|
|
color: #000;
|
|
opacity: 1; }
|
|
#markstable th {
|
|
background-color: #0099ff;
|
|
border: 2px solid white;
|
|
text-align: center;
|
|
font-size: 22px; }
|
|
#markstable th input {
|
|
font-size: 22px;
|
|
border: none;
|
|
color: white;
|
|
text-align: center; }
|
|
#markstable tr td {
|
|
background-color: #686868; }
|
|
#markstable tr:nth-child(even) td {
|
|
background-color: #2a2a2a; }
|
|
#markstable td {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
border: 1px solid #e0e0e0; }
|
|
#markstable td input {
|
|
font-size: 18px;
|
|
border: none;
|
|
color: white;
|
|
text-align: center; }
|
|
|
|
#marksubmit {
|
|
display: block;
|
|
width: 30%;
|
|
background-color: #0099ff;
|
|
margin-top: 50px;
|
|
color: white;
|
|
border: none;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-size: 22px;
|
|
padding: 15px;
|
|
cursor: pointer;
|
|
margin-bottom: 50px; }
|
|
|
|
/*# sourceMappingURL=style.css.map */ |