fedi-tumblr/themes/hitech/css/color.css
2021-03-27 12:06:08 -06:00

378 lines
5.9 KiB
CSS

a, .link, a > span {
color: #b7fff4;
text-shadow: 0 0 3px rgba(212,151,107,0.8);
}
div,span,p {
color:#ecf3fd;
}
body {
background-color: #11141b;
background-image: url("../bg.jpg");
}
select{
color:black;
background-color: rgba(255,255,255,0.9);
border-left: 6px solid #ff6300;
}
label {
color: #ff6300;
}
textarea,input[type="text"]{
border: 2px solid #edf3fe;
border-left: 6px solid #ff6300;
background-color: rgba(255,255,255,0.9);
color:black;
box-shadow: 5px 0 2px rgba(237,243,254,0.2);
}
input[type="radio"]:checked+label {
color: black;
}
input[type="checkbox"]:checked+label {
color: #ff6300;
}
.topbar {
background-color: rgba(0,0,0,0.5);
border-bottom: 2px solid #edf3fe;
}
.appname {
color: #edf3fe;
text-shadow: 0 0 5px rgba(237,243,254,1);
}
.gotop {
background-color: rgba(223,234,250,0.4);
border: 2px solid #edf3fe;
}
.gotop a {
color: #ff6300;
text-shadow: 0 0 3px rgba(212,151,107,1);
}
.topicon {
color: #edf3fe;
}
.tiselected {
color: #edf3fe;
text-shadow: 0 0 5px rgba(237,243,254,1);
border-bottom: 2px solid #ff6300;
}
.badge {
color: #edf3fe;
}
.alert {
background-color: red;
}
#notifications {
background-color: rgba(10,10,10,0.8);
border: 2px solid #edf3fe;
border-right: 6px solid #edf3fe;
box-shadow: 5px 0 2px rgba(237,243,254,0.2);
box-shadow: 5px 0 2px rgba(237,243,254,0.2) inset;
}
.notif{
border-left: 6px solid #edf3fe;
border-bottom:1px solid #eeaa88;
background-color:rgba(223,234,250,0.1);
color:white;
transition: border 1s;
}
.notif:hover{
border-left: 6px solid #ff6300;
}
.new,.previewpost,.userinfo {
border: 2px solid #edf3fe;
border-left: 6px solid #ff6300;
background-color: rgba(10,10,10,0.8);
color:white;
box-shadow: 5px 0 2px rgba(237,243,254,0.2);
}
.menu {
border: 2px solid #edf3fe;
}
.menu li{
transition: border 1s;
}
.menu, .menu li{
border-left: 6px solid #fff;
background-color: rgba(10,10,10,0.8) !important;
color:white !important;
}
.menu a {
color:white !important;
}
.menu li:hover{
border-left: 6px solid #ff6300;
background-color:B94A00 !important;
}
.menu li:hover a {
color:#fff !important;
}
.side_element,.postform {
background-color: rgba(223,234,250,0.4);
border: 2px solid #edf3fe;
border-right: 6px solid #edf3fe;
box-shadow: 5px 0 2px rgba(237,243,254,0.2);
box-shadow: 5px 0 2px rgba(237,243,254,0.2) inset;
}
.side_element:first-of-type,.postform {
border-right: 6px solid #ff6300;
}
.side_element li {
transition: color 1s;
transition: border 1s;
}
.side_element li:hover {
background-color: rgba(255, 255, 255, 0.25);
border-right: 6px solid #ff6300;
box-shadow: 5px 0 2px rgba(237,243,254,0.2);
}
.side_element li:active {
background-color: rgba(255, 255, 255, 0.25);
}
.side_element a {
color: white;
}
.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"] {
background-color:#739ccb;
border: 1px solid #fff;
color:white;
transition: background-color 1s;
}
input[type="submit"]:hover {
background-color:#ff6300;
}
.search input[type="submit"] {
color:#800 !important;
background-color:transparent !important;
border: 0px !important;
}
.formbtn {
color:#fff;
}
.formbtn label{
color:#fff;
}
.menu div{
box-shadow: 1px 1px 2px black;
}
.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.png") !important;
}
.post,
.rb,
.textonly,
.loadmore,.profile,.loader {
background-color: rgba(0,0,0,0.4);
border: 2px solid #edf3fe;
border-right: 6px solid #edf3fe;
box-shadow: 0 0 10px rgba(237,243,254,1) inset;
}
.element_pad > .post {
border-left:4px solid #ff6300;
}
/*
.postform,.searchmobile {
background-color: #eeaa88;
border:1px solid #eeaa88;
}
*/
.icon {
background-color: black;
}
.toggleblur{
background-color: #117743;
color:white;
}
.polloption{
display:block;
margin:5px;
padding:5px;
background-color: rgba(223,234,250,0.4);
border:2px solid rgba(223,234,250,1);
border-right: 6px solid #edf3fe;
border-radius:3px;
color:#FFF;
font-weight:bold;
transition: background-color 1s;
}
.polloption:hover:not(.fixed),.voted{
cursor: pointer;
background-color: #ff6300;
color:white;
}
.voteBar{
background-color: #ff6300;
box-shadow: 0 0 4px rgba(237,243,254,1);
}
.post_footer {
background-color: rgba(223,234,250,0.4);
border-top:2px solid rgba(223,234,250,1);
}
.postAge{
color: #edf3fF !important;
text-shadow: 0 0 5px rgba(237,243,254,1);
}
.felem a:hover > span {
background-color: #ff6300;
border:1px solid #fff;
color: #fff;
}
.public::after {
content: '';
}
.unlisted::after {
content: '';
}
.private::after {
content: '';
}
.direct::after {
content: '';
}
.post_buttons {
color: #425f99;
}
.notif .post_buttons {
background-color: #fff0d7;
}
.reply {
background-color: rgba(223,234,250,0.4);
border-bottom: 1px solid #fff;
}
.reply:hover {
border-right: 1px solid #ff6300;
}
.note {
background-color: #ccc;
}
.button {
background-color: white;
}
.setting label {
background-color: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
color:#800000;
}
.setting input[type="radio"]:checked+label {
background-color: #ff6300;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
color: white;
}