Experimental compact style for new VUT design. Suitable for monitors with low DPI.
VUT compact by Simply13
Details
AuthorSimply13
LicenseNo License
Categorywww.vut.cz
Created
Updated
Code size42 kB
Code checksumdac954ee
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Not a final version, there is a lot of pages which should be compacted as well... I am afraid this style will never be finished...
V 0.43 (2025-04-03) - Teacher 3, datagrid 2, first version
V 0.42 (2025-02-24) - Fixed date-time field in old datagrid.
V 0.41 (2024-12-19) - Fixed @-moz-document (that was broken in V 0.40).
V 0.40 (2024-12-17) - Support for question marks in the Teacher - Zaverecne prace, minor fixes.
V 0.38 (2024-01-26) - Added support for Intraportal - Harmonogram.
V 0.37 (2023-12-18) - Added support for the list of programmes in the E-application.
V 0.36 (2023-08-03) - Minor fix of the Evidence nepřítomnosti.
V 0.35 (2023-08-03) - Minor fix of the E-application detail.
V 0.34 (2023-08-03) - Compact version of E-application detail.
V 0.33 (2023-05-12) - Minor fix of h4 (because of Řízení a žádosti module).
V 0.32 (2022-06-06) - Study programs - minor fix of compact tables with study plans.
V 0.31 (2022-06-03) - Study programs - compact tables with study plans.
V 0.30 (2022-05-24) - Intraportal - Rooms Reservation 2022.
V 0.29 (2021-00-11) - Helpdesk - Request - highlight name of the module in a request.
V 0.28 (2020-11-26) - Intraportal left menu max width, datagrid columns selection improved.
V 0.27 (2020-07-30) - Centrally defined fonts broke Teacher - fixed.
V 0.26 (2020-06-04) - Faculty Contacts page.
V 0.25 (2020-05-24) - Attachments in Pozadavky.
V 0.24 (2020-05-18) - Smaller font in .clanek.
V 0.23 (2020-03-31) - Fix "Our projects" and social footer.
V 0.22 (2020-03-16) - Small improvements of left menu.
V 0.21 (2019-11-19) - Upper head menu.
V 0.11 (2019-09-04) - New Intraportal menu.
V 0.10 (2019-06-24) - Small improvements for faculty web.
V 0.9 (2019-05-23) - List of branches improved.
V 0.8 (2019-05-19) - Events, faculty web, small improvements.
V 0.7 (2019-04-03) - BUT megapicture smaller.
V 0.6 (2019-02-15) - Small Studis improvement (My Thesis module).
V 0.5 (2018-04-10) - Wiki excluded.
V 0.4 (2018-03-14) - new parts added, font changes for better readability, footer is shorter with different colour (it is easier to distinguish from rest of the page).
V 0.3 (2018-01-12) - minor update, just logged user menu was compacted.
V 0.2 (2018-01-10) - visit cards and many more...
V 0.1 - first attempt
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name VUT compact
@namespace http://www.w3.org/1999/xhtml
@version 0.43.0
@description Experimental compact style for new VUT design.
@author Simply13
==/UserStyle== */
@-moz-document regexp('(http|https)://.*(vutbr|vut)\.cz/(?!(cviswiki|wiki|auth)).*') {
/* Code start */
html {
font: normal 12px sans-serif ;
}
body {
font-size: 12px;
line-height: 1.3;
color: #333;
/* Na roboto nehraju */
font-family: Arial,Helvetica,sans-serif;
}
/* Spatne citelny font odstranen */
html.fonts-loaded {
/* font-family: "Open Sans",Arial,Helvetica,sans-serif; */
font-family: Arial,Helvetica,sans-serif;
}
/*.fonts-loaded .m-main {
font-family: "Vafle","Open Sans",Arial,Helvetica,sans-serif;
} */
.fonts-loaded .font-secondary {
font-family: "Open Sans",Arial,Helvetica,sans-serif;
}
.fonts-loaded h4, .fonts-loaded .h4, .fonts-loaded h5, .fonts-loaded .h5, .fonts-loaded h6, .fonts-loaded .h6 {
font-family: Arial,Helvetica,sans-serif;
}
/* Koliduje s Zadosti a rizeni Studisu
.title {
font-size: 22px;
margin-left: 10px;
} */
h1, .h1 {
font-size: 20px;
margin-top: 8px;
margin-bottom: 12px;
line-height: 28px;
}
h2, .h2 {
font-size: 18px;
line-height: 25px;
margin-top: 8px;
margin-bottom: 6px;
}
h3, .h3 {
/* font-family: roboto, Arial; */
font-size: 15px;
line-height: 23px;
margin-top: 15px;
margin-bottom: 1px;
}
h4, .h4 {
font-size: 14px;
font-weight:bold;
margin-top: 8px;
margin-bottom: 3px;
padding: 0px 0px 0px;
}
h5, .h5 {
font-size: 14px;
/*font-weight:bold;*/
margin-top: 8px;
margin-bottom: 3px;
padding: 0px 0px 0px;
}
.vut-item .vut-item-heading {
font-size: 14px;
}
.vut-item .vut-item-body {
font-size: 12px;
}
.grid__cell {
font-size: 12px;
}
.datagridToolbarVut {
line-height: 15px;
}
.clanek {
font-size: 12px;
line-height: 1.2;
}
/* Zuzeni fakultniho webu pri <768px prohlizece */
.mother {
max-width: none;
}
.header-fixed .mother {
padding-top: 0px;
}
.header.headroom {
width: 100%;
left: 0px;
margin-left: 0px;
position: static !important;
}
.m-main--header .m-main__list--main {
width: 320px;
transition: none;
}
/* Oprava loga do standardni podoby */
.header__logo .icon-svg--symbol, .header__logo .icon-svg--symbol-fsi {
width: 60px;
}
/* .header__logo-main, .header__logo-sign {
display: inline-block;
} */
/* Varovne hlasky */
.message__wrap {
padding: 6px 60px 6px 20px;
}
.message__close {
padding: 3px;
top: 6px;
right: 10px;
}
.icon-svg--close {
width: 12px;
}
/* Hlavni logo */
.icon-svg--symbol,.header--lg .header__logo .icon-svg--symbol {
width: 60px;
}
.header__logo-sign {
transition: none;
}
.header__logo .icon-svg--logo {
width: 170px;
height: 60px;
}
.header__logo-main {
transition: none;
}
.header--lg .header__logo-main {
padding-left: 63px;
}
.icon-svg--sign-fsi {
width: 89px;
}
.icon-svg--logo-fsi--lg {
width: 180px;
}
.icon-svg--sign-fekt {
/* width: 126px; */
width: 126px;
}
.icon-svg--logo-fekt--lg {
width: 314px;
}
.navbar-brand {
height: 60px;
padding: 7px 0px;
}
/* Hlavni horni menu */
/* Pozice menu vypoctena ze sirky hlavniho loga (vyse) */
.header__menu, .header__breadcrumb, .header__search {
float: left;
width: calc(100% - 60px);
}
.header__menu {
height: 30px;
}
.header--lg .header__menu {
height: 30px;
}
/* Sbalene horni menu - sirka menu v hamuburgeru */
.m-main--header .m-main__list--main {
/* min-width: 320px; */
/* width:100%; */
/* width: calc(100% - 195px); */
overflow-y: auto;
}
.m-main--header-lg .m-main__link {
height: 30px; /* Rozbalene horni menu - pro 1280px sirku okna */
}
/* Fakultni weby */
.header--lg.header--fsi .header__menu, .header--lg.header--fsi .header__search {
width: calc(100% - 152px); /* Menu na fakultnim webu FSI */
/* width: calc(100% - 65px); */
}
.header--lg .header__menu, .header--lg .header__search {
width: calc(100% - 190px); /* Menu na fakultnim webu FEKT */
}
.m-main__toggle, .m-main--header-lg .m-main__toggle {
padding: 8px 20px 5px 55px;
width: 100px;
}
.m-main__link {
padding-left: 10px;
padding-right: 10px;
line-height: 1.0;
}
.m-main--header .m-main__link {
padding-top: 5px;
padding-bottom: 4px;
}
.m-main__toggle-icon.m-main__toggle-icon {
margin-top: -5px;
}
.m-main__toggle-sub {
padding: 12px 1px;
}
.m-sub__col {
padding: 0px 10px 4px;
}
.m-sub__link {
padding: 2px 0px 2px 16px;
font-size: 12px;
line-height: 1.3;
}
.m-sub__link::before {
top: 7px;
}
.m-sub__list {
margin-bottom: 5px;
}
/* Menu hlavy v hornim menu */
.dropdown-menu {
font-size: 12px;
}
dt, dd {
line-height: 1.2;
}
dl {
margin-bottom: 0px;
}
.cvis-bar-uzivatel dt {
margin-top: 5px;
}
.cvis-bar .dropdown-menu a, .cvis-bar .dropdown-menu a:active {
padding-top: 0px;
padding-bottom: 0px;
}
/* Tlacitko s prepinanim jazyka v menu */
.m-main--header .m-main__list--main .m-main__link--lang {
padding-left: 15px;
padding-right: 15px;
}
.m-main__link.m-main__link--lang {
background: #969696 none repeat scroll 0% 0%;
}
/* Tlacitko e-prihlasky v menu */
.btn--sm .btn__text {
padding: 4px 29px;
}
/* Ikona hlavy po prihlaseni */
.m-main__link {
padding-left: 1px;
padding-right: 18px;
}
.m-main__link.m-main__link--icon {
padding-left: 7px !important;
padding-right: 7px !important;
}
.m-main__submenu--m .m-sub__col {
padding-top: 5px;
}
.m-sub__delimiter {
margin-bottom: 1px;
}
.m-sub__delimiter + .m-sub__list {
margin-bottom: 0px;
}
.m-sub__icon {
position: absolute;
top: 4px;
left: -5px;
}
/* Vyhledavaci tlacitka a lista */
.btn--icon-only.btn--lg .btn__text {
padding: 6px 10px;
}
.btn__text {
padding: 4px 40px;
font-size: 13px;
line-height: 16px;
transition: none;
}
.inp__fix.inp__fix--btn-icon {
margin: 0px;
}
.inp--group--m .inp__btn {
margin: 0px;
}
.btn--icon-only .btn__icon {
height: 12px;
}
.inp__text--lg, .select--lg, .choices__list--single .choices__item--lg {
height: 30px;
font-size: 12px;
padding: 4px 17px;
}
.f-search--lg .inp__text--lg {
height: 24px;
padding-top: 2px;
padding-bottom: 2px;
}
.f-search--lg .btn--icon-only.btn--lg .btn__text {
padding-top: 6px;
padding-bottom: 6px;
}
m-main__submenu m-main__submenu--m is-opened {
left: 0px !important;
}
/* Tlacitka Portal Studis Teacher Elearning Apollo */
.navbar-nav > li {
height: 60px;
}
/* Zbytecne okraje stranky */
.vut-layout-wrap, .vut-layout-head-wrap {
padding: 0px 0px;
}
/* Breadcrumb drobeckova navigace */
.header--lg .header__breadcrumb {
width: calc(100% - 152px); /* Navigace na fakultnim webu FSI */
}
.m-breadcrumb {
padding: 0px 20px;
height: 30px;
}
.m-breadcrumb__wrap {
white-space: nowrap;
overflow-y: auto;
padding: 7px 0px;
}
.m-breadcrumb__item {
margin: 0px 0px 0px 20px;
}
.m-breadcrumb__item + .m-breadcrumb__item {
padding-left: 12px;
margin: 0px 0px 0px 10px;
}
/* Prihlasovaci stranka */
.b-login__wrap {
padding: 15px 10px;
}
.b-login__title {
margin-bottom: 0px;
}
p {
margin: 0px 0px 0.2em;
letter-spacing: 0.02em;
}
.f-login__btn {
margin: 15px 0px 10px;
}
.f-login__checkbox {
margin-bottom: 15px;
}
/* Uvodni stranka */
/* Uvodni stranka - megaobrazek */
.b-hero-header {
height: 190px !important;
}
.b-hero-header--scalable {
padding-top: 200px !important;
}
.b-hero-header__img {
background-position: 50% 28% !important;
}
.b-hero-header__subtitle {
font-size: 16px;
margin: 10px 0px 20px;
}
.playlink {
display: block;
padding: 12px;
position: relative;
}
.playlink--sm::before {
width: 40px;
height: 40px;
}
.b-hero-header__next {
visibility: hidden;
}
.b-hero-header__playlink + .b-hero-header__btns {
margin-top: 0px;
}
/* Uvodni stranka - Aktuality */
.c-news {
padding-top: 10px;
padding-bottom: 10px;
}
.c-news__item {
margin-bottom: 5px;
}
.c-news__title {
text-align: center;
margin-bottom: 5px;
}
.b-news__link {
min-height: 62px;
padding: 7px 20px 5px;
position: relative;
}
.b-news__date {
line-height: 1.33333;
margin-bottom: 3px;
}
/* Uvodni stranka - Clanky pod aktualitami */
.c-articles-lg__item {
padding-top: 7px;
padding-bottom: 4px;
}
.b-article-lg__head {
padding-bottom: 0px;
margin-bottom: 10px;
}
.date {
padding: 7px;
border: none;
}
.date__day {
font-size: 22px;
margin-bottom: 0px;
display: initial;
}
.date__month {
display: initial;
padding-left: 5px;
/* vertical-align: top; */
}
.b-article-lg__img {
padding-top:30%;
position: relative;
overflow: hidden;
transform: translateZ(0px);
}
/* Uvodni stranka - Clanky pod aktualitami - vypnuti amimace obrazku */
.b-article-lg__img-bg {
transition: none !important;
}
.no-touchevents .b-article-lg__link:hover .b-article-lg__img-bg {
-webkit-transform:none;
-ms-transform:none;
transform:none;
}
/* Uvodni stranka - Kalendar akci */
.c-media {
padding-top: 15px;
padding-bottom: 5px;
}
.c-media__title {
...