@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);
}