Authorhawkwinter
LicenseCC-BY-SA-4.0
Categoryenragedeggplant.blogspot.com
Created
Updated
Size10 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Restyles the Blog "Generic Universal Eggplant", in a responsive dark style. Works on the mobile page version of the blog as well if you put a ?m=1 at the end of the URL.
I Think everything works. I haven't noticed any big visual hiccups. It'll get updated if I do, or if I come up with ideas to improve it.
/* ==UserStyle==
@name Universal Eggplant Blog Reskin (Draft)
@namespace Hawkwinter
@version 1.0.0
@description Restyles the Blog "Generic Universal Eggplant"
@author Hawkwinter
==/UserStyle== */
@-moz-document domain("example.com") {
/**
Your code goes here!
More info in the official documentation at Stylus' wiki:
https://github.com/openstyles/stylus/wiki/Writing-UserCSS
*/
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/*Settings*/
:root {
--default-size: max(max(20px, calc(100vmin * (16 / 855)), calc(100vw / 50)));
aa--default-size: 16px;
--maxw: min(35rem, calc(95vw - 20px));
--tcolor: hsla(0,0%,100%, 0.7);
--link-tcolor: hsla(200,100%,60%, 0.7);
--background: hsl(0,0%,15%);
--alternating-background: hsla(0,0%,0%, 0.4);
--table-first-background: hsl(0,0%,0%);
}
/*Debug Purposes Hiding*/
placeholder.hideme {
display: none !important;
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/* Page Stuff */
#b-navbar,[id*="navbar"] {
display: none;
max-height: 0;
opacity: 0;
pointer-events: none;
}
html {
background-color: var(--background);
color: var(--tcolor) !important;
}
*, body, .content-inner,
.body-fauxcolumn-outer .cap-top .cap-left,
.body-fauxcolumn-outer .fauxcolumn-inner,
.blog-pager-older-link, .home-link, .blog-pager-newer-link,
.mobile .main-inner, .mobile .footer-inner{
background-image: none;
background-color: transparent;
}
body, html {
overflow-x: hidden;
}
body, html, .content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: auto;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
max-width: var(--maxw) !important;
width: 100%;
margin: 0 auto !important;
padding: 0 !important;
}
.fauxcolumn-outer.fauxcolumn-right-outer .fauxborder-left .fauxcolumn-inner {
border: none !important;
}
hr {
color: transparent;
background-color: var(--tcolor);
height: 2px;
}
ol, ul {
padding-left: 1.75rem;
}
dd, dt, dl {
padding: 0;
margin: 0;
}
h1, h2 {
text-align: center;
margin: 0;
}
h3, h4, h5, h6 {
text-align: left;
margin: 0;
}
br + br + br {
display: none;
}
.post-body > h1:nth-child(1),
.post-body > h2:nth-child(1),
.post-body > h3:nth-child(1){
display: none;
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/* Font Stuff*/
body, html {
font: normal normal var(--default-size);
font-size: var(--default-size);
font-family: 'Calibri', 'Roboto Sans', 'Roboto', sans-serif !important;
}
* {
font-family: 'Calibri', 'Roboto Sans', 'Roboto', sans-serif !important;
line-height: 1.5;
color: var(--tcolor) !important;
}
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
[style*="text-align: center"] span[style*="text-decoration"]:nth-child(1),
[style*="text-align: center"] span[style*="text-decoration"]:nth-child(1) *
{ font-family: 'Jubilee Medium', 'Cambria', 'Roboto Serif', 'Roboto', serif !important; font-weight: 600;}
a:link, a:visited {
text-decoration: none;
color: var(--link-tcolor) !important;
}
a:hover, a:active {
text-decoration: underline;
}
h1, h1 * {font-size: 2rem !important;}
h2, h2 * {font-size: 1.8rem !important;}
h3, h3 * {font-size: 1.6rem !important;}
h4, h4 * {font-size: 1.4rem !important;}
h5, h5 *, .date-header, .date-header * {font-size: 1.2rem !important;}
h6, h6 *, p, [style*="text-align: center"] span:nth-child(1),
[align*="center"] span:nth-child(1){font-size: 1rem !important;}
table, table * {font-size: 0.8rem !important;}
span {font-size: inherit !important; color: inherit !important}
p, div span, .MsoNoSpacing, [style*="text-align: justify"], [style*="text-indent"]
div.MsoNoSpacing span,
[style*="text-align: center"],
table * {
text-indent: 0 !important;
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/* Table Stuff */
table, th, tbody, tr, td {
border: none !important;
line-height: 1.0 !important;
padding: 0 0 0 0 !important;
}
table{
max-width: calc( var(--maxw) - 60px);
width: calc( var(--maxw) - 60px);
margin: 0 auto;
}
table * {
width: auto !important;
line-height: 1.7 !important;
margin: 0;
}
tr:nth-child(odd){
background-color: var(--alternating-background);
}
tr:nth-child(1){
background-color: var(--table-first-background);
color: var(--tcolor);
}
tr:only-child{
background-color: transparent;
background-color: var(--alternating-background);
color: inherit;
}
td{
border: none !important;
}
td:nth-child(1) {
padding-left: 0.5rem !important;
}
td:last-child {
padding-right: 0.5rem !important;
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/* Image Stuff */
.post img {
background: transparent !important;
border: none !important;
}
@media all and (orientation:portrait) {
.post img {
width: 20vmin !important;
height: auto !important;
}
}
@media all and (orientation:landscape) {
.post img {
height: 20vmin !important;
width: auto !important;
max-width: var(--maxw);
}
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/*Right-Bar*/
/*
.main-inner .column-right-outer div.widget {
background-color: red;
}
*/
.main-inner .column-right-outer {
width: 30vmin;
margin-right: calc(30vmin * -1);
}
.main-inner .column-right-outer div.widget {
color: var(--tcolor);
font-size: 0.8rem !important;
}
.main-inner .column-right-outer div.widget > h2,
.main-inner .column-right-outer div.widget h2.title {
color: var(--tcolor);
font-size: 0.8rem !important;
margin: 0 0 2vmin 0;
}
.main-inner .column-right-outer div.widget table {
max-width: calc(197px);
overflow: hidden;
}
div.widget .gsc-input {
width: 80px !important;
overflow: hidden !important;
}
div.widget .gsc-search-button {
width: 80px !important;
overflow: hidden !important;
font-size: 0.6rem !important;
}
div.widget .gsc-search-button * {
font-size: 0.6rem !important;
}
ul.featured-widget-list h5 {
font-size: 0.8rem !important;
}
.widget.Label .label-size {
font-size: 0.6rem !important;
padding: 0.25rem;
width: auto;
line-height: 1.1;
}
.widget.PopularPosts .popular-posts .item-snippet {
max-height: 4.5em;
overflow: hidden;
}
.widget.PopularPosts ul {
padding-left: 1vmin;
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/*Metadata*/
.post-footer {
background-color: var(--alternating-background);
}
}
@-moz-document regexp("https?://.+\\.blogspot\\.com/comment/frame/.*") {
/*Comment*/
body {
background-color: #000;
}
}
@-moz-document regexp("https?://.+\\.blogspot\\.com/[0-9]+/[0-9]+/.*\\.html"), regexp("https?://.+\\.blogspot\\.com/[0-9]+/[0-9]+/.*\\.html\\?m=1") {
/*Hide Sidebar and make bigger Images inside Articles*/
.post-title,
.main-inner .column-right-outer {
display: none;
}
.post-body > h1:nth-child(1),
.post-body > h2:nth-child(1),
.post-body > h3:nth-child(1){
display: block;
}
.main-inner .columns {
padding-right: 0;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 0;
max-width: 100%;
}
.fauxcolumn-outer {
display: none;
}
/*Image Scaling IN Articles*/
@media all and (orientation:portrait) {
.post img,
html .post-body img{
width: 80vmin !important;
height: auto !important;
}
.post [style*="float"] img,
html .post-body [style*="float"] img {
width: 40vmin !important;
height: auto !important;
}
}
@media all and (orientation:landscape) {
.post img,
html .post-body img {
height: 70vmin !important;
width: auto !important;
}
.post [style*="float"] img,
html .post-body [style*="float"] img {
height: 50vmin !important;
width: auto !important;
}
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/*Mobile Stylings ?m=1*/
body.mobile {
opacity: 1 !important;
}
body.mobile .mobile-index-title {
width: auto;
}
body.mobile .date-header,
body.mobile .date-header * {
font-size: 0.6rem !important;
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/*"Subscribe To"*/
html>body div.subscribe div.top {
background: hsl(0, 0%, 20%);
border-radius: 0.25rem;
}
html>body div.subscribe div.bottom {
display: none;
}
div.subscribe {
width: 100% !important;
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/*Hide Right-Bar on Small Screens / Viewports*/
@media (max-width:135vmin), (max-width:1100px), (max-height:700px) {
.post-title,
.main-inner .column-right-outer {
display: none;
}
.post-body > h1:nth-child(1),
.post-body > h2:nth-child(1),
.post-body > h3:nth-child(1){
display: block;
}
.main-inner .columns {
padding-right: 0;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 0;
max-width: 100%;
}
.fauxcolumn-outer {
display: none;
}
/*Image Scaling IN Articles*/
@media all and (orientation:portrait) {
.post img,
html .post-body img{
width: 80vmin !important;
height: auto !important;
}
.post [style*="float"] img,
html .post-body [style*="float"] img {
width: 40vmin !important;
height: auto !important;
}
}
@media all and (orientation:landscape) {
.post img,
html .post-body img {
height: 70vmin !important;
width: auto !important;
}
.post [style*="float"] img,
html .post-body [style*="float"] img {
height: 50vmin !important;
width: auto !important;
}
}
}
}
@-moz-document domain("enragedeggplant.blogspot.com") {
/*"Image Lightbox"*/
.CSS_LIGHTBOX .CSS_LAYOUT_COMPONENT.CSS_LIGHTBOX_IMAGE_CONTAINER,
.CSS_LIGHTBOX .CSS_LAYOUT_COMPONENT,
.CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_PREVIOUS_IMAGE_CONTAINER{
height: 100vh...