Experience picosky with the old Twitter aesthetic in a DIY setting.
picosky Twitter by 4uffin
Details
Author4uffin
LicenseNo License
Categorypicosky
Created
Updated
Size2.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
UPDATE: Had to change cloudy background image source
(WORKS BEST IN LIGHT MODE)
- The cloudy background images may take some time to load
Source code
/* ==UserStyle==
@name psky.social Twitter
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("psky.social") {
/* Insert code here... */
/* Main Page */
/* General Styling */
body {
font-family: Arial;
}
/* General Styling */
/* Header */
.bg-white:nth-child(1) {
/*Your code should go under this comment*/
background-image: url('https://duffin.neocities.org/images/bg.gif');
background-color: #9ae4e8;
}
/* Login Button */
div:nth-child(2) > .bg-stone-600 {
/*Your code should go under this comment*/
font-weight: normal;
background-color: #e6e6e6;
color: #000000;
border: 1px solid #d9d9d9;
padding: 5px;
}
/* Nickname update Button */
.bg-stone-600:nth-child(2) {
/*Your code should go under this comment*/
font-weight: normal;
background-color: #e6e6e6;
color: #000000;
border: 1px solid #d9d9d9;
padding: 7px;
}
/* Logout Button */
.basis-1\/3 > .text-red-500 {
/*Your code should go under this comment*/
font-weight: normal;
}
/* Desktop Whitespace */
.bg-white:nth-child(2),
.bg-white:nth-child(3) {
/*Your code should go under this comment*/
background-image: url('https://duffin.neocities.org/images/bg.gif');
background-color: #9ae4e8;
}
/* Feed */
.overflow-auto {
/*Your code should go under this comment*/
background-color: #ffffff;
}
/* Post Form */
#postForm {
/*Your code should go under this comment*/
background-color: #ffffff;
padding: 5px;
margin-bottom: 20px;
}
/* pico Button */
.px-1:nth-child(4) {
/*Your code should go under this comment*/
font-weight: normal;
background-color: #e6e6e6;
color: #000000;
border: 1px solid #d9d9d9;
padding: 8px;
}
/* Main Page */
/* Settings Tab */
/* Settings Container */
.modal-box {
/*Your code should go under this comment*/
background-color: #ffffff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
border-radius: 0px;
}
/* Settings Tab */
}