Uwplatt TDX++ by caramelkat

/* ==UserStyle==
@name           UwPlatt TDX++
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A userstyle to clean up the TDX interface and make some quality of life improvements across the interface
@author         Jemma Poffinbarger
==/UserStyle== */
@-moz-document url-prefix("https://uwplatt.teamdynamix.com") {
		:root {
		  --header: #00447c;
			--header-text: #ffffff; 
		  --background: #ffffff;
		  --text-highlight: #f37920;
		  --primary-text: #171717;
		  --secondary-text: #1d3a57;
			--border: #ddd;
			--link-text: #306090;
			--search-bar-background: #ffffff;
			--search-icon-color: #00447c;
			--btn-link: #ffffff;
		}
	@media screen and (prefers-color-scheme: light), light {
		:root {
		  --header: #00447c;
			--header-text: #ffffff; 
		  --background: #ffffff;
		  --text-highlight: #f37920;
		  --primary-text: #171717;
		  --secondary-text: #1d3a57;
			--border: #ddd;
			--link-text: #306090;
			--search-bar-background: #ffffff;
			--search-icon-color: #00447c;
			--btn-link: #ffffff;
		}	
	}
	/*@media screen and (prefers-color-scheme: dark), dark {
	:root {
	  --header: #404040;
		--header-text: #ffffff; 
	  --background:  #171717;
	  --text-highlight: #f37920;
	  --primary-text: #ffffff;
	  --secondary-text: #737373;
		--border: #525252;
		--link-text: #60c4fa;
		--search-bar-background: #262626;
		--search-icon-color: #ffffff;
		--btn-link: #60c4fa;
		}
	}*/
	html, body {
		background: var(--background) !important;
		color: var(--secondary-text) !important;
	}
	/* 
    * Header Style
    */
    #divHeader {
        background: var(--header) !important;
        min-height: 4em;
        padding-top: 0.5em;
        padding-left: 3.5em;
    }
	#divButtons {
		background: var(--header) !important;
        min-height: 3em;
        padding-top: 0.5em;
        padding-left: 0.5em;
	}
	.navbar {
		border-radius: 0 !important;
	}
    #divHeader:before {
        position: absolute;
        width: 3em;
        height: 3em;
        top: 0.5em;
        left: 0.1em;
        background: url('https://cdn.uwplatt.edu/logo/p/orange/logo.svg');
        background-repeat: no-repeat;
        content: " ";
    }
	.btn-primary {
		background: var(--text-highlight);
	}
    .organization-link > a {
        color: var(--header-text);
    }
    .organization-link > a:hover {
        color: var(--text-highlight);
    }
	/* Search Bar */
	#txtItemIDLookup, #txtAssetSerial {
		background-color: var(--search-bar-background) !important;
		border-color: var(--border);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	#btnSearch, #btnAssetLookup {
		background-color: var(--search-bar-background);
		border-color: var(--border);
	}
	#btnSearch > span, #btnAssetLookup > span {
		color: var(--search-icon-color) !important;
	}
    /* Task Buttons + User name */
    #btnToDos,
    #btnNotificationHistory,
    #dropdownMenu1 {
        color: var(--header-text) !important;
    }
    #divTDBar {
        width: unset;
    }
    /*
    * Tabs themeing
    */
	.padding-top-xs {
	  padding-top: 5.5px;
	}
	#divTabHeader {
		border-radius: 0 !important;
		border: none;
		height: 2em;
	}
	#divTabHeader a > span.fa {
	  color: var(--header-text);
	}
	#divTabHeader a:hover > span.fa {
	  color: var(--header-text);
	}
	#divTabHeader a:hover {
	  color: var(--header-text);
	  background: var(--text-highlight);
	  border-radius: 0;
	}
	.ui-widget-header {
		border-bottom: none;
	}
    .apps-tab {
        background-color: var(--header);
    }
    .apps-tab:hover {
        background-color: var(--text-highlight);
    }
	#tabsList {
		background-color: var(--background);
		color: var(--header-text) !important;
	}
	.ui-tabs-anchor {
	  color: var(--secondary-text) !important;
	}
	.ui-tabs-anchor:hover {
	  color: var(--text-highlight) !important;
	}
	.ui-tabs-active {
		background-color: var(--header) !important;
		border-color: var(--boarder) !important;
	}
	.ui-tabs-active > a {
		color: var(--header-text) !important;
	}
	.ui-widget-header {
		border-color: var(--border);
	}
	.navbar {
		background-color: var(--header) !important;
		border-color: var(--boarder) !important;
	}
	.btn-link {
		color: var(--btn-link);
	}
	#searchContainer > div > #divHeader {
		min-height: unset !important;
		height: 3em !important;
	}
}
@-moz-document url-prefix("https://uwplatt.teamdynamix.com/TDNext/Apps/112/Tickets"), url-prefix("https://uwplatt.teamdynamix.com/TDNext/Apps/113/Assets") {	
	#divHeader {
		background: var(--background) !important;
        min-height: unset;
        padding-top:unset;
        padding-left: unset;
	}
#divHeader:before {
        position: unset;
        width: unset;
        height: unset;
        top: unset;
        left:unset;
        background: none;
        content: unset;
    }
}
@-moz-document url-prefix("https://uwplatt.teamdynamix.com/TDNext/Apps/Shared/Global/Search") {	
#divHeader:before {
        position: absolute;
        width: 3em;
        height: 3em;
        top: 0.5em;
        left: 0.1em;
        background: none;
        content: " ";
    }
}
@-moz-document url-prefix("https://uwplatt.teamdynamix.com/TDNext/Home") {	
    /* Fix for My Assignments "No Items" text*/
    #ctl02_divNoResults {
        padding-bottom: 15px;
    }
	
	/*
	* Module Panels
	*/
	.panel {
		background-color: var(--background);
		color: var(--primary-text) !important;
	}
	
	.panel-default > .panel-heading{
		background-color: var(--header);
		color: var(--header-text) !important;
		border-color: var(--border);
	}
	
	.desktop-module.panel.panel-default.gutter-top {
		border-color: var(--border);
	}
	#table1019 tr > td:nth-child(4) {
		display: block;
		max-height: 15vh;
		min-height: 6vh;
		overflow: scroll;
		border-top: none !important;
	}
	#table1020 tr > td:nth-child(5) {
		display: block;
		max-height: 15vh;
		min-height: 6vh;
		overflow: scroll;
		border-top: none !important;
	}
	.pull-right > a > span {
		color: var(--header-text);
	}
	.pull-right > a > span:hover {
		color: var(--text-highlight);
	}
	a, a.noHover {
		color: var(--link-text);
	}
	.gray, .gray-hover:hover {
		color: var(--secondary-text) !important;
	}
	.ListItemLbl {
	  color: var(--primary-text) !important;
	}
	
	
}