290420 New theme, personal settings and bugfixes
This commit is contained in:
Daisuke
392
themes/whistler/css/color.css
Normal file
392
themes/whistler/css/color.css
Normal file
@ -0,0 +1,392 @@
|
||||
a, .link {
|
||||
color: #042eb8;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("../wallpaper.jpg");
|
||||
}
|
||||
|
||||
.element div, .element span, .element p{
|
||||
color:black;
|
||||
}
|
||||
|
||||
select{
|
||||
color:black;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
label {
|
||||
color: #425f99;
|
||||
}
|
||||
|
||||
textarea,input[type="text"]{
|
||||
background-color:white;
|
||||
border-bottom:2px solid #ffffff !important;
|
||||
border-right:2px solid #ffffff !important;
|
||||
border-top:2px solid #828282 !important;
|
||||
border-left:2px solid #828282 !important;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked+label {
|
||||
color: black;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked+label {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.topbar {
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.appname {
|
||||
background-image: linear-gradient(#48ab49, #69c069, #48ab49, #48ab49, #3f943f);
|
||||
padding-right:20px;
|
||||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7) inset;
|
||||
border-radius: 0px 20px 20px 0px;
|
||||
border-bottom: 3px solid black;
|
||||
line-height:43px !important;
|
||||
}
|
||||
|
||||
.gotop {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.gotop a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.topicon,.badge {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tiselected {
|
||||
border-bottom: 2px solid white;
|
||||
}
|
||||
|
||||
.alert {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#notifications {
|
||||
background-color: #e7e9d4 !important;
|
||||
color:black;
|
||||
box-shadow: 1px 1px 1px black;
|
||||
}
|
||||
|
||||
.notif{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.notif .text{
|
||||
color:black !important;
|
||||
}
|
||||
|
||||
.uname {
|
||||
color:blue !important;
|
||||
text-decoration:blue !important;
|
||||
}
|
||||
|
||||
.new {
|
||||
background-color:#e7e9d4;
|
||||
}
|
||||
|
||||
.side_element {
|
||||
background-color: #285bc8;
|
||||
border:2px solid #042eb8;
|
||||
border-radius:5px;
|
||||
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
|
||||
color:white;
|
||||
}
|
||||
|
||||
.profileheader{
|
||||
border-bottom:2px solid white;
|
||||
}
|
||||
|
||||
.profileButton{
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.side_element li:hover {
|
||||
background-color: #000082;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.side_element li:active {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.userinfo a, .userinfo .ldr {
|
||||
color: #042eb8 !important;
|
||||
}
|
||||
|
||||
.side_element a {
|
||||
color:white;
|
||||
}
|
||||
|
||||
.uploadBox,.picker {
|
||||
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"] {
|
||||
background-image: linear-gradient(to bottom, #fffffc, #eef1eb);
|
||||
border:2px solid #426fc4;
|
||||
border-radius:3px;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.formbtn {
|
||||
color:black;
|
||||
}
|
||||
|
||||
.formbtn label{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.loadingImage{
|
||||
width:100px;
|
||||
height:100px;
|
||||
background-image: url("../loadingb.gif");
|
||||
background-repeat:no-repeat;
|
||||
background-size:100px;
|
||||
}
|
||||
|
||||
.loader,.menu,.notif {
|
||||
background-color: #e7e9d4 !important;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
}
|
||||
|
||||
.loader a{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.menu li {
|
||||
background-color: #e7e9d4 !important;
|
||||
}
|
||||
|
||||
#usermenu .menu {
|
||||
background-color: #e7e9d4;
|
||||
}
|
||||
|
||||
.postHeader .postMenu {
|
||||
color:white !important;
|
||||
padding:5px;
|
||||
background-image: linear-gradient(to bottom right, #f4a088, #be4e29);
|
||||
border-radius:4px;
|
||||
border:1px solid white;
|
||||
}
|
||||
|
||||
.postMenu {
|
||||
background-color: #e7e9d4 !important;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
background-color: #e7e9d4 !important;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
color:black;
|
||||
box-shadow: 1px 1px 2px black;
|
||||
}
|
||||
|
||||
.postMenu li{
|
||||
background-color: #e7e9d4;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.menu li:hover {
|
||||
background-color: #000082 !important;
|
||||
color:white;
|
||||
}
|
||||
|
||||
|
||||
.postMenu li a{
|
||||
color: #000082 !important;
|
||||
}
|
||||
|
||||
.postMenu li:hover a{
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.listmenu li {
|
||||
background-color:black;
|
||||
color:black !important;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.profile,
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore,
|
||||
.searchmobile,.postform {
|
||||
background-color: #e7e9d4;
|
||||
border:2px solid #042eb8;
|
||||
border-radius:5px;
|
||||
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.previewpost,.userinfo {
|
||||
background-color: #e7e9d4 !important;
|
||||
border:3px solid #042eb8;
|
||||
}
|
||||
|
||||
.userinfo_he a{
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.icon {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.postHeader,.topbar {
|
||||
background-image: linear-gradient(#3091ff, #0053e1,#0053e1, #0053e1, #0058ef,#0058ef,#0058ef ,#0058ef, #0060f9, #0060f9, #0060f9, #0060f9);
|
||||
/*https://pythonhosted.org/pyglet/programming_guide/window_xp_default.png */
|
||||
/* background-image: linear-gradient(#0055e0, #0063f9); */
|
||||
color:white;
|
||||
border-top:2px solid #3a90ff;
|
||||
border-bottom:3px solid #1047ab;
|
||||
}
|
||||
|
||||
.reply .postHeader{
|
||||
background-image: none !important;
|
||||
background-color: #7b97e1 !important;
|
||||
color:white;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
.postHeader a, .postHeader .link {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.postHeader, .postHeader span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.toggleblur{
|
||||
background-color: blue;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.polloption{
|
||||
display:block;
|
||||
background-color:white;
|
||||
border:2px solid #707069;
|
||||
border-radius:3px;
|
||||
color:black !important;
|
||||
margin-bottom:2px;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
.polloption:hover:not(.fixed),.voted{
|
||||
cursor:pointer;
|
||||
background-color: #285bc8;
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.voteBar{
|
||||
background-image: linear-gradient(#b4e6b8, #39c04d, #b4e6b8);
|
||||
}
|
||||
|
||||
.post_footer{
|
||||
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.post_footer .post_buttons a, .post_footer span{
|
||||
color: #042eb8;
|
||||
}
|
||||
|
||||
.reply {
|
||||
background-color: #f0f1e4 !important;
|
||||
border-top:0px solid #6a6a82;
|
||||
border-bottom:0px solid #26263c;
|
||||
/* box-shadow: inset 0 1px 20px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1); */
|
||||
}
|
||||
|
||||
.note {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.setting label {
|
||||
background-color: white;
|
||||
border:2px solid white;
|
||||
border-radius:3px;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
background-color: #426fc4;
|
||||
border:2px solid #426fc4;
|
||||
border-radius:3px;
|
||||
color:white;
|
||||
}
|
||||
Reference in New Issue
Block a user