aadil/fedi-tumblr
0
0
Fork 0
Code Issues 6 Pull Requests Projects Releases Wiki Activity

200520 New reply layout and Longhorn theme

Browse Source
This commit is contained in:
Daisuke
2020-05-20 14:53:33 -05:00
parent cb98b84c94
commit 2b1cee3f9d
27 changed files with 900 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

492
themes/longhorn/css/color.css Normal file
View File

@ -0,0 +1,492 @@
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 #666 !important;
box-shadow: 0px 0px 3px rgba(255,255,255,1);
}
input[type="radio"]:checked+label {
color: black;
}
input[type="checkbox"]:checked+label {
color: red;
}
.topbar {
background-color: rgba(0,0,0,0.7);
background-image: linear-gradient(to bottom, rgba(150,150,150,0.55) 0%, rgba(160,160,160,0.55) 47%, rgba(56,55,55,0.45) 47%, rgba(56,55,55,0.45) 100%);
box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
color: white;
}
.gotop {
background-color: rgba(255, 255, 255, 0.5);
}
.gotop a {
color: white;
}
.topicon, .appname > a {
color: white !important;
}
.tiselected {
border-bottom: 2px solid white;
}
.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: white;
}
.alert {
background-color: red;
}
.notif,.postAge{
color:black;
}
.notif .text{
color:black !important;
}
.uname {
text-decoration:underline !important;
}
.side_element,.userinfo,.previewpost,#notifications,#hiddenside .notif {
background-color: rgba(0,0,0,0.86);
/*border: 1px solid #ababab !important;*/
border-radius:0px !important;
border: 1px solid #eee !important;
}
.side_element li:active {
background-color: rgba(255, 255, 255, 0.25);
}
.side_element a, .userinfo a, .userinfo .ldr, .previewpost a {
color: white !important;
text-shadow: 1px 1px 2px black;
}
.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: white;
border-radius: 4px !important;
border: 1px solid #3a2528;
text-align: center;
white-space: nowrap;
background: white;
background: linear-gradient(to bottom, rgba(203,196,194,1) 0%, rgba(148,148,148,1) 1%, rgba(120,129,133,1) 48%, rgba(92,112,127,1) 49%, rgba(17,60,78,1) 50%, rgba(64,110,148,1) 78%, rgba(124,149,185,1) 100%);
box-shadow: 0px 1px 2px rgba #8d8588 inset;
}
/*
button,.postform input[type="submit"],.reply input[type="submit"] {
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(248,248,248,1) 47%, rgba(238,238,238,1) 47%, rgba(207,207,207,1) 100%);
color: black;
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;
}*/
.formbtn {
color:white;
}
.formbtn label{
color:white;
}
#usermenu .menu {
background-color: #6B91B6;
}
.postMenu {
background: rgb(255,255,255);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(243,226,225,1) 1%, rgba(220,164,160,1) 17%, rgba(208,129,121,1) 37%, rgba(189,67,51,1) 38%, rgba(197,124,106,1) 99%, rgba(255,255,255,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.3) inset;
border-radius:0px 0px 6px 6px !important;
border:1px solid #444;
color:white;
text-shadow:0px 0px 3px black;
border-top:1px solid #ccc;
display:block;
}
.postMenu:hover {
background: rgb(255,255,255);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(208,137,127,1) 1%, rgba(208,137,127,1) 17%, rgba(213,85,63,1) 37%, rgba(213,45,16,1) 38%, rgba(253,137,60,1) 99%, rgba(252,203,80,1) 100%);
}
.postMenu > .menu,.menu {
background-color: rgba(0,0,0,0.8) !important;
border-radius:5px !important;
background-image:none !important;
border: 1px solid #ccc !important;
color:white;
box-shadow: 2px 2px 5px rgba(0,0,0,0.9);
text-shadow:0px 0px 3px white;
}
.menu div{
color:white;
text-shadow:0px 0px 3px white;
box-shadow: 1px 1px 2px black;
}
.menu li{
color:white;
text-shadow:0px 0px 3px white;
}
.menu li:hover,.side_element li:hover {
background-color: #157efb !important;
background-image: linear-gradient(#5c83f9 ,#157efb);
color:white;
text-shadow:0px 0px 3px white;
}
.menu li a{
color:white;
/*text-shadow:0px 0px 3px white;*/
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:white;
}
.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;
}
.loader{
color:white !important;
text-shadow: 0px 0px 3px white;
}
.loader a,.loadmore a{
color:white !important;
text-shadow: 0px 0px 3px white;
}
.profile,.loader,.menu,.post,
.rb,
.textonly,
.loadmore,
.postform,
.searchmobile {
background-color:rgba(150,150,180,0.5);
background-image: linear-gradient(to bottom right, rgba(255,255,255,0.3) 1%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 60%, rgba(255,255,255,0.3) 99%);
border: 1px solid #fff !important;
border-radius:4px !important;
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
#notifications .notif{
color:white;
border:0px !important;
border-radius:0px !important;
}
.notif *{
color:white;
}
.postbody{
background-color:white;
border: 2px solid #666 !important;
box-shadow: 0px 0px 3px rgba(255,255,255,1);
border-radius:2px;
padding-top:10px;
padding-bottom:10px;
margin:4px 4px 0px 4px !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 {
text-shadow: rgba(255, 255, 255, 1) 0px 0px 2px;
}
.postHeader * {
color: white;
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(108,124,154,1) 0%, rgba(135,160,200,1) 2%, rgba(151,180,224,1) 6%, rgba(162,193,240,1) 7%, rgba(139,180,236,1) 20%, rgba(95,168,224,1) 49%, rgba(135,202,240,1) 75%, rgba(182,227,255,1) 100%);
box-shadow: 0px 1px 2px black;
color:white;
}
.voteBar{
background: rgb(185,215,245);
background: linear-gradient(rgba(108,124,154,1) 0%, rgba(135,160,200,1) 2%, rgba(151,180,224,1) 6%, rgba(162,193,240,1) 7%, rgba(139,180,236,1) 20%, rgba(95,168,224,1) 49%, rgba(135,202,240,1) 75%, rgba(182,227,255,1) 100%);
box-shadow: 0px 1px 2px black;
}
.post_footer > a{
color: white;
}
.public::after {
content: '';
}
.unlisted::after {
content: '';
}
.private::after {
content: '';
}
.direct::after {
content: '';
}
.post .post_buttons a{
color:white;
}
.felem a:hover > span {
background-color:rgba(0,0,0,0.8);
border: 1px solid white;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.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);
}
.notif .post_buttons a,.reply .post_buttons a{
color:black !important;
}
.reply .formbtn {
color:black;
}
.reply .formbtn label{
color:black;
}
.reply .postHeader {
background-color: #f1f1f1;
background-image: linear-gradient(#f5f5f5 ,#e6e6e6);
border-bottom:1px outset #ccc;
}
.reply .postMenu {
color:black;
background-image: none;
background-color: transparent;
border:0px;
box-shadow:none;
}
.reply > .postMenu a{
color:white !important;
font-weight:normal !important;
}
.reply .postMenu {
margin-top: 0px !important;
padding:0px !important;
}
.reply > .postMenu a {
font-weight: normal !important;
}
.reply > .postbody {
background-color:transparent;
border: none !important;
padding:0px !important
margin:0px !important;
}
.reply a {
color:black;
font-weight:bold;
text-shadow: none;
}
.reply {
background-color:#cddef0;
border-bottom: 1px dotted #333 !important;
color:black;
}
.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: white;
background: linear-gradient(to bottom, rgba(108,124,154,1) 0%, rgba(135,160,200,1) 2%, rgba(151,180,224,1) 6%, rgba(162,193,240,1) 7%, rgba(139,180,236,1) 20%, rgba(95,168,224,1) 49%, rgba(135,202,240,1) 75%, rgba(182,227,255,1) 100%);
border: 0px !important;
color:white;
}

16
themes/longhorn/css/mobile.css Normal file
View File

@ -0,0 +1,16 @@
body {
margin: 0;
background-attachment: fixed;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center top;
}
.content {
width:90% !important;
}
.postMenu {
padding:3px 5px 3px 5px;
margin-top:-11px !important;
}

10
themes/longhorn/css/style.css Normal file
View File

@ -0,0 +1,10 @@
body {
background-attachment: fixed;
background-size: cover;
margin: 0;
}
.postMenu {
padding:3px 15px 3px 15px;
margin-top:-11px !important;
}