@import url('https://fonts.googleapis.com/css2?family=Protest Revolution&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel Decorative&display=swap');

h1 {font-size: 40px;text-align: center;font-family: 'Protest Revolution', cursive;
	color: rgba(255, 255, 255, 1);
	}
h1:hover {
    letter-spacing:3px;
    text-shadow:0 0 5px #fff;
	  transition-duration: 1s;
}

* {
	font-family: 'Cinzel Decorative';
	color: rgba(255, 255, 255, 1);
}

.breadcrumb::after /* 授权*/ 
{
    content:'CSS by #3609';
    position:absolute;
    right:35px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

body {
	background-image:url("https://s2.loli.net/2023/07/09/iHzjO7l2vtcrT9V.jpg")!important;
	background-position: center;
  background-size:cover !important;
}

img {
      -webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
    filter: grayscale(80%);
}

img:hover {
      -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
    transition-duration: 0.5s;
}

/* SC Icon */ .icon-beetle-silver, .icon-silver-cone {
    filter: grayscale(80%);
}
.icon-beetle-silver, .icon-silver-cone:hover {
    filter: grayscale(0%);
}

/* GC icon */ .icon-beetle-gold, .icon-gold-cone {
    filter: grayscale(80%);
}
.icon-beetle-gold, .icon-gold-cone:hover {
    filter: grayscale(0%);
}

img.mr-2 /* Alert Icons for Hunting, etc. */ {
    filter: grayscale(80%);
}
img.mr-2:hover{
    filter: grayscale(0%);
}

.icon {
    filter: grayscale(80%);
}
.icon:hover {
    filter: grayscale(0%);
}

/* 信息计数 */
.badge-danger {
  background-color: rgba(255, 255, 255, 1);
	color: rgba(1, 1, 1, 1);
}

#bookmarkPage.fas.fa-bookmark.text-danger /* Bookmark Icon */ {
    color: #fff !important;
}

/* Home 左侧书签等链接颜色*/ 
a {
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
}

a:hover {
	color: rgba(200, 200, 200, 1);
	text-shadow:0 0 5px #fff;
	text-decoration: none !important;
	letter-spacing:0.5px;
	transition-duration: 0.5s;
}


/* 导航底色 DEN CROSSROAD */
#header .navbar-main, #footer {
	background-image: url(https://s2.loli.net/2023/07/10/JscezvaOfpu8PLZ.png)!important;
}

/* 导航链接颜色 DEN CROSSROAD */
#header .navbar-main .nav-link, #header .navbar-main .nav-link .fa {
	color: rgba(255, 255, 255, 1);
}

#header .navbar-main .nav-link:hover, #header .navbar-main .nav-link:hover .fa, #footer a:hover, #footer nav .nav-item .nav-link:hover {
	color: rgba(240, 240, 240, 1);
	text-shadow:0 0 5px #fff;
	letter-spacing:0.5px;
	transition-duration: 0.5s;
}

/* Welcome back */
.navbar-status 
{
    background-color: rgba(30, 35, 30, 0.8) !important;
    border-top: double 4px #fff;
    color:  rgba(255, 255, 255, 1) !important;
} .navbar-status a {
    color: rgba(255, 255, 255, 1) !important;
} .btn-group-vertical>.btn, .btn-group>.btn /* Username in that bar */ {
    color: rgba(255, 255, 255, 1) !important;
}
.icon-beetle-silver, .icon-silver-cone {
    color: rgba(255, 255, 255, 1);
}

i.fas.fa-mars.text-danger /* Breeding Male, Heat, etc. Symbol of Lead Wolf */ {
    color: #fff !important;
}

.btn-group-sm>.btn, .btn-sm /* 'Remove' Symbol + Text below Featured Wolf */ {
    color: #fff !important;
}

/* home, username, pack */
#header .breadcrumb-nav {
	background-color: rgba(30, 80, 80, 0);
}

.breadcrumb-item.active {
	color: rgba(255, 255, 255, 1);
}

/* 提示 */
.alert{
	background-image: url(https://s2.loli.net/2023/07/10/JscezvaOfpu8PLZ.png)!important;
	color: rgba(255, 255, 255, 1);
	border:solid 1px rgba(255 ,255 ,255 ,1);
}
 .alert a {
    font-style:italic;
    text-decoration: underline;
    color: rgba(230, 230, 230, 1) !important;
}.alert a:hover {
    color: rgba(255, 255, 255, 1) !important;
    font-style:italic;
    text-decoration: underline;
    letter-spacing:0.5px;
	  transition-duration: 0.5s;
}

/* 主板 */
#main {
  background-color: rgba(1, 1, 1, 0.4);
}

/* DEN/PROFILE 按键 */

.nav-tabs /* Section containing the Den and Profile buttons */ {
  padding-bottom:10px;
  justify-content: center;
  border-bottom:double 4px #fff;
}
.nav-tabs .nav-link /* Individual Den and Profile buttons */ {
    border: none;
    font-weight: bold;
    background-color: transparent;
    color: rgba(255, 255, 255, 1)!important;
}
.nav-tabs .nav-link:hover /* Hover of inactive button */ {
    border: none;
    font-weight: bold;
    color: rgba(240, 240, 240, 1);
  	text-shadow:0 0 5px #fff;
	  letter-spacing:0.5px;
  	transition-duration: 0.5s;
}
.nav-tabs .nav-link.active /* Link of the page being viewed */ {
    border: none;
    background-color: transparent;
    font-weight: bold;
}

/* pack dynasty,feed all play all,Expand Territory */
#main .card {
	background-color: rgba(10, 10, 10, 0.8);
}

 div.card.text-center>img /* Dystasy, etc. Images */ {
}


.card-header {
	border: none;
}

/* 展示狼头像 */
.featured-wolf img 
{
    border: none;
}


.border-none .card img{
    border: none;
}


/* 主狼头像背景 */ 
.border-none .card 
{
    background-color:transparent !important;
}


/* 第二大主板 */
.table {
  background-color: rgba(10, 10, 10, 0);
  border:none;
  
}

.badge-info {
  color:#000;
  background-color: rgba(255, 255, 255, 0.8);
}

/* Leader,Caveæ ‡é¢˜åº•è‰² */
.table th {
	background-color: rgba(30, 35, 30, 0.8) !important;
  color: rgba(255, 255, 255, 1);
  border-bottom: double 4px #fff;
  font-family: 'Rock Salt';
  text-align: center;
  font-size: 20px !important;
  
}

/* Leader,Cave链接颜色 */
.table th a {
	color: rgba(255, 255, 255, 1);
}

.table th a:hover {
	color: rgba(200, 200, 200, 1);
	text-shadow:0 0 5px #fff;
	text-decoration: none !important;
	letter-spacing:0.5px;
	transition-duration: 0.5s;
}

/* æ¬¡çº§æ ‡é¢˜é¢œè‰²ï¼Œå¬å›žç‹¼ */
.table .subheader {
	background-color: rgba(10, 10, 10, 0.4);
}

/* ？ */
.table .left {
	background-color: rgba(10, 10, 10, 0);
	border-right: solid 1px #fff;
}

/* Feed/Play 按钮 */ 
.btn-info 
{
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow:none;
}.btn-info:hover {
    background: rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow: 2px 2px 3px 1px rgba(255, 255, 255, 0.6);
    transition-duration: 0,5s;
}

/* 双色条 */
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(1, 1, 1, 0);
}

/* cave下方选择底色等 */
.table td.bottom {
	background-color: rgba(10, 15, 10, 0.8);
}

/* card veiwå°æ ‡é¢˜ç‹¼åå­—åº•è‰² */
.bg-dark {
  background-color: rgba(10, 15, 10, 1)!important;
}

/* card veiw卡片底色 */
.bg-light {
  background-image: url(https://s2.loli.net/2023/07/10/JscezvaOfpu8PLZ.png)!important;
  background-size: cover;
}
.bg-light:hover {
  background-image: url(https://s2.loli.net/2023/07/10/JscezvaOfpu8PLZ.png)!important;
  background-size: cover;
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.6);
    transition-duration: 1s;
}

/* 边区大底色 */
#sidebar {
	background-color: rgba(1, 1, 1, 0.4);
}

#sidebar .multi-column {
	padding-top: 15px;
}

/* 边区卡片底色 */
#sidebar .card {
  background-color: rgba(30, 35, 30, 0.8) !important;
  background-size: cover;
	border-top: double 4px #fff;
	border-bottom: double 4px #fff;
}

.card-body .w-50:first-child div /* Border featured wolf in Sidebar */ {
border: none !important;
}

.w-50 > a img /* Wolf Icon Sidebar */ {
    border: none;
}
.w-50 div a img /* Featured Wolf Icon Sidebar */ {
    border: none;
}

/* 状态底色 */
.progress {
	background: rgba(70,75,70,1) !important;
}

/* 能量 */
.bg-warning, #main .bg-success  {
	background-color: rgba(250, 255, 250, 1) !important;
}


#sidebar .bg-danger, .bg-primary {
	background-color: rgba(220, 225, 220, 1) !important;
}


#sidebar .bg-info, #main .bg-danger {
	background-color: rgba(190, 195, 190, 1) !important;
}


#sidebar .bg-success, #main .bg-info {
	background-color: rgba(160, 165, 160, 1) !important;
}

#chatMessagePinned.s-chat-message__pinned {
  border: none;
	background-color: rgba(10, 10, 10, 0.6);
	color:rgba(255, 255, 255, 1);
}

.s-chat-message__pinned a {
 color:rgba(255, 255, 255, 1); 
}

/* 滚动条 */
::-webkit-scrollbar {
  background:rgba(10,10,10,1);
	width: 8px;
}

::-webkit-scrollbar-thumb {
  background: rgba(185, 195, 195, 1);
}

/* èŠå¤©æ */
.s-chat-sidebar #chatMessageList {
	height: 370px;
		border:none important;
	box-shadow:none important;
}

.s-chat-message:nth-child(odd) {
	background: rgba(255, 255, 255, 0.2);
}

.s-chat-message:nth-child(even) {
	background: rgba(255, 255, 255, 0);
}

 input#btnChatSend.btn.btn-primary.btn-sm:hover{border-color: black !important;}
/*0/150*/ 
#txtChatContainer #lblCharacterCounter { color: rgba(255, 255, 255, 1);
/* Code of Conduct*/
} #txtChatContainer a { color: rgba(255, 255, 255, 1);
}
/* 目前所在chat*/
.s-chat-sidebar #label_currentChannel {
    color: #fff !important;
    background-color: rgba(10, 15, 10, 0.6) !important;
}
.s-chat-sidebar #label_currentChannel:hover{
}
/* 目前所在chat下拉*/
.s-chat-sidebar #fraChatChannelMenu {
    color: #fff !important;
    background-color: rgba(10, 15, 10, 1) !important;
}
.s-chat-sidebar #fraChatChannelMenu:hover{
    color: #fff !important;
    background-color: rgba(10, 15, 10, 1) !important;
}
/* 目前被选中chat*/
#fra_chatContainer .channelMenu .channelSwitcher.active {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* 目前未被选中chat*/
#fra_chatContainer .channelMenu .channelSwitcher{
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.s-chat-message_timestamp {
  color: #fff ;
}

#fra_chatContainer #txtChatInput {
    color: #fff !important;
    background-color: rgba(10, 15, 10, 0.6) !important;
    border:solid 1px #fff;
}

.s-chat-sidebar #chatMessageContainer{
 border:solid 1px #fff; 
}

/* Update 按钮*/
.btn-primary, .btn-success {
    background: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow:none;
}

.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
    background: rgba(255, 255, 255, 0.4) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow: 2px 2px 3px 1px rgba(255, 255, 255, 0.6);
    transition-duration: 0,5s;
}

/* 不朽槽按钮*/
.btn-warning {
    background: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow:none;
}

.btn-warning:hover, .btn-warning:focus {
    background: rgba(255, 255, 255, 0.4) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow: 2px 2px 3px 1px rgba(255, 255, 255, 0.6);
    transition-duration: 0,5s;
} 

/* -report按钮*/
.btn-danger {
    background: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow:none;
}

.btn-danger:hover {
    background: rgba(255, 255, 255, 0.4) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow: 2px 2px 3px 1px rgba(255, 255, 255, 0.6);
    transition-duration: 0,5s;
}

.btn-info /* Feed/Play Buttons */ {
    background: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow:none;
}.btn-info:hover {
    background: rgba(255, 255, 255, 0.4) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold;
    border:none;
    box-shadow: 2px 2px 3px 1px rgba(255, 255, 255, 0.6);
    transition-duration: 0,5s;
}

/* userlog下拉处*/
.dropdown-menu.show {
    background-color: rgba(10, 10, 10, 0.7);
}.dropdown-item:hover {
    background-color: rgba(10, 10, 10, 1);
}
.dropdown-divider {
    border: none;
}

select.form-control /* Pack Leader + Wolf Title selectrion */ {
    color: #fff !important;
    background-color: rgba(10, 10, 10, 0.7) !important;
    border:solid 1px rgba(255 ,255 ,255 ,0.6);
}
select.form-control:hover{
    border:solid 1px rgba(255 ,255 ,255 ,1);
}

/* BOTTOM EDITOR */

/* editor按钮颜色 */ 
.btn.btn-htmlinput {
  background: rgba(10, 15, 10, 1);
  border:none;
}

/* editor按钮背后整个条颜色 */ 
.bg-bar-input {
  background: rgba(255, 255, 255, 0.6);
}

/* æ·»åŠ css条 */ 
.form-control  {
    color: #fff !important;
    background-color: rgba(10, 10, 10, 0.7) !important;
    border:solid 1px rgba(255 ,255 ,255 ,0.6);
}
select.form-control:hover{
    border:solid 1px rgba(255 ,255 ,255 ,1);
}