Updated Theme for Stine, to be more in line with the other UHH-Platforms like Moodle and OpenOLAT. Based on the Theme from User "intres" (https://uso.kkx.one/style/174975).
STiNE Ultras STiNE Theme by to-typ
Mirrored from a private source
Details
Authorto-typ
LicenseNo License
Categoryhttps://www.stine.uni-hamburg.de
Created
Updated
Size19 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 STiNE Ultras STiNE Theme
@namespace userstyles.world
@author to-typ
@description Updated Theme for Stine, to be more in line with the other UHH-Platforms like Moodle and OpenOLAT. Based on the Theme from User "intres" (https://uso.kkx.one/style/174975).
@version 0.1.4
@license CC-BY-4.0
==/UserStyle== */
@-moz-document url-prefix("https://www.stine.uni-hamburg.de") {
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
* {
font-family: 'Source Sans 3', sans-serif !important;
}
/* Top Bar */
#pageHeadBottom_1,
#pageHeadBottom_2 {
display: none;
}
#pageHeadBottom_3 {
position: relative !important;
top: -40px !important;
background-color: #0271bb00 !important;
border: 0px;
display: flex;
right: 8rem;
align-items: center;
justify-content: right;
translate: 80px;
width: 300px;
float: right;
}
#pageTopNavi ul.nav {
background-color: #0271bb;
}
#pageContainer {
background-image: url(none);
background-repeat: repeat-y;
min-width: 1400px;
}
a.depth_1:hover {
background-color: #fff !important;
color: #0271bb !important;
}
a.depth_1 {
background-color: #0271bb !important;
padding: 1em !important;
font-size: 1.3em;
text-transform: uppercase;
color: #fff !important;
box-sizing: border-box;
/*transform: scaleY(0.9) scale(1.1111);*/
}
li.depth_1 {
margin: 0 !important;
}
#extraNav_link4,
#extraNav_link5 {
display: none;
}
.img.img_LangEnglish,
.img.img_LangGerman {
color: #fff !important;
margin-top: 0px !important;
padding: 0px 0px 0px 10px !important;
position: relative !important;
margin-right: 1rem !important;
}
.img.img_LangEnglish:hover,
.img.img_LangEnglish:visited,
.img.img_LangGerman:hover,
.img.img_LangGerman:visited {
color: #fff;
}
#pageTopNavi {
width: auto !important;
position: static;
}
#pageTopNavi ul.nav li.tree ul.nav li a {
letter-spacing: 0px;
pointer-events: auto;
}
.navLink {
font-weight: 600;
letter-spacing: 0.5px;
}
#logoutButton {
display: flex !important;
height: 21px !important;
}
#logoutButton.img {
line-height: 24px !important;
}
#logoutButton,
#logIn_btn,
#forgotPassword_btn {
background-color: #0000 !important;
border: 0px !important;
color: #fff !important;
position: static !important;
line-height: 22px !important;
margin: 0 !important;
padding-right: 0;
}
#logIn_btn {
margin-right: 1rem !important;
}
#logoutButton.img,
#forgotPassword_btn.img {
background-color: #0000 !important;
border: 0px solid !important;
color: #fff !important;
}
#logIn_btn.img,
#forgotPassword_btn.img {
background-color: #0000 !important;
border: 0px !important;
color: #fff !important;
}
/* Side Bar */
#pageTopNavi ul.nav li.depth_2 a {
font-weight: bold !important;
background-image: none !important;
border: 0px !important;
padding-top: 15px;
padding-bottom: 15px;
font-size: 1.2em;
}
#pageTopNavi ul.nav li.depth_2 {
border: 0px !important;
}
#pageTopNavi ul.nav.depth_2 {
top: 187px !important;
border-right: 1px solid #e0e0e0 !important;
border-bottom: 1px solid #e0e0e0 !important;
border-top: 1px solid #e0e0e0 !important;
background-color: #f2f2f2;
-moz-border-radius: 0px;
-webkit-border-radius: 0px 0.5rem 0.5rem 0px;
border-radius: 0px 0.5rem 0.5rem 0px;
}
#pageTopNavi ul.nav li.depth_3 a {
font-weight: normal !important;
}
#pageTopNavi ul.nav li.depth_3 {
padding-top: 7px;
padding-bottom: 7px;
border: 0px !important;
}
#pageTopNavi ul.nav li.depth_2:hover {
background-color: #e2e2e2;
}
#pageTopNavi ul.nav.depth_2 li.depth_2 a.depth_2:hover {
background-color: #808080 !important;
}
#pageTopNavi ul.nav li.depth_3:hover {
padding-left: 3px !important;
border-left: 5px solid #0271bb !important;
background-color: #fff;
}
#pageTopNavi ul.nav li.depth_3 a {
font-size: 1em;
padding: 4px 4px 4px 17px;
}
#pageTopNavi ul.nav.depth_2 li.depth_2 * a:hover {
color: #000 !important;
}
#pageLeftTop,
#pageLeft {
min-height: 0px;
height: 1px;
}
/* Content */
#pageContentContainer {
top: -28px;
position: relative;
}
#pageContent {
margin-top: 2rem;
margin-left: 2rem;
min-height: 800px;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
padding: 2rem;
}
#pageContentTop {
display: none;
}
a[name="seitenanfang"] {
display: flex;
height: 0px;
position: absolute;
}
div[style="border: 1px solid #D4D0C8; background-color:#F0F0F0; padding:5px 10px 5px 5px; float:right; margin-left:20px; margin-bottom:10px"],
div[style="border: 1px solid #D4D0C8; background-color:#F0F0F0; padding:5px 10px 5px 5px; float:left; margin-left:0px; margin-bottom:30px"],
div[style="border: 1px solid #D4D0C8; background-color:#F0F0F0; padding:5px 10px 5px 5px; float:left; margin-left:0px; margin-bottom:30px"] {
padding: 1rem !important;
border-radius: 0.5rem;
}
b[style="color:#808080"] {
color: #000 !important;
}
ul[style="list-style-type:none"] {
margin: 2px 0px 0px 0px;
padding-left: 20px;
}
ul[style="list-style-type:none"] > b {
position: relative;
left: -10px;
}
h1 {
font-size: 2em !important;
color: #e2001a !important;
text-transform: uppercase;
}
/* Table */
.tb,
.tb750 {
border: 0 !important;
}
table.persaddrTbl {
border-collapse: separate;
}
table.persaddrTbl tr.tbdata td {
border-top: 1px solid #808080;
}
.tbcontrol,
.nb {
-moz-border-radius: 0px;
-webkit-border-radius: 0.5rem 0.5rem 0px 0px;
border-radius: 0.5rem 0.5rem 0px 0px;
border: 1px solid #bbb !important;
border-width: 1px 1px 0px 1px !important;
}
table.persaddrTbl {
border-bottom: 1px solid #808080 !important;
}
table.persaddrTbl tr.tbsubhead td {
padding: 0px;
}
table.persaddrTbl tr td:first-child {
border-left: 1px solid #bbb !important;
}
table.persaddrTbl tr td:last-child {
border-right: 1px solid #bbb !important;
}
table.persaddrTbl tr.tbsubhead:nth-child(10) td {
padding: 4px;
border-top: 1px solid #bbb !important;
}
table.persaddrTbl tr.tbsubhead:nth-child(10) td:first-child {
border-top-left-radius: 0.5rem;
}
table.persaddrTbl tr.tbsubhead:nth-child(10) td:last-child {
border-top-right-radius: 0.5rem;
}
.tbhead,
caption {
padding: 1em 0 1em 0;
color: #000;
font-size: 16px;
background-color: #0000;
}
.tbsubhead th,
.tbsubhead {
background-color: #fff;
color: #000;
padding: 0.75em 0 0.75em 4px;
}
tr.subhead td,
.subhead td,
.tbsubhead,
.subhead {
background-color: #0000 !important;
color: #000 !important;
border: 0;
}
a {
color: #000;
}
tbody {
border-top: 1px solid !important;
}
th {
color: #383838;
}
.tb td {
border-top: none;
}
.tbdata,
.tbdata_nob {
border-top: 1px solid #808080 !important;
}
td.level01 {
background-color: #e2001a1f;
padding-left: 4px !important;
}
.tbcontrol .inputFieldLabel select {
margin-top: 0.8px !important;
}
.tbcontrol .inputFieldLabel input.img.img_arrowReload {
height: 19px;
line-height: 18.4px !important;
padding-left: 29px !important;
}
tr {
padding: 0.5em 0 0.5em 0 !important;
}
.tbtime11,
.tbtime01 {
background-color: transparent;
border-top: none;
}
.tbtime12,
.tbtime02 {
background-color: transparent;
}
.appointment {
background-image: none;
border: 1px solid #808080 !important;
}
table.nb tr:last-child {
border-bottom: 1px solid #bbb !important;
}
div#weekTableRoomplan table.nb tr:last-child,
div#scheduler table.nb tr:last-child {
border-bottom: 1px solid #808080 !important;
}
div#weekTableRoomplan table.nb tr:nth-child(8n + 4),
div#weekTableRoomplan table.nb tr:nth-child(8n + 5),
div#weekTableRoomplan table.nb tr:nth-child(8n + 6),
div#weekTableRoomplan table.nb tr:nth-child(8n + 7),
div#scheduler table.nb tr:nth-child(8n + 1),
div#scheduler table.nb tr:nth-child(8n + 2),
div#scheduler table.nb tr:nth-child(8n + 3),
div#scheduler table.nb tr:nth-child(8n + 4) {
background-color: #ffffff;
}
div#weekTableRoomplan table.nb tr:nth-child(8n),
div#weekTableRoomplan table.nb tr:nth-child(8n + 1),
div#weekTableRoomplan table.nb tr:nth-child(8n + 2),
div#weekTableRoomplan table.nb tr:nth-child(8n + 3),
div#scheduler table.nb tr:nth-child(8n + 5),
div#scheduler table.nb tr:nth-child(8n + 6),
div#scheduler table.nb tr:nth-child(8n + 7),
div#sched...