Dracula for CK fixed by olivertzeng

/* ==UserStyle==
@name         Dracula for CK fixed
@version      20241029.12.12
@namespace    dracula/ck
@description  fixes for https://userstyles.world/style/15092/dracula-theme-for-iscoj
@author       Wasi Master, Oliver Tzeng
@license      GPLv3
==/UserStyle== */

/* ==UserStyle==
@name           Dracula for CK
@namespace      dracula/ck
@version        2.1.0
@description   fixes for https://userstyles.world/style/15092/dracula-theme-for-iscoj
@license       GPLv3
@author         Wasi Master, Oliver Tzeng
@preprocessor   stylus

@var select    accent-color       "Accent Color"        ["red:Red", "green:Green", "cyan:Cyan", "orange:Orange", "pink:Pink", "purple:Purple*", "yellow:Yellow", "white:White", "comment:Comment Color"]
@var select    button-text-color  "Button Text Color"   ["white:White", "black:Black*", "gray:Gray"]
@var checkbox  rounded-corners    "Rounded corners"     0
@var checkbox  custom-hljs-css    "Custom HighlightJS"  1   
@var text      code-font          "Code Font"           ui-monospace,"Cascadia Mono","Segoe UI Mono","Liberation Mono",Menlo,Monaco,Consolas,monospace
@var text      sans-font          "Sans Font"           -apple-system,BlinkMacSystemFont,"Segoe UI","Liberation Sans",sans-serif
@var text      serif-font         "Serif Font"          Georgia,Cambria,"Times New Roman",Times,serif
==/UserStyle== */

@-moz-document domain("www.ck.tp.edu.tw") {
@media (prefers-color-scheme: dark) {
	.theme {
		background: #282a36;
	}

	.navbar {
		background-color: #44475a;
		border-bottom: 4px solid #44475a;
		z-index: 10;
	}

	#left > .ct-row,
	#middle > .ct-row {
		background-color: #282a36;

		box-shadow: 0 0 7px #bd93f9;
	}

	style屬性 {
		color: #f8f8f2;
	}

	element.style {
		color: #f8f8f2;
	}

	element.style {
		color: rgb(221, 167, 167);
	}

	.module-title {
		color: #f8f8f2;
		border-top: 0;
		text-decoration: underline #e2d39b solid 5px;
	}

	.ct5abf2d62aa93092cee58ceb4 .btn-Muted {
		color: #ffffff;
	}

	div#main_top .module,
	div#left .module,
	div#middle .module,
	div#main_right .module,
	div#main_bottom .module,
	.module {
		background: #282a36;
	}

	.btn-Muted {
		color: #f8f8f2;
		background-color: #282a36;
		border-color: #bd93f9;
		fill: #7b8492;
	}

	.table-striped tbody tr:nth-of-type(odd) {
		background-color: #44475a;
	}

	.table-striped tbody tr:nth-of-type(even) {
		background-color: #6272a4;
	}

	.ct5abf2d62aa93092cee58ceb4 .table_gasize_responsive .ct-table td,
	.ct5abf2d62aa93092cee58ceb4 .table_gasize_responsive .ct-table th {
		color: #f8f8f2 !important;
		border: none;
		position: relative;
		padding-left: 20px;
		overflow: hidden;
		width: 100%;
		border-bottom: 1px solid #bd93f9;
		min-height: 47px;
		padding-top: 12px;
	}

	.nav-tabs .nav-item a,
	.nav-pills .nav-item a {
		color: #f8f8f2 !important;
	}

	.nav-tabs .nav-link.active,
	.nav-tabs .nav-item.show .nav-link {
		background: #bd93f9;
		color: #ffffff;
		border-color: #bd93f9;
	}

	.nav-tabs .nav-item > a {
		background: #44475a;
		color: #333;
		border: 1px solid #bd93f9;
	}

	#ct-content {
		overflow-x: hidden;
		background: #282a36;
	}

	.ct-table .thead-light th {
		color: #fff;
		background-color: #bd93f9;
		border-top: none;
		border-bottom: 1px solid #c5b061;
	}

	body {
		color: #f1fa8c;
		background-color: #a12f2f;
		overflow-x: hidden;
		margin: 0;
		width: 100vw;
	}

	.ct-table .noticelistunit {
		color: #50fa7b;
	}

	.searchBlock {
		background: #44475a;
		border: #bd93f9;
	}

	.module-title {
		color: #fff;
		border-top: 0;
		text-decoration: underline #ffb86c solid 5px;
	}

	.linkContentBox .container {
		display: flex;
		justify-content: center;
		/* flex-wrap: wrap; */
		background-color: #282a36;
		/* border: 1px solid #d6d6d6; */
		width: 100%;
		padding: 5.3% 5.7%;
		box-shadow: 0 0 7px #c8c8ca;
	}

	.linkContentBox li .icon-block {
		background-color: #44475a;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		box-shadow: 0 0 10px #6272a4;
		text-align: center;
	}

	.linkContentBox .txt a {
		color: #f8f8f2;
	}

	.linkContentBox .en a {
		color: #50fa7b;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
	}

	.btn-secondary.btn-line {
		color: #50fa7b;
	}

	.btn-secondary.disabled,
	.btn-secondary.disabled:hover,
	.btn-secondary.disabled:focus,
	.btn-secondary.disabled:active,
	.btn-secondary.disabled.active,
	.btn-secondary[disabled],
	.btn-secondary[disabled]:hover,
	.btn-secondary[disabled]:focus,
	.btn-secondary[disabled]:active,
	.btn-secondary.active[disabled],
	fieldset[disabled] .btn-secondary,
	fieldset[disabled] .btn-secondary:hover,
	fieldset[disabled] .btn-secondary:focus,
	fieldset[disabled] .btn-secondary:active,
	fieldset[disabled] .btn-secondary.active {
		background-color: #bd93f9;
		border-color: #bd93f9;
	}

	.btn-secondary {
		color: #ffffff;
		fill: #fff;
	}

	.ct5abf2d62aa93092cee58ceb4 .btn-tabs {
		position: absolute;
		padding: 8px 5px;
		background-color: #bd93f9;
		z-index: 1;
	}

	.top_rect {
		border-color: #ffb86c transparent transparent transparent !important;
	}

	.textLinkBox .container {
		display: flex;
		flex-wrap: wrap;
		background-color: #282a36;
		/* border: 1px solid #d6d6d6; */
		padding: 73px 5%;
		margin: 0 auto;
		width: 100%;
		box-shadow: 0 0 7px #c8c8ca;
	}

	.textLinkBox .textLinkItem a {
		display: block;
		margin-bottom: 15px;
		position: relative;
		color: #fff;
		padding-left: 25px;
	}

	body {
		color: #ff79c6;
		background-color: #822d2d;
		overflow-x: hidden;
		margin: 0;
		width: 100vw;
	}

	.textLinkTitle::after {
		content: "";
		display: block;
		width: 100%;
		height: 5px;
		background-color: #6272a4;
		position: absolute;
		bottom: 4px;
		left: 0;
		z-index: 1;
	}

	.textLinkBox .textLinkItem a::before {
		content: "";
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background-color: #ff79c6;
		margin-right: 25px;
		position: absolute;
		left: 0;
		top: 6px;
	}

	.linkContentBox .container {
		display: flex;
		justify-content: center;
		/* flex-wrap: wrap; */
		background-color: #282a36;
		/* border: 1px solid #d6d6d6; */
		width: 100%;
		padding: 5.3% 5.7%;
		box-shadow: 0 0 7px #bd93f9;
	}

	.textLinkBox .container {
		display: flex;
		flex-wrap: wrap;
		background-color: #282a36;
		/* border: 1px solid #d6d6d6; */
		padding: 73px 5%;
		margin: 0 auto;
		width: 100%;
		box-shadow: 0 0 7px #bd93f9;
	}

	.logo img {
		content: url("https://i.imgur.com/7xk0ifx.png");
	}

	.breadcrumb-item.active {
		color: #bd93f9;
		font-weight: 700;
	}

	.breadcrumb-item + .breadcrumb-item::before {
		border-left: 8px solid #ffb86c;
	}

	header .fontsize button {
		color: #ffffff;
		background-color: #bd93f9;
		border-radius: 0;
		margin: 0;
		width: 28px;
		height: 28px;
	}

	.searchBlock button {
		width: 27px;
		height: 27px;
		background-color: #bd93f9;
		background-image: url(../img/search.png);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		position: absolute;
		top: 0;
		right: 0;
	}

	header > a,
	header > div {
		color: #bd93f9;
		padding: 5px 8px;
	}

	header,
	header a,
	header button {
		color: #bd93f9;
	}

	header .dropdown svg {
		fill: #bd93f9;
	}

	.footerbg {
		color: #fff;
		background: #282a36 url(../img/footer_bg.jpg) left top no-repeat;
	}

	.ct5abf2d62aa93092cee58ceb4 .modal-container-detail {
		width: 80vw;
		height: 90vh;
		max-width: 80%;
		max-height: 90%;
		margin: 0px auto;
		padding: 20px 0;
		background-color: #44475a;
		border-radius: 2px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
		overflow-x: hidden;
	}

	.p-xs {
		padding: 8px;
		color: #fff;
	}

	.ct5abf2d62aa93092cee58ceb4 .notice_titlebg {
		background-image: none;
		/* background-repeat: repeat; */
		/* background-color: rgb(205 1 1 / 0%); */
		/* background-size: 3%; */
		/* padding: 20px 15px 20px 15px; */
		/* border-bottom: 2px solid #ea1111; */
	}

	/*
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff !important;
    box-sizing: border-box;
}*/
	span {
		background-color: #44475a;
		color: #fff !important;
	}
}
}