CSS

frame-top.jpg

Click here to return to Main Page.

Missing Credit

If your artwork or material is featured on this site without credit, please contact me so I can resolve it.

Art

Main Page

CSS

Here is all the CSS code used to style this page:

/* editing snippet */

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea {
color: black;
background-color: rgb(245, 245, 245);
}

textarea#custom-css-field.flat-field {
background-image:url(http://cdn.obsidianportal.com/assets/250567/black.jpg);}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus {
background-color: rgb(250, 250, 250);
}

div .navbar {
   display: none;
}
/* === MAIN BODY STYLING ===== */

/* table fix */

table tr:nth-of-type(2n) {
   background-color: transparent;
}

/* page title */
body.campaign-public-layout .title {

   border-style: none;
   height:0px;
   display:none;
}

h2.title {

   border-style: none;
}

.tags-list.small-list {

    margin-top: 25px;

}

/* moving the nav bar */

#campaign-nav { position:relative;left:-75px; }
.collapsable-nav-row.collapsed .main-content-container {padding-left: 10px;}
.icon-edit {   position: relative;    left: -30px; }

/* background */

.campaign-public-layout .page-background {

    background: url("http://cdn.obsidianportal.com/assets/109708/wood.jpg");
    background-position: left top
    background-size:  433px 500px
   background-repeat: repeat;

}

.campaign-public-layout, h1, h2, h3, h4, h5, h6 {
     color: black;
    font-family: 'Trykker', serif;
      }   

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

/* links */

a, a:visited, a:link {
    color: #555555;
    text-decoration: none;
   }

a:hover {
    color: #649AC9;
    text-decoration: none;
    }

.user-login a, .gm-name-column a, .author a {color:#fff;}

.create-wiki-page-link { color: red !important; background-color: white; }

 /* Button formatting */

dd.count, dd.count-label {
   color:#fff;
   }

a.button, .button {
   color:#fff;
   }



/*  table formatting */

.even td {
     background-color: #a70202;
     color: #fff;
      }

.even a, .even a:link, .even a:active, .even a:visited {
     color: #aaa;
     }

.even a:hover {
     color: #fff;
     }


.titlerow {
     background-color: #121212;
     color: #fff;
    }

.titlerow td {
   color: #fff;
}

.campaign-public-layout table {
   border-style: none;
   text-align: center;
}

/* adventure log */

.adventure-log-index .date-column {
   background-color:#a70202;
}

.adventure-log-index .adventure-log-post-container {
background: url("https://db4sgowjqfwig.cloudfront.net/assets/253899/AdvLogTimeline.png?1383094157") no-repeat scroll right top transparent;
}

.sidebar-adventure-log-neighbors .neighbor-post .background {

     background: url("https://db4sgowjqfwig.cloudfront.net/assets/255965/righttimeline.png?1383364701") repeat scroll 0% 0% transparent;

}

.overflow-fade-out {
    display:none;
    }

.adventure-log-index .adventure-log-new-container {
   background-color:transparent;
}

.adventure-log-show .post-date {

    background-color: #a70202;

}


.adventure-log-show .date-column {

    background-color: #a70202;

}

.party {
   max-width: 170px;
   float:left;
   margin-right: 10px;
   padding: 5px;
   border: 1px solid black;
}

.party-header { 
background-color: #dfdfdf;
padding: 5px;
border: 1px solid black;
text-align: center;
    }

.comment-header {
    background-color: rgb(167, 2, 2);
    padding: 10px;
    }

.comment-header a {
    color: white !important;
    }

.comment-text {
   margin-top:10px !important;
}

.post-section {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    }

#comment_comment {
    background-color:#ddd;
    }

/* Banner Formatting */

.campaign-title {
    display:none;
    }



.flame-dragon  svg {
   display:none;
  }

.campaign-public-layout #campaign-summary-row .campaign-public-title-container {
    height:20px;
   }



/* OOC box */

.ooc { 
background-color: #dfdfdf;
padding: 5px;
border: 1px solid black;
    }

/* general alignment */

.right {
   max-width: 350px;
   float:right;
  margin-left: 10px;
   padding: 5px;
}

.left {
   max-width: 350px;
   float:left;
  margin-right: 10px;
   padding: 5px;
}

.handwriting {
     font-family: 'Merienda', cursive;
}

/* top bar */

#top-bar .welcome-user, .top-bar-section li a:not(.button), .quick-link, #campaign-search-container, #top-bar, #sticky-toggle {

   color: white;
}

frame-bottom.jpg

CSS

Théophagie saethone saethone