Do you like the old theme of Blips.club from 2021?
Old Blips.club layout from 2021 by zaiaz07
Details
Authorzaiaz07
LicenseAttribution 4.0 International (CC BY 4.0)
Categoryblips.club
Created
Updated
Size19 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
--/* Bug report *--
if you see an bug, please write me an "Direct Messages"!
--/* 24 September 2023 *--
I hope you all guys like it! :D
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Old Blips.club
@version 20230924.10.28
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("https://blips.club/") {
#content {
position: relative;
left: -15px;
top: 50px;
border-radius: 0px 0 0 0px;
padding: 15px;
background: #fff;
}
body, .intro p {
color: #333!important;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.3;
}
#content .follow-info {
position: relative;
top: -115px;
left: 690px;
width: 104px;
}
#sidebar .section .header {
visibility: hidden;
}
#content .follow-info summary {
position: relative;
top: 0px;
left: -30px;
background-color: white;
}
#sidebar {
border-radius: 0 0px 0px 0;
height: 988px;
top: 50px;
position: relative;
}
#container nav {
background: #fff;
position: relative;
top: 0px;
left: 0px;
height: 15px;
border-radius: 0px 0px 0px 0px;
}
#content .profile-header img {
width: 48px;
height: 48px;
border: 2px solid #999;
position: relative;
top: -75px;
left: -15px;
}
.intro {
width: 300px;
background-color: white;
}
.signin {
background: #E0FF92;
border: 1px solid #87BC44;
position: relative;
left: 30px;
width: 250px;
}
.watch {
position: relative;
top: -300px;
}
.signin input[type=text] {
border: 1px solid #86bc46;
background: #FFFFFF;
width: 158px;
display: block;
padding: 4px 2px;
font-size: 0.92em;
position: relative;
left: 40px;
}
.signin input[type=password] {
border: 1px solid #86bc46;
background: #FFFFFF;
width: 158px;
display: block;
padding: 4px 2px;
font-size: 0.92em;
position: relative;
left: 40px;
}
.forgot a {
position: relative;
top: 40px;
left: 80px;
}
a {
color: blue;
}
input[type=submit] {
display: block;
padding: 3px 10px;
margin: 5px auto;
font-weight: bold;
font-size: 1.12em;
font-family: inherit;
line-height: 1.5em;
position: relative;
left: -90px;
}
.signin div {
position: relative;
left: 0px;
text-align: center!important;
}
.signin legend {
position: relative;
top: -50px;
left: 70px;
}
.watch img {
position: relative;
top: 300px;
content: url(https://web.archive.org/web/20211106182352im_/https://blips.club/images/girl.png);
background-repeat: no-repeat;
background-position: 0% 50%;
}
#sidebar {
height: 618px;
border: 2px solid var(--sidebar-border);
}
#sidebar .tabs li.selected a {
background-color: 0px solid var(--sidebar-border);
}
.quotes {
position: relative;
top: -70005px;
}
#content .feed {
position: relative;
top: -70px;
left: 0px;
}
#content .profile-header h2 {
font-size: 2.8em;
position: relative;
top: -70px;
left: -16px;
color: white;
}
#container header h1 img {
height: 49px;
width: 200px;
content: url(https://web.archive.org/web/20211106182352im_/https://blips.club/images/blips.png);
position: relative;
left: -14px;
}
#container main {
display: grid;
grid-template-columns: 564px 199px;
margin-top: 5px;
padding-top: 11px;
background: rgba(0, 0, 0, 0) url(/images/arr2.gif) no-repeat 20005px 0;
}
#content a.button {
position: relative;
top: -67px;
}
#content {
position: relative;
left: -15px;
height: 1440px;
}
footer {
position: relative;
left: -15px;
top: 45px;
width: 563px;
}
}
@-moz-document url-prefix("https://blips.club/public_timeline") {
#content {
position: relative;
left: -15px;
top: 50px;
border-radius: 0px 0 0 0px;
padding: 15px;
background: #fff;
}
#content .follow-info {
position: relative;
top: -115px;
left: 1100px;
width: 104px;
}
#sidebar .section .header {
visibility: hidden;
}
#content .doing {
position: relative;
top: -200px;
background-color: #ECEEED;
}
#content .doing .submit .latest {
position: relative;
top: -1000px;
}
#content .doing .submit input[type=submit] {
display: block;
padding: 3px 10px;
margin: 5px auto;
font-weight: bold;
font-size: 1.12em;
font-family: inherit;
line-height: 1.5em;
background-image: none;
border-color: black;
border-style: solid;
border-width: 1px;
border-radius: 5px;
background-color: white;
color: black!important;
}
#content .doing .submit input[type=submit]:hover {
background-image: none;
border-color: black;
border-style: solid;
border-width: 1px;
border-radius: 5px;
background-color: white;
color: black!important;
}
#content .doing #counter {
color: #ccc;
font-size: 20px;
font-weight: bold;
position: absolute;
top: 0px;
right: 0;
}
#content .follow-info summary {
position: relative;
top: 0px;
left: -460px;
background-color: white;
}
#sidebar {
border-radius: 0 0px 0px 0;
height: 618px;
top: 15px;
position: relative;
border: 2px solid var(--sidebar-border);
}
#sidebar .tabs li.selected a {
background-color: 0px solid var(--sidebar-border);
}
#container nav {
background: #fff;
position: relative;
top: 0px;
left: 0px;
height: 15px;
border-radius: 0px 0px 0px 0px;
}
#content .profile-header img {
width: 48px;
height: 48px;
border: 2px solid #999;
position: relative;
top: -75px;
left: -15px;
}
div.welcome > img {
content: url(https://web.archive.org/web/20211106182352im_/https://blips.club/images/girl.png);
height: auto;
width: 20px;
}
#content .doing .submit input[type=submit]:disabled {
color: #AAAAAA;
position: relative;
left: -190px;
top: 50px;
}
div.welcome > span {
display: flex;
align-items: center;
grid-gap: 8px;
margin-bottom: 10px;
font-size: 1.25em;
}
#content .feed .entry:first-child {
border-top: 0px dashed white;
}
#content .feed .entry {
border-bottom: 0px dashed white;
}
#content .feed {
position: relative;
top: -160px;
left: 0px;
}
form.doing {
border-color: #ECEEED;
border-style: solid;
border-width: 5px;
}
#content .profile-header h2 {
font-size: 2.8em;
position: relative;
top: -70px;
left: -16px;
color: white;
}
#container header h1 img {
height: 49px;
width: 200px;
content: url(https://web.archive.org/web/20211106182352im_/https://blips.club/images/blips.png);
position: relative;
left: -14px;
}
.submit {
background-color: #fff0!important;
}
#container main {
display: grid;
grid-template-columns: 564px 199px;
margin-top: 5px;
padding-top: 11px;
background: rgba(0, 0, 0, 0) url(/images/arr2.gif) no-repeat 0 1;
}
h2[style="margin: 0 0 -5px"] {
position: relative;
top: -160px;
color: black;
left: -10px;
}
#content a.button {
position: relative;
top: -1999px;
left: 15px;
background-color: white;
}
#content {
position: relative;
left: -15px;
top: 200px;
height: 1490px
}
footer {
position: relative;
left: -15px;
top: 200px;
width: 563px;
}
}
@-moz-document url-prefix("https://blips.club/home") {
#content {
position: relative;
left: -15px;
top: 50px;
border-radius: 0px 0 0 0px;
padding: 15px;
background: #fff;
}
#content .follow-info {
position: relative;
top: -115px;
left: 1100px;
width: 104px;
}
#sidebar .section .header {
visibility: hidden;
}
#content .doing {
position: relative;
top: -200px;
background-color: #ECEEED;
}
#content .doing .submit .latest {
position: relative;
top: -1000px;
}
#content .doing .submit input[type=submit] {
display: block;
padding: 3px 10px;
margin: 5px auto;
font-weight: bold;
font-size: 1.12em;
font-family: inherit;
line-height: 1.5em;
background-image: none;
border-color: black;
border-style: solid;
border-width: 1px;
border-radius: 5px;
background-color: white;
color: black!important;
}
#content .doing .submit input[type=submit]:hover {
background-image: none;
border-color: black;
border-style: solid;
border-width: 1px;
border-radius: 5px;
background-color: white;
color: black!important;
}
#content .doing #counter {
color: #ccc;
font-size: 20px;
font-weight: bold;
position: absolute;
top: 0px;
right: 0;
}
#content .follow-info summary {
position: relative;
top: 0px;
left: -460px;
background-color: white;
}
#sidebar {
border-radius: 0 0px 0px 0;
height: 658px;
top: 15px;
position: relative;
border: 2px solid var(--sidebar-border);
}
#sidebar .tabs li.selected a {
background-color: 0px solid var(--sidebar-border);
}
#container nav {
background: #fff;
position: relative;
top: 0px;
left: 0px;
height: 15px;
border-radius: 0px 0px 0px 0px;
}
#content .profile-header img {
width: 48px;
height: 48px;
border: 2px solid #999;
position: relative;
top: -75px;
left: -15px;
}
div.welcome > img {
content: url(https://web.archive.org/web/20211106182352im_/https://blips.club/images/girl.png);
height: auto;
width: 20px;
}
#content .doing .submit input[type=submit]:disabled {
color: #AAAAAA;
position: relative;
left: -190px;
top: 50px;
}
div.welcome > span {
display: flex;
align-items: center;
grid-gap: 8px;
margin-bottom: 10px;
font-size: 1.25em;
}
#content .feed .entry:first-child {
border-top: 0px dashed white;
}
#content .feed .entry {
border-bottom: 0px dashed white;
}
#content .feed {
position: relative;
top: -160px;
left: 0px;
}
form.doing {
border-color: #ECEEED;
border-style: solid;
border-width: 5px;
}
#content...