www.wolvden.com/profile/14227 by wolfy

Details

Authorwolfy
LicenseNo License
Categorywolvden.com
Created3 weeks, 4 days ago
Updated3 weeks, 4 days ago
Size11 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

A new userstyle
Notes

Userstyle doesn't have notes.
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           www.wolvden.com/profile/14227
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://www.wolvden.com/profile/14227") {
    /* Insert code here... */
}@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

* ,.text-td-bottom{
  font-family: "Philosopher", sans-serif;
	color: #000;
}
a {
	color: #000;
	transition: 0.5s;
	font-weight: bold;
}
a:hover {
	color: #000;
	letter-spacing: 0.5px;
	text-decoration: none !important;
  text-shadow:0 0 1px #000;
}
h1 {font-size: 50px;text-align: center;font-weight: bold;color:#000;}

body {
	background-image: url("https://s2.loli.net/2024/04/30/4ohHipxkFPbwdL7.jpg");
	background-position: top center;
  background-size:cover !important;
}
.breadcrumb::after
{
  content:'CSS by #3609';
  position:absolute;
  right:35px;
  color: #000;
}
/* æç¤º */
.alert{
	background-color: rgb(255, 235, 195);
	color: #000;
	border:none;
}
 .alert a {
  color: #000 !important;
  transition: 0.5s;
}.alert a:hover {
  color: #000;
	letter-spacing: 0.5px;
	text-decoration: none !important;
  text-shadow:0 0 1px #000;
}
/* å¯¼èˆªåº•è‰² DEN CROSSROAD */
#header .navbar-main, #footer {
  background-image: url(https://s2.loli.net/2024/05/01/t9Z1aVeuCs4JARr.webp)!important;
  background-blend-mode:overlay;
	background-color: rgb(175, 50, 35);
}
/* å¯¼èˆªé“¾æŽ¥é¢œè‰² DEN CROSSROAD */
#header .navbar-main .nav-link, #header .navbar-main .nav-link .fa, #footer a,#footer nav .nav-item .nav-link {
	color: rgb(255, 195, 120);
	transition: 0.5s;
}
#header .navbar-main .nav-link:hover, #header .navbar-main .nav-link:hover .fa, #footer a:hover, #footer nav .nav-item .nav-link:hover {
	color: rgb(185, 125, 50);
	text-shadow:0 0 1px rgb(255, 195, 120) !important;
	text-decoration: none !important;
}
/* DEN/PROFILE æŒ‰é”® */

.nav-tabs /* Section containing the Den and Profile buttons */ {
  justify-content: center;
  border-bottom:none;
}
.nav-tabs .nav-link /* Individual Den and Profile buttons */ {
  background-color: rgb(255, 235, 195);
	color: #000;
	border:none;
  transition: 0.5s;
}
.nav-tabs .nav-link:hover /* Hover of inactive button */ {
  color: #000;
  border:none;
	letter-spacing: 0.5px;
	text-decoration: none !important;
  text-shadow:0 0 1px #000;
}
.nav-tabs .nav-link.active /* Link of the page being viewed */ {
  background-color: rgb(255, 235, 195);
	color: #000;
	border:none;
}
/* Welcome back */
.navbar-status {
  background-image: url(https://s2.loli.net/2024/05/01/t9Z1aVeuCs4JARr.webp)!important;
  background-blend-mode:overlay;
  background-color: rgb(45, 125, 100) !important;
  color: rgb(255, 195, 120) !important;
}
.navbar-status a ,.btn-group-vertical>.btn, .btn-group>.btn,.d-lg-inline,#footer .copyright,.user_current_sc,.user_current_gc,.d-md-inline,.fa-envelope-open:before,.fa-box:before{
  color: rgb(255, 195, 120) !important;
}
/* home, username, pack */
#header .breadcrumb-nav {
  background-image: url(https://s2.loli.net/2024/05/01/t9Z1aVeuCs4JARr.webp)!important;
  background-blend-mode:overlay;
	background-color: rgb(225, 195, 155);
}
.breadcrumb-item.active{
	color: #000;
}
/* ä¸»æ¿ */
#main, #sidebar {
  background-image: url(https://s2.loli.net/2024/05/01/t9Z1aVeuCs4JARr.webp)!important;
  background-blend-mode:overlay;
	background-color: rgb(225, 195, 155);
}
/* ç¬¬äºŒå¤§ä¸»æ¿ */
.table ,#denCards .card-header{
  background-color: rgb(255, 235, 195);
  border:none;
}
#sidebar .multi-column {
	padding-top: 15px;
}
#sidebar .card {
  background-color: rgb(255, 235, 195); 
  border-color: rgb(175, 50, 35);
}
/* ä¸»ç‹¼å¤´åƒ */ 
.table .row .card a img {
  border-radius: 3px 50px 3px 50px;
  border: 3px solid rgb(225, 195, 155);
}
/* å±•ç¤ºç‹¼å¤´åƒ */ 
.featured-wolf img {
  border-radius: 45px 3px 45px 3px;
  border: 3px solid rgb(225, 195, 155);
} 
  /* ä¸»ç‹¼å¤´åƒèƒŒæ™¯ */ 
.border-none .card 
{
  background: transparent !important;
}
.card-body .w-50:first-child div {
  border: none !important;
}
.w-50 > a img /* Wolf Icon Sidebar */ {
  border-radius: 3px 40px 3px 40px;
  border: 3px solid rgb(225, 195, 155);
}
.w-50 div a img /* Featured Wolf Icon Sidebar */ {
  border-radius: 13px 3px 13px 3px;
  border: 2px solid rgb(225, 195, 155);
}
/* Leader,Caveæ ‡é¢˜åº•è‰² */
.table th {
  background-image: url(https://s2.loli.net/2024/05/01/t9Z1aVeuCs4JARr.webp)!important;
  background-blend-mode:overlay;
	background-color: rgb(45, 125, 100);
  color: rgb(255, 195, 120);
  font-family: "Philosopher", sans-serif !important;
  font-size: 19px !important;
  border: none;
}
#lblPackLeaderTitle,.fa-pen:before ,.fa-user-friends:before{
  color: rgb(255, 195, 120) !important;
  font-family: "Philosopher", sans-serif;
}
/* Leader,Caveé“¾æŽ¥é¢œè‰² */
.table th a {
	color: rgb(255, 195, 120);
	font-family: "Philosopher", sans-serif !important;
	transition: 0.5s;
}
.table th a:hover {
	color: rgb(185, 125, 50);
	text-shadow:0 0 1px rgb(255, 195, 120) !important;
}
/* æ¬¡çº§æ ‡é¢˜é¢œè‰²ï¼Œå¬å›žç‹¼ */
.table .subheader {
	background-color: rgb(235, 205, 165);
}
/* ï¼Ÿ */
.table .left {
	background: transparent;
}
/* åŒè‰²æ¡ */
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgb(235, 205, 165);
}
/* caveä¸‹æ–¹é€‰æ‹©åº•è‰²ç‰ */
.table td.bottom {
	background-color: rgb(255, 235, 195);
}
/* card veiwå°æ ‡é¢˜ç‹¼åå—åº•è‰² */
.bg-dark {
  background: transparent !important;
}
/* card veiwå¡ç‰‡åº•è‰² */
.bg-light {
	background-color: rgb(255, 235, 195) !important;
}
#main .card {
  background-color: rgb(255, 235, 195);
}
/* çŠ¶æ€åº•è‰² */
.progress {
	background: rgba(0, 0, 0, 0.2) !important;
	margin-top: 3px;
}
/* èƒ½é‡ */
.bg-warning, #main .bg-success  {
	background-color: rgb(45, 125, 100) !important;
}
#sidebar .bg-danger, .bg-primary {
	background-color: rgb(255, 195, 120) !important;
}
#sidebar .bg-info, #main .bg-danger {
	background-color: rgb(45, 125, 100) !important;
}
#sidebar .bg-success, #main .bg-info {
	background-color: rgb(255, 195, 120) !important;
}

.form-control{
  background-color: rgb(235, 205, 165) !important; 
  border: 2px solid rgb(225, 195, 155) !important; 
  color: #000 !important;
} 

/* Update æŒ‰é’®*/
.btn-primary, .btn-success {
    background: rgb(45, 125, 100) !important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    box-shadow:none;
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { 
    background: rgb(75, 155, 130)!important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    transition-duration: 0.5s;
}

/* ä¸æœ½æ§½æŒ‰é’®*/
.btn-warning,.btn.btn-htmlinput {
    background: rgb(45, 125, 100) !important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    box-shadow:none;
}

.btn-warning:hover, .btn-warning:focus,.btn.btn-htmlinput:hover {
    background: rgb(75, 155, 130)!important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    transition-duration: 0.5s;
} 

/* -reportæŒ‰é’®*/
.btn-danger {
    background: rgb(175, 50, 35) !important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    box-shadow:none;
}
.btn-danger:hover {
    background: rgb(215, 90, 75) !important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    transition-duration: 0.5s;
}

.btn-info /* Feed/Play Buttons */ {
    background: rgb(45, 125, 100) !important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    box-shadow:none;
}.btn-info:hover {
    background: rgb(75, 155, 130)!important;
    color: #000 !important;
    border:none;
    font-weight: bold;
    transition-duration: 0.5s;
}
.bg-bar-input{
    background: rgb(255, 235, 195);
}
#chatMessageContainer{
  border: 2px solid rgb(225, 195, 155) !important; 

}
#chatMessagePinned.s-chat-message__pinned {
	background-color: rgb(45, 125, 100);
	border: none;
	padding: 5px;
}
.s-chat-message:nth-child(odd) {
	background: rgb(235, 205, 165);
	color: #000!important;
}
.s-chat-message:nth-child(even) {
	background: rgb(255, 235, 195);
	color: #000!important;
}
.s-chat-sidebar #label_currentChannel,#fra_chatContainer #txtChatInput,.s-chat-sidebar #fraChatChannelMenu{
  background-color: rgb(235, 205, 165);
  color: #000!important;
	border: 2px solid rgb(225, 195, 155) !important; 
	padding: 5px;
}
/*0/150*/ 
#txtChatContainer #lblCharacterCounter { color: #000;
/* Code of Conduct*/
} #txtChatContainer a { color: #000;}
#fra_chatContainer .channelMenu .channelSwitcher{
  color: #000!important;
}
#fra_chatContainer .channelMenu .channelSwitcher.active{
  background-color: rgb(235, 205, 165);
  color: #000!important;
	border: 2px solid rgb(225, 195, 155) !important; 
}
/* æ»šåŠ¨æ¡ */
::-webkit-scrollbar {
  background:rgb(225, 195, 155);
	width: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgb(45, 125, 100) !important;
}
/* ç›’å */
.boxcontainer {
	background: none;
	height: auto;
	padding: 0px;
	display: flex;
	justify-content: center
}

/*H Box1 Large*/
.Box1 {
	float: left;
  background: rgb(255, 235, 195);
  color: #000;
	padding: 0px;
	border: none !important;
	margin: 5px;
	height: 55px;
	width: 92%;
	overflow: hidden;
	transition: height 1s;
	padding: 15px;
	text-align: center;
}
.Box1:hover {
	overflow-x: hidden;
	overflow-y: auto;
	height: 180px;
}

/*H Box2 Medium*/
.Box2 {
	float: left;
  background: rgb(255, 235, 195);
  color: #000;
	padding: 0px;
	border: none !important;
	margin: 5px;
	height: 55px;
	width: 42%;
	overflow: hidden;
	transition: height 1s;
	padding: 15px;
	text-align: center;
}
.Box2:hover {
	overflow-x: hidden;
	overflow-y: auto;
	height: 180px;
}

/*H Box3 Small */
.Box3 {
	float: left;
  background: rgb(255, 235, 195);
  color: #000;
	padding: 0px;
	border: none !important;
	margin: 5px;
	height: 55px;
	width: 24%;
	overflow: hidden;
	transition: height 1s;
	padding: 15px;
	text-ali...
Reviews

No reviews yet.