Skip to content

Brawl in the Family 2011 by griffenhiggins

Screenshot of Brawl in the Family 2011
Write a review Install Get Stylus

Details

Authorgriffenhiggins

LicenseNo License

Categoryhttp://brawlinthefamily.keenspot.com/

Created

Updated

Size8.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes the "Brawl in the Family" website look like it did in 2011.

Notes

What is this website? It's a webcomic I read around the holidays, I made this theme a few months before Christmas that completely bugged out when I tried to publish it. I was only able to share it now for some reason, it doesn't really matter.

Works fine on all levels of zoom, several buttons don't work because they don't have an equivalent on the current website. The keenspot banner doesn't appear on the homepage because it would make navigating the website incredibly difficult.

Source code

/* ==UserStyle==
@name         brawlinthefamily.keenspot.com
@version      20241231.21.24
@namespace    https://userstyles.world/user/griffenhiggins
@description  a
@author       griffenhiggins
@license      No License
==/UserStyle== */

@-moz-document domain("brawlinthefamily.keenspot.com") {
.post-cat, .post-author, .posted-on, #sidebar-right {
display: none;
}
center:nth-of-type(1), table#comic-nav-wrapper, #comic-head td.comic-nav {
visibility: hidden;
}
body {
background: url(https://web.archive.org/web/20111221233816im_/http://cdn.brawlinthefamily.keenspot.com/wp-content/themes/comicpress-3c/images/containerbg2.jpg) repeat top center;
color: #000;
font-size: 12px;
}
#page:after {
content: ".";
position: absolute;
left: 0;
top: 0;
background: #000;
border-bottom: 5px solid white;
height: 32px;
width: 100%;
align-items: center;
justify-content: center;
display: flex;
}
#page:before {
content: url(https://web.archive.org/web/20120116202946/http://kids.keenspot.com/images/logok.png);
position: absolute;
left: 0;
top: 0;
width: 100%;
margin-left: -47.25%;
align-items: center;
justify-content: center;
display: flex;
z-index: 2;
}
#content-wrapper:after {
content: url(https://web.archive.org/web/20111223013042/http://kids.keenspot.com/images/morefundropdown.png);
position: absolute;
left: 0;
top: 0;
width: 50%;
margin-left: 50%;
margin-top: 1px;
justify-content: right;
display: flex;
z-index: 2;
}
#comic img {
cursor: default !important;
margin-top: -52px;
padding-bottom: 180px;
}
#newsbox {
margin-left: 19px;
}
#newsbox img {
position: relative;
content: url("https://web.archive.org/web/20111221233821im_/http://www.keenspot.com/data/news-buzzboy-nov2011.gif");
margin-top: -26px;
z-index: 2;
}
#newsbox:before {
content: url("https://i.imgur.com/jLna6oe.png");
position: absolute;
margin-top: -420px;
margin-left: -10px;
}
#comic-head {
margin-top: 310px;
margin-left: -55px;
}
#comic-head:before {
content: url("https://i.imgur.com/NgwLAxI.png");
position: absolute;
align-items: center;
justify-content: center;
display: flex;
margin-left: 185px;
margin-top: -246px;
}
.comic-nav a:link, .comic-nav-base, .comic-nav-base .comic-nav-last .comic-nav-void   {
color: #f000 !important;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(1) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/firstcomicmini.png");
background-repeat: no-repeat;
background-position: 6px -1px;
height: 29px;
width: 10px;
font-size: 10px;
margin-left: 10px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(2) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/leftmini.jpg");
background-repeat: no-repeat;
background-position: 8px -1px;
height: 29px;
width: 10px;
font-size: 14px;
margin-left: -7px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(3) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/random.jpg");
background-repeat: no-repeat;
background-position: 8px -0px;
height: 30px;
width: 20px;
font-size: 13px;
margin-left: -12px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(4) {
visibility: visible;
background: url("https://web.archive.org/web/20120107181919im_/http://brawlinthefamily.keenspot.com/images/rightmini.jpg");
background-repeat: no-repeat;
background-position: 8px -0px;
height: 30px;
width: 20px;
font-size: 10px;
margin-left: -7px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(5) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/latestcomicmini.png");
background-repeat: no-repeat;
background-position: 8px -0px;
height: 30px;
width: 20px;
font-size: 14px;
margin-left: -20px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(1) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/firstcomicmini.png");
background-repeat: no-repeat;
background-position: 6px -1px;
height: 29px;
width: 10px;
font-size: 10px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(2) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/leftmini.jpg");
background-repeat: no-repeat;
background-position: 8px -1px;
height: 29px;
width: 10px;
font-size: 14px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(3) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/random.jpg");
background-repeat: no-repeat;
background-position: 8px -0px;
height: 30px;
width: 20px;
font-size: 13px;
}
#comic-head table#comic-nav-wrapper td.comic-nav:nth-of-type(4) {
visibility: visible;
background: url("https://web.archive.org/web/20120107181919im_/http://brawlinthefamily.keenspot.com/images/rightmini.jpg");
background-repeat: no-repeat;
background-position: 8px -0px;
height: 30px;
width: 20px;
font-size: 10px;
}
#comic-foot table#comic-nav-wrapper td.comic-nav:nth-of-type(1) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/FirstComic.jpg");
background-repeat: no-repeat;
height: 93px;
width: 85px;
font-size: 41px;
}
#comic-foot table#comic-nav-wrapper td.comic-nav:nth-of-type(2) {
visibility: visible;
background: url("https://web.archive.org/web/20111214182257im_/http://brawlinthefamily.keenspot.com/images/PreviousComic.jpg");
background-repeat: no-repeat;
height: 93px;
width: 85px;
font-size: 41px;
}
#comic-foot table#comic-nav-wrapper td.comic-nav:nth-of-type(3) {
visibility: visible;
background: url("https://web.archive.org/web/20120107181919im_/http://brawlinthefamily.keenspot.com/images/randomcomic.png");
background-repeat: no-repeat;
height: 96px;
width: 85px;
font-size: 75px;
}
#comic-foot table#comic-nav-wrapper td.comic-nav:nth-of-type(4) {
visibility: visible;
background: url("https://web.archive.org/web/20120107181919im_/http://brawlinthefamily.keenspot.com/images/NextComic.jpg");
background-repeat: no-repeat;
height: 93px;
width: 85px;
font-size: 41px;
margin-left: -13px;
}
#comic-foot table#comic-nav-wrapper td.comic-nav:nth-of-type(5) {
visibility: visible;
background: url("https://web.archive.org/web/20120107181919im_/http://brawlinthefamily.keenspot.com/images/LatestComic.jpg");
background-repeat: no-repeat;
height: 93px;
width: 85px;
font-size: 41px;
margin-left: -3px;
}
body.rounded-posts .uentry {
margin-left: 220px;
margin-top: 0px;
}
body.rounded-posts .uentry .post-text {
font-size: 12px;
}
body.rounded-posts .uentry .entry {
margin-left: -10px;
}
a:link, a:visited {
color: #424ee9;
}
a:link:hover, a:visited:hover {
color: #6577ff;
}
}

@-moz-document url-prefix("http://brawlinthefamily.keenspot.com/comic") {
center a:nth-of-type(1) {
position: absolute;
margin-top: 147px;
margin-left: -116px;
background: url("https://web.archive.org/web/20120116202948im_/http://cdn.brawlinthefamily.keenspot.com/images/archiven.jpg");
content: url("https://i.imgur.com/lYg0yWA.png");
background-size: cover;
background-position: -45px 0px;
width: 195px;
z-index: 2;
visibility: visible;
}
center a:nth-of-type(1):hover {
position: absolute;
margin-top: 147px;
margin-left: -117px;
background: url("https://web.archive.org/web/20120116202948im_/http://cdn.brawlinthefamily.keenspot.com/images/archiven.jpg");
content: url("https://i.imgur.com/lYg0yWA.png");
background-size: cover;
background-position: -280px 0px;
width: 195px;
z-index: 2;
}
center a:nth-of-type(3) {
position: absolute;
margin-top: 147px;
margin-left: 125px;
background: url("https://web.archive.org/web/20120116202949im_/http://cdn.brawlinthefamily.keenspot.com/images/storen2.jpg");
content: url("https://i.imgur.com/Wbd82uP.png");
background-size: 213%;
background-position: 0px 0px;
width: 220px;
z-index: 2;
visibility: visible;
}
center a:nth-of-type(3):hover {
position: absolute;
margin-top: 147px;
margin-left: 125px;
background: url("https://web.archive.org/web/20120116202949im_/http://cdn.brawlinthefamily.keenspot.com/images/storen2.jpg");
content: url("https://i.imgur.com/Wbd82uP.png");
background-size: 213%;
background-position: -220px 0px;
width: 225px;
z-index: 2;
}
#comic-head:before {
content: url("https://i.imgur.com/NgwLAxI.png");
position: absolute;
align-items: center;
justify-content: center;
display: flex;
margin-left: 185px;
margin-top: -246px;
}
}

@-moz-document url("http://brawlinthefamily.keenspot.com/") {
center, center a {
visibility: visible !important;
}
#page:after, #page:before, #content-wrapper:after {
visibility: hidden !important;
}
}

Reviews

No reviews yet.