Get to know the friendly face of ProgTest 😀. This style is inspired by the website of FIT CTU.
ProgTest FIT Style by 316filip
Details
Author316filip
LicenseNo License
Categoryprogtest.fit.cvut.cz
Created
Updated
Size14 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name ProgTest FIT Style
@namespace github.com/openstyles/stylus
@version 1.0.4
@description Get to know the friendly face of ProgTest 😀. This style is inspired by the website of FIT CTU.
@author 316filip
==/UserStyle== */
@-moz-document domain("progtest.fit.cvut.cz") {
/* Despite the comments, the code may seem a bit unorganized. This is because ProgTest is very unorganized. I'll never be able to unsee the frontend source code... */
html {
min-height: 100vh;
background-color: white;
}
body {
min-height: calc(100vh - 2rem);
background-color: white;
padding-bottom: 2rem;
font-size: .9rem;
}
table {
border-collapse: collapse;
}
tr, input {
font-family: "Roboto",sans-serif !important;
font-size: inherit !important;
}
center {
padding: 0 2rem 0 2rem;
}
center > * {
width: 100% !important;
}
center > img {
width: auto !important;
}
br {
display: none;
}
a:hover {
color: #f0ab00;
}
/* Login page */
.insBox {
width: auto !important;
padding: 1.5rem;
background-color: #fceecc;
border: 2px solid #f0ab00;
position: fixed;
top: 50%;
left: 50%;
translate: -50% -50%;
box-shadow: 0px 7px 8px 0px rgba(29,29,27,.18);
}
.outBox table#main, .outBox>form>table {
background-color: #fff !important;
border: 0;
padding: 1rem;
}
.outBox table#main td, .outBox>form>table td {
background-color: transparent;
border: 0;
padding: .5rem;
}
.outBox table#main .lrtbCell, .outBox>form>table .lrtbCell {
padding: 2rem !important;
padding-bottom: .5rem !important;
}
.outBox table#main .Cell, .outBox>form>table .Cell {
padding-bottom: 2rem !important;
}
.but1, .but2 {
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
}
.but2 {
display: flex;
}
.but2 a {
color: #0071bb;
border: 2px solid #bdd9ed;
padding: .25rem .25rem;
}
.but2 a::after {
margin-left: .5rem;
content: "►";
font-weight: bold !important;
}
.but2 a:hover {
background-color: #f0ab00;
border-color: #f0ab00;
color: white;
}
input.std {
border: 1px solid gray !important;
border-radius: .25rem !important;
}
input.err {
border: 1px solid #f0ab00 !important;
background-color: #F03A47 !important;
border-radius: .25rem;
}
input.stdDis {
border: 2px solid lightgray !important;
border-radius: .25rem !important;
background-color: white !important;
}
input[type=file].std {
border: 2px solid #bdd9ed !important;
background-color: transparent !important;
}
input[type=file].std::file-selector-button {
border: none;
background-color: #fceecc;
padding: .25rem;
}
input[type=file].std:hover {
cursor: pointer !important;
}
select.std {
border: 2px solid #bdd9ed !important;
border-radius: 0;
width: 100%;
}
.insBox .outBox td {
padding: .5rem !important;
}
/* Index page */
.topLayout {
margin-top: 2rem;
width: 100%;
}
table.topLayout, .topLayout table {
position: relative;
border: none;
}
table.topLayout::after, .topLayout table::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 0 20px;
border-color: #fff #fff #fff #bdd9ed;
position: absolute;
right: 0;
top: 0;
}
table.topLayout td, .topLayout table td {
border: none;
padding: 0;
background-color: #e8f5fc;
}
table.topLayout tbody td, .topLayout table tbody td {
padding: 1rem;
}
table.topLayout .lBox .but1 {
display: none !important;
}
table.topLayout .mBox * {
display: block !important;
}
table.topLayout .rBox .but1, .topLayout table .rBox .but1 {
margin-top: -.25rem;
}
table.topLayout thead tr:first-child td .hdrDis, .topLayout table thead tr:first-child td .hdrDis {
padding-top: 2rem !important;
}
table.topLayout thead tr td:first-child .hdrDis {
padding-left: 2rem !important;
}
table.topLayout thead tr td:last-child .hdrDis {
padding-right: 2rem !important;
}
table.topLayout thead tr:last-child td .hdrDis {
padding-bottom: 0 !important;
}
table.topLayout tbody tr:first-child td {
padding-top: 2rem !important;
}
table.topLayout tbody tr td:first-child {
padding-left: 2rem !important;
}
table.topLayout tbody tr td:last-child {
padding-right: 2rem !important;
}
table.topLayout tbody tr:last-child td {
padding-bottom: 2rem !important;
}
.menuListDis {
color: #5B5B66;
}
.menuListEarly {
color: #00A676;
}
.menuListLate {
color: #F03A47;
}
body > table:not(.topLayout):not(#main):not(.header):not(#maintable) tr {
background-color: #fceecc;
box-shadow: 0px 7px 8px 0px rgba(29,29,27,.18);
}
.topLayout table tr {
background-image: none !important;
}
body > table:not(.topLayout):not(#main):not(.header):not(#maintable) tr td {
background-color: transparent;
padding: 2rem 4rem;
color: black !important;
}
body > table:not(.topLayout):not(#main):not(.header):not(#maintable) tr td a {
color: black !important;
}
body > table:not(.topLayout):not(#main):not(.header):not(#maintable) tr td a:hover {
color: #f0ab00 !important;
}
/* Course page */
td.header {
color: #0071bb;
padding: 2rem !important;
}
.hdrDis {
background-color: transparent;
border: none;
padding: 1rem;
font-size: initial;
color: #0071bb;
height: 100%;
}
.hdrDis b {
padding: 0;
}
.mBox div, .mBox span {
padding: 0 !important;
}
table.topLayout td.lBox .but1 .but2 a.butLink {
padding: .15rem .5rem !important;
}
/* Task view */
.topLayout .outBox {
background-color: transparent;
border: none;
}
.ltCell {
padding-left: 2rem !important;
padding-top: 2rem !important;
}
.tCell {
padding-top: 2rem !important;
}
.rtCell {
padding-right: 2rem !important;
padding-top: 2rem !important;
}
.lCell {
padding-left: 2rem !important;
}
.rCell {
padding-right: 2rem !important;
}
.lbCell {
padding-left: 2rem !important;
padding-bottom: 2rem !important;
}
.rbCell {
padding-right: 2rem !important;
padding-bottom: 2rem !important;
}
.ltbSepCell, .ltbOkSepCell, .ltbWaitSepCell, .ltbFailSepCell, .ltbHalfSepCell {
padding-left: 2rem !important;
padding-top: 2rem !important;
padding-bottom: 0 !important;
}
.tbSepCell, .tbOkSepCell, .tbWaitSepCell, .tbFailSepCell, .tbHalfSepCell {
padding-top: 2rem !important;
padding-bottom: 0 !important;
}
.rtbSepCell, .rtbOkSepCell, .rtbWaitSepCell, .rtbFailSepCell, .rtbHalfSepCell {
padding-right: 2rem !important;
padding-top: 2rem !important;
padding-bottom: 0 !important;
}
.lrtCell, .lrtbCell {
padding-right: 2rem !important;
padding-top: 0 !important;
padding-left: 2rem !important;
}
.lrbCell {
padding-right: 2rem !important;
padding-bottom: 2rem !important;
padding-left: 2rem !important;
}
/* Task detail view */
.ltbCell {
padding-left: 2rem !important;
padding-bottom: 2rem !important;
}
.rtbCell {
padding-right: 2rem !important;
padding-bottom: 2rem !important;
}
.ltbOkSepCell, .tbOkSepCell, .ltbHalfSepCell, .tbHalfSepCell {
color: #00A676;
}
.ltbFailSepCell, .tbFailSepCell {
color: #F03A47;
}
.ltbWaitSepCell, .tbWaitSepCell {
color: #F0AB00;
}
.textOk {
color: #00A676;
}
.textCrit {
color: #F03A47;
}
.textWarn {
color: #F0AB00;
}
form .topLayout .outBox table#maintable table {
background-color: lightgray;
border-radius: .5rem;
}
form .topLayout .outBox table#maintable table tr {
background-image: none !important;
}
table#reftable {
background-color: white;
}
table#reftable ul {
margin: 0 !important;
}
table#reftable tr {
background-image: none !important;
}
table#reftable .ltbSepCell, table#reftable .rtbSepCell {
padding-bottom: 2rem !important;
}
table#reftable table tr:first-child td {
padding-top: 2rem !important;
}
table#reftable table tr td:first-child {
padding-left: 2rem !important;
}
table#reftable table tr td:last-child {
padding-right: 2rem !important;
}
table#reftable table tr:last-child td {
padding-bottom: 2rem !important;
}
input.std {
b...