Skip to content

Mangago 2012 by griffenhiggins

Screenshot of Mangago 2012

Details

Authorgriffenhiggins

LicenseNo License

Categoryhttps://www.mangago.me/

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes Mangago look like it did in early 2012.

Notes

Tested while signed in, on Firefox, at 100% zoom and at 1920x1080 resolution. Header has some visual issues while actually reading a manga, hides the latest tab.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         MANGAGO 2012
@version      20241108.19.34
@namespace    https://userstyles.world/user/griffenhiggins
@description  Makes Mangago look like it did in early 2012.
@author       griffenhiggins
@license      No License
==/UserStyle== */

@-moz-document domain("www.mangago.me") {
.logo-icon, #menu #l {
display: none !important;
}
body {
background: #000 !important;
}
a {
font-size: 12px;
font-family: Tahoma;
color: #555;
}
.manga_right label, .manga_right, #information .manga_summary, .manga_summary font, .listing .no, .status div, #interest_sectl span, .anno-body, .left, .people-panel.w600 .article .user-profile, .essay_description, .content-h2 a.selected, #search_list .gray, #copyright, .people-panel .manga .comment .info, .people-panel .rightside h2 {
color: #333 !important;
font-family: Tahoma;
}
#search_list .blue, .people-panel .comment .title a {
color: #333 !important;
font-weight: bold;
font-family: Tahoma;
}
#header_wrapper {
background: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/header_950.png") no-repeat scroll 0 0 transparent;
height: 153px;
width: 950px;
padding-top: 27px;
margin: 0 auto;
}
#header_wrapper:before {
content: url("https://web.archive.org/web/20130119141737im_/http://img.manga-go.com/images/tree.png");
position: absolute;
margin-left: 867px;
margin-top: -14px;
}
#header:before {
content: url("https://web.archive.org/web/20130124061140im_/http://www.mangago.com/images/nav_right.png");
position: absolute;
margin-left: 307px;
margin-top: 2px;
}
#header:after {
content: url("https://i.imgur.com/kSuse3p.png");
position: absolute;
margin-left: -709px;
margin-top: -135px;
cursor: pointer;
}
#login_panel {
position: absolute;
margin-top: 15px;
}
#header #login_panel .user-action-box {
position: absolute;
width: 200px;
margin-left: -226px;
}
.mail-header, .notice-header, .history-btn {
filter: brightness(50%);
}
#login_pane {
visibility: hidden;
}
#logo {
content: url("https://web.archive.org/web/20121011131701im_/http://www.mangago.com/images/logo-chirstmas.png");
cursor: pointer;
margin-top: -36px;
margin-left: 15px;
}
#page {
border-radius: 5px;
background: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/f-bg.gif") repeat scroll 0 0 transparent;
}
#menu #h a, #menu #m a span, #menu #c a span , #menu #nav_genre a span {
background: url("NO IMAGE, IF I HIDE THIS ELEMENT NORMALLY THE BUTTON DOESN'T WORK");
color: #fff0 !important;
}
#menu #h {
height: 50px;
width: 145px;
margin-top: -31px;
z-index: 2;
}
#menu #h:before {
content: url("https://web.archive.org/web/20130124061134im_/http://www.mangago.com/images/h.png");
position: absolute;
margin-left: -73px;
}
#menu #h:hover:before {
content: url("https://web.archive.org/web/20130124061257im_/http://www.mangago.com/images/h-3.png");
}
#menu #m, #menu #c, #menu #nav_genre{
height: 39px;
width: 145px;
background: #fff0;
margin-top: -31px;
z-index: 2;
}
#menu #m {
margin-left: -1px;
}
#menu #c {
margin-left: 0px;
}
#menu #nav_genre {
margin-left: -2px;
}
#menu #m:before {
content: url("https://web.archive.org/web/20130124060428im_/http://www.mangago.com/images/m.png");
position: absolute;
margin-left: -73px;
}
#menu #c:before {
content: url("https://web.archive.org/web/20130124061202im_/http://www.mangago.com/images/c.png");
position: absolute;
margin-left: -73px;
}
#menu #nav_genre:before {
content: url("https://web.archive.org/web/20130124060630im_/http://www.mangago.com/images/a.png");
position: absolute;
margin-left: -73px;
}
#menu #m:hover:before {
content: url("https://web.archive.org/web/20130119141919im_/http://www.mangago.com/images/m-3.png");
}
#menu #c:hover:before {
content: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/c-3.png");
}
#menu #nav_genre:hover:before {
content: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/a-3.png");
}
#hotbook {
margin-left: 153px;
margin-top: -8px;
}
#hotbook a {
font-weight: bold;
color: #EDF233;
}
#hotbook a:hover {
color: #8B486D;
}
#menu #r {
visibility: hidden;
margin-left: 31px;
}
#menu #r #search {
visibility: visible;
margin-top: -84px;
}
#lookupwords {
background: none repeat scroll 0 0 #000000;
border: 1px solid #CCCCCC;
font-size: 12px;
height: 15px;
opacity: 0.8;
padding: 2px 0;
vertical-align: middle;
color: #fff !important;
width: 123px;
}
#search button {
background: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/search.png") no-repeat scroll left top transparent;
height: 21px;
left: -5px;
position: relative;
width: 34px;
}
#nave {
background: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/nav_bg.png") no-repeat scroll center top transparent;
height: 61px;
padding: 0;
top: -31px;
margin-left: 0px;
width: 950px;
z-index: 1;
}
#recommand .wrapper .rname_wrapper a.title, #recommand .wrapper .rname_wrapper a {
color: #F8FA99;
}
#right_side div, #top_genres .Yaoi, #top_genres .li_title {
border-bottom: 0px solid #00c7de00 !important;
}
.index_recommend li, #new_chapter li, .li_title h2 {
background: #0000 !important;
}
#right_side div h2, #top_genres .Yaoi a, #top_genres .li_title a, .indexlefttop1 div h2 {
color: #8B2F20 !important;
font-family: Tahoma;
}
#right_side div h2 strong, .indexlefttop1 div h2 strong {
font-weight: bold;
}
#toplist_panel {
background-color: #99999914;
border-radius: 3px 3px 3px 3px;
width: 195px;
}
#toplist_panel > ul:nth-child(1) {
padding: 10px 0 1px 0px;
}
#right_side .updates_chapter li a {
color: #336699 !important;
font-size: 11px;
font-weight: normal;
line-height: 23px;
}
#right_side img.showdesc {
height: 70px;
width: 50px;
overflow: hidden;
border-radius: 3px;
border: 1px solid #ACACAC !important;
}
.li_title h2 strong {
font-weight: bold;
color: green;
font-size: 14px;
text-decoration: underline;
}
#new_chapter li h3 a, .newchapter_title, #new_chapter li a {
color: green !important;
}
.newchapter_title strong {
color: #336699 !important;
}
.mg-avatar-index {
visibility: hidden;
}
h3#comments-title {
color: #999999 !important;
}
.comment-title {
background: #36384500;
}
#comments .depth-1 .comment-title a {
color: #000 !important;
font-style: normal;
font-size: 16px;
}
.comment-body {
border-radius: 4px;
background-color: #FFFFFF;
border: 1px solid #D4D4D4;
color: #111111;
font-size: 14px;
line-height: 17px;
padding: 5px;
word-wrap: break-word;
}
.comment-author cite a, .comment-author .says {
color: #B2B2B2 !important;
font-style: italic;
}
.comment-body a:link {
color: #06C;
}
a.content-h1-btn.yellow {
background: -moz-linear-gradient(top,#ffa803,#bb7c03);
}
a.content-h1-btn {
background: -moz-linear-gradient(top,#2e982f,#19612c);
}
a.content-h1-btn.blue {
background: -moz-linear-gradient(top,#033eff,#014193);
}
.people-panel .aside .profile {
background: #36384500;
}
.people-panel .aside .profile .user-info a, .content-h2 a, .content-f2 a {
color: #336699 !important;
}
.people-panel h1 {
color: #8B2F20;
font-family: Tahoma;
}
#tag_search {
background: -moz-linear-gradient(top, #fff, #ededed);
color: #606060;
border: solid 1px #b7b7b7;
}
#recommand .wrapper .img_wrapper {
border: 1px solid #C4CDD2;
width: 119px;
height: 158px;
}
.people-panel .cross_title {
background: #fff0 !important;
}
}

@-moz-document url("https://www.mangago.me/") {
body div:nth-of-type(3), #back_top {
visibility: hidden;
}
#header #login_panel .user-action-box .content {
visibility: visible;
}
#page {
border-radius: 5px 5px 0px 0px !important;
}
#home_user_area {
visibility: visible;
border-radius: 0px 0px 5px 5px;
background: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/f-bg.gif") repeat scroll 0 0 transparent;
}
#right_side, .listitem, #comments .comment-body, .recentcomments, #menu #c, .comment-wrapper, #header #login_panel .user-action-box, .history-btn {
visibility: visible !important;
}
.clear div, .divide-line div {
background: #fff0 !important;
}
.author {
color: #B2B2B2 !important;
font-style: italic;
}
.comment-cover {
border-radius: 3px;
border: 1px solid #ACACAC;
width: 68px;
height: 84px;
margin-right: 5px;
margin-bottom: 7px;
}
#recentcomments a.recent-author {
color: #333;;
font-size: 16px;
}
#recentcomments div {
color: #333;
font-size: 12px;
}
#menu #h:before {
content: url("https://web.archive.org/web/20130124061257im_/http://www.mangago.com/images/h-3.png");
}
#right_side {
margin-top: -40px;
margin-right: 10px;
}
.indexlefttop1 {
margin-top: -40px;
}
.indexlefttop1 div h2 strong {
margin-left: 20px;
}
#recommand {
margin-top: -30px;
margin-left: 20px;
width: 100%;
}
.indexlefttop1 .right {
visibility: visible !important;
margin-left: 20.9%;
position: absolute;
}
.comment_link {
background: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/comment.gif") no-repeat scroll 0 0 transparent;
color: #777;
font-size: 14px;
}
.comment_link:hover {
color: #8B2F20;
}
#page .title a {
font-weight: bold;
}
.pic_list .thm-effect img {
border-radius: 3px;
border: 1px solid #ACACAC;
}
}

@-moz-document url-prefix("https://www.mangago.me/read-manga") {
#page {
border-radius: 5px 5px 0px 0px !important;
}
.people-panel.w600 .article {
border-radius: 0px 0px 5px 5px;
background: url("https://web.archive.org/web/20121123041347im_/http://www.mangago.com/images/f-bg.gif") repeat scroll 0 0 transparent;
padding-right:350px;
}
.people-panel .rightside {
position: absolute;
margin-left: 640px;
}
.w-title div {
background: #fff0 !important;
}
.w-title h1 {
color: #8b2f20;
font-size: 20px;
font-weight: bold;
padding-left: 20px;
}
#information .also_like h4 {
color: #8b2f20;
font-weight: bold;
}
#information .listing a, #information .listing tbody tr td h4 b {
color: #336699 !important;
}
.aside:nth-of-type(1), .aside:nth-of-type(2), .aside:nth-of-type(4) {
border: 1px solid #aaa;
border-top-color: #315c99;
}
.people-panel .rightside h2 {
color: #333;
font-size: 11px;
font-weight: bold;
backg...

Reviews

No reviews yet.