Jump to content
Drazzild

Stylish | BurningSeries RedBlack AkameGaKill-Theme by Mekrip | edit by Drazzild

Recommended Posts

Hallo Liebes BurningSeries Board,

einige von euch kennen evtl. schon den Design entwurf von Mekrip.

Ich habe mir hier erlaubt den etwas ab zu ändern und wollte diesen edit euch hier mal "Präsentieren".

Stylish Code

@-moz-document url-prefix("https://bs.to"), url-prefix("http://bs.to") {
html {
    background: radial-gradient(ellipse farthest-corner at center center ,#ff0000 0,#000000 100%) fixed rgba(0,0,0,0);
    background: -moz-radial-gradient(ellipse farthest-corner at center center ,#ff0000 0,#000000 100%) fixed rgba(0,0,0,0);
    background: -webkit-radial-gradient(ellipse farthest-corner at center center ,#ff0000 0,#000000 100%) fixed rgba(0,0,0,0);
}

.andere-serien div.genre, .home>#teaser, .home>.column>section, body.exceeded>section {
    background-image: linear-gradient(#7c2525 0,#870000 24px);
    background-image: -moz-linear-gradient(#25557C 0,#004887 24px);
    background-image: -webkit-linear-gradient(#7c2525 0,#870000 24px);
}

nav>ul {
    background: linear-gradient(#9a2c2c 0,#9a0707 24px);
    background: -moz-linear-gradient(#2C689A 0,#07559A 24px);
    background: -webkit-linear-gradient(#9a2c2c 0,#9a0707 24px);
    box-shadow: 0 0 2px rgba(0,0,0,.75),0 -1px 0 rgba(110, 17, 17, 0.7) inset;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.75),0 -1px 0 rgba(17,68,110,.7) i;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.75),0 -1px 0 rgba(110, 17, 17, 0.7) inset;
}
  
nav>ul>li:hover {
    background: linear-gradient(#9E4444 0,#9C2C2C 24px);
    background: -moz-linear-gradient(#9E4444 0,#9C2C2C 24px);
    background: -webkit-linear-gradient(#9E4444 0,#9C2C2C 24px);
    box-shadow: 0 0 2px rgba(0,0,0,.75),0 -1px 0 rgba(110, 17, 17, 0.7) inset;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.75),0 -1px 0 rgba(17,68,110,.7) i;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.75),0 -1px 0 rgba(110, 17, 17, 0.7) inset;
}

.faq dt a {
    color: #000;
}

body>#root {
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    background: url(https://abload.de/img/akame_ga_kill_header_y9owa.png) no-repeat #1F1F1F;
}

#root>section {
    background-color: #1F1F1F;
    color: #DCDCDC;
    padding-bottom: 1.7em;
}

section#navigation>div:first-child {
    color: #F8F8F8;
    border: 1px solid #000000;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    background: linear-gradient(#3A78AB 0,#1062AA 24px);
    background: -moz-linear-gradient(#3A78AB 0,#1062AA 24px);
    background: -webkit-linear-gradient(#ff0000 0,#000000 24px);

}

nav>ul>li {
    border-right: 1px solid #6e1111;
}

form#login {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background: linear-gradient(#a73333 0,#a10c0c 24px);
    background: -moz-linear-gradient(#3373A7 0,#0C5BA1 24px);
    background: -webkit-linear-gradient(#a73333 0,#670d0d 24px);
}

#root>header, .home>#teaser>header, .home>.column>section>header, footer>ul, nav>ul {
    background-color: rgba(255, 0, 0, 0.15);
}

.andere-serien div.genre ul, .home>#teaser>div, .home>.column>section>div, body.exceeded>section>div {
    background-color: #313131;
}

.andere-serien div.genre ul>li>a, section#defect>div>ul>li>a, section#newest_episodes a>div:first-child, ul#seriesList>li>a.prop {
    color: #C9C9C9;
}

a {
    color: #939393;
}

nav a {
    color: #000;
}

td>a {
 	color: #000;   
}

.serie table.edit tr:last-child, .serie table.episodes tr:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #000;
}

div>small {
 	color: #000;   
}

section#navigation>a, section#navigation>div {
    color: #000;
}

.serie table.edit tr, .serie table.episodes tr {
    border: 1px solid #000;
    background: gray;
}

.serie table.episodes tr td:nth-child(1)>a:hover {
    background-color: #5f0606;
    text-decoration: none;
}

.serie table.episodes tr {
    background-color: gray !important;
}

.serie table.episodes tr.watched {
    background: #bd0000 !important;
}

.serie .frame ul li a:hover {
    background-color: #5f0606;
    text-decoration: none;
}

.serie .frame ul li.watched {
    background: red !important;
}

.serie .frame ul li.active {
    background: darkred;
}

.serie .scrollbar .handle {
    background: #ff3d3d;
}

.serie .infos>div>p>span:hover {
    cursor: pointer;
    background: #565656;
}

.serie .epiInfo>small, .serie .epiInfo>strong {
    color: #000;
}

.home #shoutbox dl>dt, .home li:nth-child(even) {
    background-color: #3e3e3e;
}

section#news>div>article>header {
    background-color: #654b4b;
}

text {
    fill: #DCDCDC;
}

footer {
    min-height: 10px;
}

.user-center .col {
    background-color: #690000;
    border: 1px solid #000000;
}

.user-center .col li {
    border: 1px solid #000000;
    background-color: #b50000;
}
}

@-moz-document domain("facebook.com") {
/*._2tga {
    background: #5a0000;
    border: 1px solid #000000;
}

._2tga:hover {
    background: #5a0000;
    border: 1px solid #000000;
}*/

._2tga {
    background: rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
}

._2tga:hover {
    background: rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
}

._2tga ._1pbq {
    height: 0px;
    width: 0px;
}

._2tga._49ve {
    border-radius: 0px;
    font-size: 0px;
    height: 0px;
    padding: 0px;
}

.chrome ._2tga._49ve {
     padding-bottom: 0px;
}

._3jn- {
    height: 0px;
    vertical-align: middle;
    width: 0px;
}

a#u_0_2._2vmz{
	height: 0px;
    width: 0px;
}

.plugin, .plugin button, .plugin input, .plugin label, .plugin select, .plugin td, .plugin textarea {
    font-size: 0px;
}


}

 

Link zum Original Style: https://userstyles.org/styles/138429/burningseries-redblack-akamegakill-theme-by-mekrip

 

Der Code ist im normalen "Mozilla Format" sprich ihr müsstet ihn halt manuel in Stylish Importieren.

Bei mir wurde der Facebook Like Button angezeigt aber da ich kein Facebook besitze hab ich ihn mehr oder weniger einfach entfernt und das für jede seite wo es ihn gibt.

dann halt noch ein paar darstellungs fehler behoben z.b. unter Statistiken oder das sich der Style auch hier im Forum einbringt.

Zudem hab ich die Farben allgemein etwas angepasst damit es besser zum Motto "RedBlack" passt.

Hier dann noch ein Paar Screenshots.

Mit freundlichen Grüßen

Drazzild :P

Edited by Drazzild
  • Thanks 1

Share this post


Link to post
Share on other sites

Hallo BS-Community

Ich habe mir das Akame ga Kill! Style von Mekrip mal angesehen und gemerkt, dass da vieles schon nicht mehr auf die aktuelle Version funktioniert. Da dies mit einer "CC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike"-Lizenz versehen ist (Link zum Original Style siehe im Post darüber), habe ich mich mal ein bisschen daran gesetzt und einige Dinge geändert. Ich fand den Grundgedanken des Designs eigentlich ganz gut, jedoch konnte ich mit dem Header auf einen spezifischen Anime nicht viel anfangen, ausserdem war mir das Ganze doch etwas zu grell mit dem ganzen Rot. Deswegen habe ich einige Dinge verändert und auch alle neuen Attribute einbezogen, falls jedoch jemanden noch etwas auffallen sollte was vergessen gegangen sein könnte, bitte ich um Rückmeldung damit ich das noch anpassen kann. 

Das Style kann ganz simpel über userstyles.org installiert werden, wenn noch kein "Stylish" (Browseraddon) vorhanden ist muss dieses natürlich zuerst installiert werden:

 

Dann hier nun den Link zum Style: https://userstyles.org/styles/153856/burning-series-dark-red-style-by-high-village

Und das Ganze vorzugsweise auch in Dark-Blue: https://userstyles.org/styles/154030/burning-series-dark-blue-by-high-village

Und natürlich einige Screenshots um das Ganze zuerst betrachten zu können: https://imgur.com/a/0YvYK

 

Der Grundgedanke war ein cleanes smoothes dunkleres Design zu erstellen, welches übrigens mit dem Dunklem Design von Opera sehr gut harmoniert, sodass die Augen etwas geschont werden von dem grellen Weiss welches Standartmässig zu sehen ist. Sicherlich vorallem in der Nacht sehr angenehm. Ich hoffe es wird dem ein oder anderem von Nutzen sein.

Viel Spass damit! Grüsse High_village

 

PS: Die Scrollbar wurde absichtlich etwas "dicker" gemacht für ein einfacheres Handling!

  • Like 4
  • Thanks 2

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×