fedi-tumblr/themes/wetcat/css/color.css

441 lines
8.4 KiB
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 {
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 {
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 {
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);
}
.menu div{
border: 2px outset #fff !important;
color:black;
box-shadow: 1px 1px 2px black;
}
.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 {
background-color: black;
color: white;
cursor: pointer;
}
.mute:hover,.block:hover,.follow:hover,
.nsfw:hover {
background-color: lime;
}
.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: '';
}
.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 {
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;
}