Homebrewery/Theme/strahd.css

 
/* Mrs Eaves - Headings*/
 @font-face {
     font-family: "NodestoCaps";
     src: url("https://lucastucious.github.io/solbera-dnd-fonts/Nodesto%20Caps%20Condensed/Nodesto%20Caps%20Condensed.otf") ;
}
 .page .cover-header{
     position:absolute;
     font-family:NodestoCaps,nodesto,sans-serif;
     transform:scale(2, 2) !important;
     font-weight:normal;
     font-size:36px;
     color:white;
     width:700px;
     text-shadow:1px 1px 2px #000000,-1px 1px 2px #000000,1px -1px 2px #000000,-1px -1px 2px #000000;
     transform:scaleY(3) scaleX(1);
     top:75px;
     text-align:center 
}
 .page .cover-image{
     position:absolute;
     top:0;
     left:0;
     width:100% 
}
 .page .cover-diamond{
     background-image:url('https://www.gmbinder.com/assets/img/DiamondDD.png');
     background-size:400px;
     background-repeat:no-repeat;
     position:absolute;
     left:210px;
     top:115px;
     width:400px;
     height:12px 
}
 .page .cover-splotch{
     background-image:url('https://i.imgur.com/MvDNxV0.png');
     background-size:350px;
     position:absolute;
     left:0;
     bottom:180px;
     width:345px;
     height:56px;
     font-family:NodestoCaps;
    /* splotch content */
     text-align:left;
     padding-bottom:10px;
     font-size:27px;
     vertical-align:auto;
     padding-top: 15px;
     padding-left: 12px;
     color:white;
}
 .page .cover-footer{
     position:absolute;
     font-family:ScalySansRemake;
     font-size:20px;
     color:white;
     bottom:50px;
     right:55px;
     width:700px;
     text-shadow:1px 1px 2px #000000,-1px 1px 2px #000000,1px -1px 2px #000000,-1px -1px 2px #000000;
     filter:opacity(100%);
     text-align:center 
}
 .page h1, .page h2, .page h3, .page h4{
     margin-top: .2em;
     margin-bottom: .2em;
     font-family: MrEavesRemake;
     font-weight: 800;
     color: #58180D;
}

/*strahd css */
 .page h1+p::first-letter {
     float: left;
     font-size: 11em;
     color: #222;
     line-height: 1em;
}
 .page{
     width : 210mm;
     height : 297mm;
     padding: 1cm 1cm;
     padding-bottom: 1.3cm;
}

a {
    color: #AC8F66;
}
/*** statblocks ***/
.page .monster.frame {
    background-color: #f3ead2;
border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAFKCAMAAADSXstPAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAwBQTFRFTEA3PSseQC0eRDMhQC4hRDAjQTEkPC4hOCgZPS4dQS8ePSoaOioZNSYYV0YyZ1I7cVxCb1k9aVY6bVpBdGFKYk42alQ4dF9BZVE1XEovXko0YEowZE0ybVY/XUYvWEEsdVxAWUUvXEw2aFA3W0c0U0ApYE07VUIwKx8RjXlZoIhinIVZl4JVkX1RmIBaoo5jq5Zxo49pknlVl3xSn4pdmYZdkn5bgm1KhXJQjXZMkHZRiXBOl31Yi3VPhnBJgWhGpItfoIRdnIBZkHRLlHlRo4VafWhFjHFMhmxJgmpAhW5Qg2lMfGREfWI/p5NmnH1SnYJUk3dLd18/fmlLinRUqI5leGREemJGspxxwKZ1wKhuw6ttxa9zx617y7N8zrmB2cOK3caW2MGQyreDuqVyxKd0yrJ5076HuaJ2wKt2xrF/0LWFuqBvsJhprpRlrJBktZ5t0Lh+uqVrqZJgoYdTpItaqI1dtJhou51vvqN2rJFesppmxqp0v6RwvqBvvaJqwKZuuZ1ns5disZRitphjv6BrrY9crI5dp4tWuJlqrpVgqItetZ1mqYhatZZovJpqzK98sZFiooFS2L6HxaxvtZpvtpVhxKZ2r5VruqBosJZcqpBXqYtRqYlVr41Zso5av5tmuplkya11xKdvs5pd1biCwqZpv6VnyrR3zLB1tJZduJxg0LR8xLCFv6h8xaNtyap1zrR228eLyLBvx6xqzbRw0bp91r2B38+YsJJcx6ttyq1w1Lh7wKFlvZ9kvJxkrpBVnoBNl3hEsJNWuqFjwqdo0rB7w6NtpoROw6BpuJhfyqlwzq11wKRhrYpTxaZotZFZu5de0rRzvJ5dv51izrBw1r59tphZzatw0bJ2fmZJxqll2MKFuppcooZJy6xqy6du0rl1rY1OxaNmtJNSnH5ELyIVJx0PVEMsSzknUD0oWUQxUT4sKyAUKyETLSIVKR8RAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8/79qwAAAQB0Uk5T/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBRVz02S0QuJxkKVSERBa9sZ0cAAEwGSURBVHic7Z1nQFXH9vbtPQoaEFFUFKMBxQgiFlBAUKPEhg0ENCpYQpWq9A6iYAEUFAsgPSJB4QJSFBGlBKzYS7yxt9e/Pe191hy8HE4SvuqH9dPT9p49s9aaeabsvc+hTZs2bdu1a9+hY8eOnTp06NBZ0Klz57adO3To0rVb9x7dunXt2rVt27adOnTu1KlT2049vujSlVJ2aqJz2x7du3Vr171dx249emBP2w4duhIdKBFlS3Ro26VL27b0qV27digFudOxlLRDly4dOrXFXqLrR7q179ixW7tu9NRd0I4O7dhRvOnYrhuV2KNLly8EXXr06IEkMLV7j+4oqGtXWCKxGtt7EN269uhCm8UO2IBc2uLAtl2+oPQoWKSinZJncqBDJ/KiK7wjOrZrS45Q1p269pCYS5FqS2ERKeAS/OjQgfa06w6jupMjzXRAdLClU6eu4pn8/xhERI38bIcYIShwoFuPLj26kZ3YirIplG3p0RQnONYD7ncRhuI9ChROUd4dUVRXsgAG4E3XDiISItRNlYGCAAUXdYvIUFzbCR87tkcJHTu0o+rsiIPatu1O4UAJXXp0EHQUu9qJjNrBXhgsnEN4u3Uh2iKpaESo8i50sKQ9dGvfvr10METpRLu2wn00sE5UIDWZTh2aWoHY1q2TqEl4SAFBwnZdyTNxbHfJa5fu3brj0aVLdwoYXOn+P6g6RagEPZCqW3fUJSXDx64dKDISOnWSOIUaEK1JPHVq0+aLnr3k5OV6y8v3Ib7Eo1efXr16KSj06tW7d29FRfm+ffv26d1bCR+wq59Sv379FBSUe/X5UoBNStjUv3//AYpK/fvhoF4qKip95OT6fERFHiA7ZYVeKl/KycnR7j4fj0UpAwcO7K+gMFAB9FIRhfSRl+srJycvL4fC5eUVBwxCCiUlFRwpjh48eLCcghKZ2E9Vtd8QQFmQAUg8dGh/fBgwYAA+9+8/cFD/JgYoKeC5Xz/Vgf36D0WqoUMVVBSU1QYOGtQfxaogLxihQM7hTf9+KI8cFg+l3or4pKg4VEFRRUVRnjYoKfQS9gqEu3JkKcwbMGAoUg7oL0xSGErBILMRQ6ToI9+nN0IpUFKSxPtjJHrBPvJCZIpMhg4YoDhAwlDKo48K5YViyRuU3V8UQB9hB+wbKuJMtogoADpyKBUk30e4Iiffm5LA1gEDlES+MJWqGL4pDpDEWhHhQ+BwMOxQVlYWUUbtqA4aNFCFshQ5q+CtinhH7veR64vycVy/YUBVWXVIr15ffUUtSKFfv4H9RJiU+iv1lkdRvUV5FE3YMoBeFXs3tROKTC8liqaKSlOEEGa4BsPwvlcvKl4SIOygIwkl1LqKEuI1AFU5aCDcgAuSRkC1PlRFoZ9AlVBTpjamMlQRxmMv0vcXra6PHDXFXqJ9oRA0aNFWEIiBwzu1GdHra3UNjZGjNNVHf/PNGIJe1DW1Rmlpampqa6uPHj16rI7OSB2d0WPG6IwidDTH6erqjv963JhvxozGLto2ARloTpw4cdKkSRO19DQ1dURWY+jgsRoj1XXG6U+erC/2YJ86yiBQjrr+REJ/ypQpkyfqaerojMUBBgaGRkBDY6wBDh41YQLynzBxqrGRoaG2kQn2jtfXGqelP15ff7yu7rRpk6fPEEw31jMy1KPsJkyfYGysNRGbJk+ePnHi9Bn0BAMmT/4WG6ZPn0TMnDVliinKnaGP4r+bMmOyQB9MGNXESIrMqAk4ZoIe4qGurjlaEgLNURP09bX0cfwkFKelpwdzYZ6RtrG2EZ6mkkVTZiBvmACnDcYKRs+ePXv0WA0wEgHXbIrFGAoDAj5xIpmG7IxnTJ9qbGysPXW6cEyEFEVoGhnpGWtrT5j+7bfffgeQuXiZNJ1AdIxwjJEhYqcNI6YSxqMmfDthJNXAqJFjR04YNXKkBowQTo3SnqM9V3skLJk7d672vKnztCmwMJ2K1poxxdR0fl+zr8fpjBv39YKZU1COMeU3x0hbJBCZzzFGdesjLLMXqhtq6mnp65rOn7+o7yJds76LxlMc9SdN1gL6+pNhhcbYsSiemD1b1OpkqtdRGrN1Ro4ke/BpAqoH2Y2e/c3sMWN10KI0RmrPmwczgR7COlHUj5bWhAl0KF60JkzGx8nTpyLg332Hep4yA5WLVoioTacamDFlGmwyNUUP1Xfxovnzv5uhpYdYojVIYgvHZkxaoDVOUxO1pKdnrGdsPEpUOMDuWX26tulhtsTcYqmlhZX1suXff//9ihXfEytWmq9aZQ5sbK2XCVauxP4Vy5ZZWy9bvXolNZ6xo9esWLEaW9autVq3buWKH6zs7B0M5ho42js5Oa1aiWSrVy9fvtrZ1mK91Vo7F1dXN3cHD09Pzw3rVq5egSNXoygcZGVubmdn5+7u5u6+0QtZWdlaWXnb+Pj6+nlb2gJLZ0sLCwv/gMCgYF+fkODgwMBAj7H2TqtWrXFysrd3cDFwCwoKDQt3dQ0PjfC1sfGNAMHBPjY2Pp4RQRvd3TZ6eHh42sEVOy+vTS4uLg5ubpGRjo4Ojo4LDQwiIw1MIh0c3N
}

/***** Background ******/
 .page{
     background-image: url('https://www.gmbinder.com/images/Cheefop.jpg');
}
 .page{
     background-size: cover 
}

/****** Notes *******/

.page .note {
    background-color: #dadae0
}

 .page hr + section blockquote tr:nth-child(odd) td {
    background-color: transparent;
}
 .page .descriptive{
     border-image: url('https://www.gmbinder.com/images/adgrVwx.png') ;
     border-image-slice: 12;
     border-image-width: 1;
     border-image-outset: 4px;
     border-image-repeat: stretch;
     background-color: #e7e6ea;
}
/* Tables */
 table tbody tr:nth-child(odd) td {
    background-color: #dfe2e0
}
 .monster table tbody tr:nth-child(odd) td {
    background-color: #dfe2e000
}
/* Footer */
 .page:nth-child(odd):after{
     content : '';
     background-image : url('https://www.gmbinder.com/images/z7DiaQi.png');
     background-size:816px 55px, 120px 120px;
     background-repeat:no-repeat;
     background-position:bottom, bottom right;
}
 .page:nth-child(even):after{
     content : '';
     background-image : url('https://www.gmbinder.com/images/z7DiaQi.png');
     -webkit- transform:scaleX(-1);
     background-size:816px 55px, 120px 120px;
     background-repeat:no-repeat;
     background-position:bottom, bottom right;
}
/* Footnote */
 .page .footnote{
     position : absolute;
     color : #858484;
     bottom: 36px;
}
 .page:nth-child(even) .footnote {
     left: 65px;
     text-align: left;
}
 .page:nth-child(odd) .footnote {
     right: 65px;
     text-align: right;
}
 .page:nth-child(odd) .footnote:after{
     content: 'Strahd';
     line-height: 1.3em;
     font-size: 100%;
}
 .page:nth-child(even) .footnote:after {
     content: 'Homebrew';
     line-height: 1.3em;
     font-size: 100%;
}
/* Page Number */
 .page .pageNumber{
     position : absolute;
     color : #858484;
}
 .page .pageNumber.auto{
     position : absolute;
     bottom : 30px;
     color : #858484;
}
 .page#p2 {
    counter-reset: phb-page-numbers 0;
}
 .page#p1:after {
     display:none;
}

.page .credits {
    font-family: ScalySansRemake;
    font-size: .318cm;
    line-height: 1.2em;
    background-color: #faf7eab3;
    border-style: solid;
    border-width: 1px;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAMAAADG+c2+AAAANlBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHL6OuAAAAEXRSTlMABAwYJDRIXHSLo7fL2+fz+6go4VUAAAB6SURBVHgB7dg5DsJQAANRZ9+Xuf9lQUKKEHT5LlL4HWB6W5d61m1zrT/dhm5j6/RjPCkJco761ixQFoSl0aXfKQ+y9/qoJnAEYar01q64gqytNBz4ghyDMPMHnyYiIiIiIgIzYeYfj/Z56x3g7ovAf2L4bxb/EWS/ql7LZCDx/Ry3RwAAAABJRU5ErkJggg==) 11 stretch;
    border-image-outset: 9px 0px;
    border-image-width: 11px;
    padding: 0.13cm 0.16cm;
    filter: drop-shadow(1px 4px 6px #888);
}