Bane Full.png

World Styling Editor

SELECT THEME

CUSTOM CSS

.article-title {
   text-align:center;
}

.user-css .artist-credits {
background:none;
text-align: center;
}

@font-face {
  font-family: Sancreek;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sancreek/v25/pxiHypAnsdxUm159X4D5V14.woff2);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.user-css-presentation {
   background: url(https://www.worldanvil.com/i/4743379/render);
   background-size: cover;
   background-attachment: fixed;
}

.user-css-presentation{
   color: silver;
   font-size: 1em;
}

.user-css {
   background: URL(https://www.worldanvil.com/i/4745731/render);
   background-position: fixed;
   background-size: contain;
   background-repeat: none;
}

.user-css .heading h1.world-title {
   font-family: Sancreek;
   font-size: 100px;
   text-transform: uppercase; 
   color: seagreen;
  -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css .article-title h1{
font-family: Sancreek;
font-size: 4em;   
color: seagreen;
    -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css .article-panel .heading {
   color: seagreen;
}

.user-css .author-item a{
   color: Seagreen;
}

.user-css h1 {
   font-family: Sancreek;
  font-size: 4em;   
   color: seagreen;
   -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css h2 {
   font-family: Sancreek;
   font-size: 3.5em;   
   color: seagreen;
   -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css h3 {
   font-family: Sancreek;
   font-size: 3em;
   text-transform: uppercase;   
   color: seagreen;
  -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css h4 {
   font-family: Sancreek;
   font-size: 3em; 
   color: seagreen;
   -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css h5 {
   font-family: Sancreek;
  font-size: 2em;
   color: seagreen;
   -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css .article-panel h5 {
 -webkit-text-stroke: 0px black;
text-stroke: opx black;
}

.user-css .btn-primary {
   background: seagreen;
}

.user-css .copyright-attribution {
   color: silver;
}

.user-css .aloud {
   background: url(https://www.worldanvil.com/i/4743466/render);
   border-radius: 20px;
}

.user-css .article-panel .subheading {
   color: Seagreen;
}

.user-css .article-panel .date {
   color: seagreen;
}

.user-css .panel-body.card-body {
   background: url(https://www.worldanvil.com/i/4745731/render);
}

.user-css .backtoworld a {
   background: seagreen;
}

.user-css .artist-credits a {
   color: seagreen;
}

.user-css .artist-credits {
   color: seagreen;
}

.user-css blockquote {
   background: url(https://www.worldanvil.com/i/4743457/render);
   border-left: 0px;
   border-radius: 20px;
}

.user-css blockquote .author {
   color: seagreen;
}

.user-css .label.label-roller.rolldice {
   background: seagreen;
}

.user-css-presentation .panel.panel-default {
   background: url(https://www.worldanvil.com/i/4745731/render);
}

.user-css .map-box.map-item.position-relative {
   background: url(https://www.worldanvil.com/i/4745731/render);
}

.user-css .article-link {
     color: seagreen;
}

.user-css .world-timelines a {
   -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css a{
   color: seagreen;
}

.user-css-extended .page{
   background: url(https://www.worldanvil.com/i/4745731/render);
}

.user-css-extended h1 {
   color: seagreen;
     -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css-extended h2 {
   color: seagreen;
     -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css-extended h3 {
   color: seagreen;
     -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css-extended h4 {
   color: seagreen;
     -webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

.user-css-presentation .comment-box-author a.user-tag {
   color:seagreen;
}

.user-css-extended a{
   color: seagreen;
}

.user-css .turn-page-body{ 
position: relative!important; 
}
 
.user-css .page-001 .turn-page-content { 
z-index: 100; 
}
 
.user-css .page-002 .turn-page-content { 
z-index: 99; }

.user-css .page-003 .turn-page-content { 
z-index: 98; 
}
 
.user-css .turn-page-content { 
background: var(--white); 
border: solid 5px var(--black);
padding: 10px;
position: relative; }
 
.user-css .page-frame-set { 
position: absolute; }
 
.user-css .page-frame-set .page-001 .spoiler-button{
position: relative; 
left: 85%; 
z-index: 99; }
 
.user-css .page-frame-set .page-002 .spoiler-button{ 
position: relative; 
left: 85%; 
z-index: 98; }

.user-css .page-frame-set .page-003 .spoiler-button{ 
position: relative; 
left: 85%; 
z-index: 97; }
 
 
.user-css .page-001 .spoiler-button[aria-expanded$=true] { 
position: relative; 
transition: 1s ease; 
left: 5%; 
z-index: 10; }
 
.user-css .page-001 .spoiler-button[aria-expanded$=false] { 
left: 85%; 
position: relative; 
transition: 1s ease; 
z-index: 99 !important; }
 
.user-css .page-002 .spoiler-button[aria-expanded$=true] { 
position: relative; 
transition: 1s ease; 
left: 5%; 
z-index: 11; }
 
.user-css .page-002 .spoiler-button[aria-expanded$=false] { 
left: 85%; 
position: relative; 
transition: 1s ease; 
z-index: 98!important; }

.spoiler-button[aria-expanded$=true] { 
position: relative; 
transition: 1s ease; 
left: 5%; 
z-index: 12; }
 
.user-css .page-003 .spoiler-button[aria-expanded$=false] { 
left: 85%; 
position: relative; 
transition: 1s ease; 
z-index: 97!important; }

.user-css .page-001 .spoiler-button[aria-expanded$=true] ~ .turn-page-content {
opacity: 0; 
transition: opacity 1s ease;
}
 
.user-css .page-001 .spoiler-button[aria-expanded$=false] ~ .turn-page-content { 
opacity: 1; 
transition: opacity 1s ease; 
}
 
.user-css .page-002 .spoiler-button[aria-expanded$=true] ~ .turn-page-content { 
opacity: 0; 
transition: opacity 1s ease;
}
 
.user-css .page-002 .spoiler-button[aria-expanded$=false] ~ .turn-page-content { 
opacity: 1; 
transition: opacity 1s ease; 
}

.user-css .page-003 .spoiler-button[aria-expanded$=true] ~ .turn-page-content { 
opacity: 0; 
transition: opacity 1s ease;
}
 
.user-css .page-003 .spoiler-button[aria-expanded$=false] ~ .turn-page-content { 
opacity: 1; 
transition: opacity 1s ease; 
}

.user-css .turn-page-content { 
background: #fff; 
border: solid 5px #000;
padding: 10px;
position: relative; }

.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.user-css .meatyboneslogo {
    display: inline-block;
    width: 50px;
    height: 55px;
    margin: 5px;
    background-image: url(https://www.worldanvil.com/i/5367138/render);
    background-size: cover;
    background-repeat: no-repeat;
}

.user-css .pangyel {
   background: darkgoldenrod;
   padding: 5px;
   color: darkgreen;
   border: 1 px solid #000000;
   border-radius: 20px;
}

.user-css .pangyeltext {
padding: 5px;
text-align: center;
}

.user-css .panggre {
  background: darkgreen;
  padding: 5px;
  color: darkgoldenrod;
  border: 1 px solid #000000;
  border-radius: 20px;
}

.user-css .panggretext {
padding: 5px;
text-align: center;
}

Need help? Check out the CSS Styling Guide

Bane Full.png

World: Pangorio
Owner: Dazzlinkat
Views: 1237
Original Title
Artist: Dazzlinkat

Comments

Please Login in order to comment!

World Styling Editor

Bane Full.png

Comments

Find your way!

Resources

WHO WE ARE

LEGAL

Get the news

Our Shop

Development

EVENTS

REACHING OUT

A BIG THANK YOU

Adventures & Merch

Lore

World Styling Editor

Bane Full.png

Comments

Find your way!

Resources

WHO WE ARE

LEGAL

Get the news

Our Shop

Development

EVENTS

REACHING OUT

A BIG THANK YOU