DashboardFE/themes/wetcat/css/color.css

a, .link {
	color: blue;
}

body {
	background-color: #3975b4;
	background-image: url("../bg.jpg");
}

select{
	color:black;
	background-color:white;
}

label {
	color: #425f99;
}

textarea,input[type="text"]{
	background-color:white;
	border: 2px solid #999999 !important;
}

input[type="radio"]:checked+label,.setting input[type="checkbox"]:checked+label {
	color: black;
}

input[type="checkbox"]:checked+label {
	color: red;
}

.topbar {
	background-color: #f1f1f1;
	background-image: linear-gradient(#f5f5f5 ,#e6e6e6);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	color: black;
	border-radius: 8px 8px 0px 0px;
}

.reply .postHeader {
	background-color: #f1f1f1;
	background-image: linear-gradient(#f5f5f5 ,#e6e6e6);
	border-bottom:1px outset #ccc;
}

.gotop {
	background-color: rgba(255, 255, 255, 0.5);
}

.gotop a {
	color: white;
}

.topicon, .appname > a, .mobilemenu a {
	color: black !important;
}

.tiselected {
	border-bottom: 2px solid black;
}

.search {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) inset;
}

.search input[type="text"],.search input[type="submit"]{
	border:0px !important;
	background-image:none;
	background-color:transparent !important;
	box-shadow: none;
	color: #000;
}

.badge {
	color: black;
}

.alert {
	background-color: red;
}

#notifications {
	background-color: #c3c3c3;
	color:black;
	box-shadow: 1px 1px 1px black;
}

.notif,.postAge{
	color:black;
}

.notif .text{
	color:black !important;
}

.uname {
	text-decoration:underline !important;
}

.new {
	background-color:#c3c3c3;
}

.side_element,.flex {
	background-color: #e6e6e6;
	border: 1px solid #ababab !important;
	border-radius:10px !important; 
}


.side_element li:active {
	background-color: rgba(255, 255, 255, 0.25);
}

.side_element a, .userinfo a, .userinfo .ldr, .previewpost a {
	color: black !important;
}

.uploadBox {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.delpic {
	color:red;
	background-color:white;
}

input[type="submit"] {
  color: #fff;
  border-radius: 20px !important;
  border: 1px solid;
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  white-space: nowrap;
  background: rgb(185,215,245);
  background: linear-gradient(rgba(185,215,245,1) 0%, rgba(152,197,243,1) 28%, rgba(129,186,242,1) 52%, rgba(81,172,242,1) 59%, rgba(171,220,246,1) 100%);
  border-top-color: #8ba2c1 !important;
  border-right-color: #5890bf !important;
  border-bottom-color: #4f93ca !important;
  border-left-color: #768fa5 !important;
  box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
}



button,.postform input[type="submit"],.reply input[type="submit"] {
  background: rgb(185,215,245);
  background: linear-gradient(rgba(185,215,245,1) 0%, rgba(152,197,243,1) 28%, rgba(129,186,242,1) 52%, rgba(81,172,242,1) 59%, rgba(171,220,246,1) 100%);
  font-family: Lucida Sans, Helvetica, sans-serif;
  font-weight: 800;
  color: #fff;

  padding: 5px $half-height 3px;
  border-radius: 30px !important;
  border: 1px solid #ccc !important;

  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis; 
  overflow: hidden;
  
  // Aqua look
 
  border-top-color: #8ba2c1 !important;
  border-right-color: #5890bf !important;
  border-bottom-color: #4f93ca !important;
  border-left-color: #768fa5 !important;
    
  box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
}

.formbtn {
	color:black; 
}

.formbtn label{
	color:black; 
}

#usermenu .menu {
	background-color: #6B91B6;
}

.reply .postMenu {
	color:black;
	background-image: none;
	background-color: transparent;
	border:0px;
	box-shadow:none;
}

.postMenu {
	background: rgb(185,215,245);
	background: linear-gradient(rgba(185,215,245,1) 0%, rgba(152,197,243,1) 28%, rgba(129,186,242,1) 52%, rgba(81,172,242,1) 59%, rgba(171,220,246,1) 100%);
	/* box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px; /* FF 3.5+ */
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6) inset;
	border-radius:22px !important;
	border:1px solid #666;
	color:transparent;
	padding:3px;
}

.postMenu > .menu,.menu {
	background-color: rgba(255,255,255,0.8) !important;
	backdrop-filter: blur(10px);
	border-radius:5px !important;
	background-image:none !important;
	border: 0px !important;
	color:black;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.9);
	border: 2px outset #fff !important;
}

.mobilemenu {
	background-color: rgba(255,255,255,0.8) !important;
	backdrop-filter: blur(10px);
	background-image:none !important;
	border: 0px !important;
	color:black;
	box-shadow: -2px -2px 5px rgba(0,0,0,0.9);
	border-left: 2px outset #fff !important;
}

.menu li{
	color:black;
}

.menu li:hover,.side_element li:hover {
	background-color: #157efb !important;
	background-image: linear-gradient(#5c83f9 ,#157efb);
	color:white;
}


.menu li a{
	color: #000 !important;
	text-shadow:none !important;
	font-family: fontello, verdana, sans-serif !important;
	text-align:left;
}

.menu li:hover a{
	color:white !important;
}

.listmenu li {
	background-color:black;
	color:white;
}

.listmenu li:hover {
	background-color:white;
	color:black;
}

.autl:hover li{
	background-color:lightgreen !important;
}

.rutl:hover li{
	background-color:crimson !important;
}

.unblock,.unmute,.block,.mute,.follow,
.unfollow,
.nsfw,
.unnsfw,
.profileMenu,
.listmenu,.profileButton {
	background-color: black;
	color: white;
	cursor: pointer;
}

.mute:hover,.block:hover,.follow:hover,
.nsfw:hover,.profileButton:hover {
	background-color: blue;
}

.unmute:hover,.unblock:hover,.unfollow:hover,
.unnsfw:hover{
	background-color: crimson !important;
}

.unbookmark{
	color: crimson !important;
}

.unfav, .unreblog{
	color: red !important;
}

.loadingImage{
	background-image: url("../loadingb.gif") !important;
}

.profile,.loader,.menu,.notif,.post,
.rb,
.textonly,
.loadmore,
.postform,
.searchmobile {
	background-image: linear-gradient(to right, #ababab , #d3d3d3,#ababab);
	border: 1px outset #f2e0f5 !important;
	border-radius:8px !important;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.9);
}

.postbody{
	background-color:white;
	border: 1px solid #999999 !important;
	border-radius:6px;
	padding-top:10px;
	padding-bottom:10px;
	margin:4px 4px 0px 4px !important;
}

.reply > .postbody {
	background-color:transparent;
	border: none !important;
	padding:0px !important
	margin:0px !important;

}

.previewpost,.userinfo {
	background-color: #e6e6e6;
	background-image: none !important;
	border: 1px solid #ababab !important;
	border-radius:10px !important; 
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	color:black;
}

.userinfo_he a{
	color:white !important;
}

.icon {
	background-color: black;
}

.postHeader a, .postHeader .link {
	color: black;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.toggleblur{
	background: rgb(245,245,245);
	background: linear-gradient(rgba(245,245,245,1) 0%, rgba(223,223,223,1) 60%, rgba(207,207,207,1) 61%, rgba(207,207,207,1) 63%, rgba(207,207,207,1) 66%, rgba(207,207,207,1) 66%, rgba(245,245,245,1) 100%);
	color:black;
}

.polloption{
	display:block;
	margin:5px;
	padding:5px;
	background-color:white;
	border: 1px solid #999999 !important;
	border-radius:8px;
	box-shadow: 1px 1px 2px inset rgba(0,0,0,0.3);
	color:black; 
}

.polloption:hover:not(.fixed),.voted{
	cursor: pointer;
	display:block;
	margin:5px;
	padding:5px;
	background: rgb(185,215,245);
	background: linear-gradient(rgba(185,215,245,1) 0%, rgba(152,197,243,1) 28%, rgba(129,186,242,1) 52%, rgba(81,172,242,1) 59%, rgba(171,220,246,1) 100%);
	box-shadow: 0px 1px 2px black;
	color:white; 
}

.voteBar{
	background: rgb(185,215,245);
	background: linear-gradient(rgba(185,215,245,1) 0%, rgba(152,197,243,1) 28%, rgba(129,186,242,1) 52%, rgba(81,172,242,1) 59%, rgba(171,220,246,1) 100%);
	box-shadow: 0px 1px 2px black;
}

.post_footer > a{
	color: black !important;
}

.felem a:hover > span {
	background-color: #e6e6e6;
	border: 1px solid #ababab !important;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	color: black !important;
	border-radius:4px;
}

.public::after {
	content: '';
}

.unlisted::after {
	content: '';
}

.private::after {
	content: '';
}

.direct::after {
	content: '';
}

.sensitive::after {
	content: '';
}

.notif .post_buttons {
	background-color:white;
	border: 1px solid #999999 !important;
	border-radius:8px;
	box-shadow: 1px 1px 2px inset rgba(0,0,0,0.3);
	color:black; 
}

.reply {
	background-color: #ddd;
	border-bottom: 1px solid #666;
}

.note {
	background-color: #ccc;
}

.button {
	background-color: white;
}

.setting label {
	background-color:white;
	border: 1px inset #fff !important;
	color:#aaaaaa;
}

.setting input[type="radio"]:checked+label, .setting input[type="checkbox"]:checked+label {
	background: rgb(185,215,245);
	background: linear-gradient(rgba(185,215,245,1) 0%, rgba(152,197,243,1) 28%, rgba(129,186,242,1) 52%, rgba(81,172,242,1) 59%, rgba(171,220,246,1) 100%);
	box-shadow: 1px 1px 3px black;
	border: 0px !important;
}