lectio theme by timyexe

/* ==UserStyle==
@name         lectio theme
@version      20250131.11.03
@namespace    https://userstyles.world/user/hookeyy
@description  theme til lectio
@author       hookeyy
@license      MIT
==/UserStyle== */

/* ==UserStyle==
@name           lectio theme<3           
@version        1.0.1
@description    oled theme til lectio.
@author         Hookey
@license        MIT
@var select yadbgx 'Select theme' [
    'oled',
    'catpuccin',
]
@preprocessor   stylus
==/UserStyle== */

@-moz-document domain("lectio.dk") {
if yadbgx = oled {
    :root{
--text-1: #ffffff; /*main color */
--text-2: #6262ff; /*highlight 1 */
--text-3: #00ff00; /* highlight 2*/
--text-4: #ffffff; /*secondary color*/
--text-5: #ffffff; /*ikke afleveret*/
--link-1: #ffffff; /*du dumb vis du ikke ved hvad det her er */
--highlight: #6262ff ; /* siger sig selv */
--bg-1: #000000; /*background for siden */
--bg-2: #1f1f1f; /*alternativ*/
--bg-3: #292929;
--bg-4: #f5f5f5;
--lectio-logo: url('https://github.com/TimyExe/vault/blob/main/New%20Project(1).png?raw=true');
--hover-1:#ffffff50;
--outline-1: #ffffff;
--outline-2: #3e3e3e
/*aflyst*/
--af-bg:#000000;
--af-text:#f00;
--af-outline-l:#420000;
--af-outline:#aa4040;
}    
}
if yadbgx = catpuccin {
    :root{
  --text-1: #cdd6f4;
  --text-2: #f5e0dc;
  --text-3: #a6e3a1;
  --text-4: #b4befe;
  --text-5: #fab387;
  --link-1: #89b4fa;
  --highlight: #f5e0dc;
  --bg-1: #1e1e2e;
  --bg-2: #181825;
  --bg-3: #11111b;
  --bg-4: #45475a;
  --hover-1: #b4befe50;
  --outline-1: #cba6f7;
  --outline-2: #f38ba8;
}
}



/*background*/

BODY {
  background-color: var(--bg-1);
}


SECTION.island .islandContent {
  background-color: var(--bg-1);
  
}
.maintitle {
  background-color: var(--bg-1);
}
.islandContent{
    background-color: var(--bg-1);
}



html.mzr_csscolumns.mzr_csscolumns-width.mzr_csscolumns-span.mzr_csscolumns-fill.mzr_csscolumns-gap.mzr_csscolumns-rule.mzr_csscolumns-rulecolor.mzr_csscolumns-rulestyle.mzr_csscolumns-rulewidth.mzr_no-csscolumns-breakbefore.mzr_no-csscolumns-breakafter.mzr_no-csscolumns-breakinside.uryfvs.idc0_350 body.masterbody.volumecontrol-initialized div#masterContent.ls-master-container1 form#aspnetForm.ls-master-container2 div#s_m_outerContentFrameDiv.outerContentFrame div.ls-content-container div#contenttable.ls-content div.ls-std-island-layout-ltr section.mediumBlockFixed.defaultBlockHeight.island div#s_m_Content_Content_skemaIsland_pa.islandContent div a.s2skemabrik.s2bgbox.s2normal.s2brik.lec-context-menu-instance{
    background-color: var(--bg-1);
    color: var(--text-2);
}
html.mzr_csscolumns.mzr_csscolumns-width.mzr_csscolumns-span.mzr_csscolumns-fill.mzr_csscolumns-gap.mzr_csscolumns-rule.mzr_csscolumns-rulecolor.mzr_csscolumns-rulestyle.mzr_csscolumns-rulewidth.mzr_no-csscolumns-breakbefore.mzr_no-csscolumns-breakafter.mzr_no-csscolumns-breakinside.uryfvs.idc0_350 body.masterbody.volumecontrol-initialized div#masterContent.ls-master-container1 form#aspnetForm.ls-master-container2 div#s_m_outerContentFrameDiv.outerContentFrame div.ls-content-container div#contenttable.ls-content div.ls-std-island-layout-ltr section.mediumBlockFixed.defaultBlockHeight.island div#s_m_Content_Content_skemaIsland_pa.islandContent div a.s2skemabrik.s2bgbox.s2changed.s2brik.lec-context-menu-instance{
    background-color: var(--bg-1);
    color: var(--text-2);
}


SECTION.island .islandHeaderContainer {
  background-image: url('');
  background-color: var(--bg-1);
  color: var(--text-1);
}


SECTION.island .islandHeader {
  color: var(--text-1);
}

html.mzr_csscolumns.mzr_csscolumns-width.mzr_csscolumns-span.mzr_csscolumns-fill.mzr_csscolumns-gap.mzr_csscolumns-rule.mzr_csscolumns-rulecolor.mzr_csscolumns-rulestyle.mzr_csscolumns-rulewidth.mzr_no-csscolumns-breakbefore.mzr_no-csscolumns-breakafter.mzr_no-csscolumns-breakinside.uryfvs.idc0_350 body.masterbody.volumecontrol-initialized div#masterContent.ls-master-container1 form#aspnetForm.ls-master-container2 div#s_m_outerContentFrameDiv.outerContentFrame div.ls-content-container{

    background-color: var(--bg-1);
}
html.mzr_csscolumns.mzr_csscolumns-width.mzr_csscolumns-span.mzr_csscolumns-fill.mzr_csscolumns-gap.mzr_csscolumns-rule.mzr_csscolumns-rulecolor.mzr_csscolumns-rulestyle.mzr_csscolumns-rulewidth.mzr_no-csscolumns-breakbefore.mzr_no-csscolumns-breakafter.mzr_no-csscolumns-breakinside.uryfvs.idc0_350 body.masterbody.volumecontrol-initialized div#masterContent.ls-master-container1 form#aspnetForm.ls-master-container2 div#s_m_outerContentFrameDiv.outerContentFrame div#s_m_helptipDiv.ls-hidden-smallscreen{


    background-color: var(--bg-1);
}

.ls-master-header {
  background-color: var(--bg-1);
  background-image: url('');
  background-position: left top;
  background-repeat: repeat-x;
  margin: 0;
  overflow: hidden;
  padding: 0.3em;
  height: 4em;
  display: flex;
  justify-content: space-between;
}


.ls-master-container2 a.ls-master-header-logo, .ls-master-container2 a.ls-master-header-logo:hover, .ls-master-container2 a.ls-master-header-logo:focus {
  background-image: var(--lectio-logo);
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: transparent;
  width: 7rem;
  height: 4rem;
  display: block;
  outline: none;
  border: none;
}

DIV.button A, A.button, SPAN.button A {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: var(--bg-1);
  background-image: url('');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: var(--link-1);
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}

.lectioToolbar {
  padding: 0em;
  background-image: url('');
  background-color: var(--bg-1);
  background-position: left top;
  background-repeat: repeat-x;
  border-bottom: solid 1px #c6c6c9;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.ls-master-footer {
  border-top: solid 1px #d3dae0;
  background-color: var(--bg-1);

  color: var(--text-1);
 
}

.ls-content-container{
  background-color: var(--bg-1);
}
.ls-hidden-smallscreen{
  background-color: var(--bg-1);
}

A.s2skemabrik.s2bgbox.s2normal {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: transparent;
  background-color: var(--bg-1);
  border-left: solid 2px var(--text-2);
  color: var(--text-2);
  font-style: normal;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2changed {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: transparent;
  background-color: var(--bg-1);
  border-left: solid 2px var(--text-3);
  color: @--md-ref-palette-custom360;
  color: var(--text-3);
  font-style: italic;
  text-decoration: none;
}


/*text*/
A[href]:hover, .ClientButton:hover, A[href].alert:hover, A[href].attention:hover {
  background-color: #fff;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

html.mzr_csscolumns.mzr_csscolumns-width.mzr_csscolumns-span.mzr_csscolumns-fill.mzr_csscolumns-gap.mzr_csscolumns-rule.mzr_csscolumns-rulecolor.mzr_csscolumns-rulestyle.mzr_csscolumns-rulewidth.mzr_no-csscolumns-breakbefore.mzr_no-csscolumns-breakafter.mzr_no-csscolumns-breakinside.uryfvs.idc0_350 body.masterbody.volumecontrol-initialized div#masterContent.ls-master-container1 form#aspnetForm.ls-master-container2 footer#s_m_masterFooter.ls-master-footer.ls-hidden-smallscreen span#s_m_masterfootermacomSpan{

  color: var(--text-1);

}

.islandHeader{
  color: var(--text-1);


}
.maintitle {
  color: var(--text-1);
}  

.islandContent{
    color: var(--text-1);
}

.outerContentFrame{
    
  background-color: var(--bg-1);
}

.ls-master-footer{

    margin: 0rem;
    padding: 0rem;
    padding-top: 5rem;
    background-color: var(--bg-1);

}




#s_m_masterFooter{
color: var(--text-1);
}
#s_m_masterfootermacomSpan{
color: var(--text-1);

}
#s_m_masterfootermacomsupportSpan{
color: var(--text-1);

}
#s_m_masterfooterversioninfoSpan{
color: var(--text-1);
}





/*main text*/
A[href], .ClientButton, A.tooltip, A SPAN.tooltip {
  color: var(--text-1);
  cursor: pointer;
}
div.buttonlink a:link, div.buttonlink a:visited {
  color: var(--text-1);
  padding: 0.5rem 0.2rem;
  opacity: 1;
}
.ls-master-container2 .ls-master-header-institution {
  font-family: Verdana;
  font-weight: bold;
  color: var(--text-1);
  font-size: 0.9em;
  word-break: break-all;
  white-space: normal;
}

.dashboardLinkHeader A:hover .dashboardLinkHeaderInfoText, .dashboardLinkHeader A:hover .dashboardLinkHeaderAttentionText {
  color: var(--hover-1);
}
A[href]:hover, .ClientButton:hover, A[href].alert:hover, A[href].attention:hover {
  background-color: var(--hover-1);
  text-decoration: none;
  cursor: pointer;
}

/*Secondary?? */
.dashboardLinkHeaderInfoText {
  float: right;
  display: inline;
  font-weight: normal;
  color: var(--text-4);
}
.tooltips, .tooltip {
  cursor: help;
  color: var(--text-4);
}

TABLE.dashboard TD.timeCol {
  width: 8em;
  white-space: nowrap;
  text-align: right;
  color: var(--text-4);
}


/*vigtigt !!! du har glemt at aflevere*/

.attention {
  color: var(--text-5) !important;
}




/*active page*/

.ls-subnav1 .buttonlink.ls-subnav-active a, .ls-subnav2 .buttonlink.ls-subnav-active a, .ls-subnav1 .buttonlink.ls-subnav-active a:hover, .ls-subnav2 .buttonlink.ls-subnav-active a:hover {
  text-shadow: none;
  border-bottom: solid 3px var(--bg-2);
  color: var(--text-2);
  background-color: transparent;
  cursor: default;
  opacity: 1;
}


/*skema*/
.ls-card-filled /*top bar...