Stylopisy pro GM Binder

gmbinder.css

@charset "UTF-8";

/**
 * =========================
 *  NASTAVENÍ ČESKÝCH FONTŮ
 * =========================
 */

/**
 * Fonty z Google Fonts slouží jako náhrada originálních fontů,
 * pokud nejsou nainstalované na vašem systému.
 */
@import url('https://fonts.googleapis.com/css?family=Vollkorn|Cormorant+SC|Mukta+Malar|Risque&subset=latin-ext');


/**
 * Fonty, které se načítají ze systému vašeho počítače.
 * Ujistěte se, že máte fonty s podporou českých znaků.
 
 * Pracovní aliasy fontů vycházejí z oficiálního manuálu,
 * přestože konkrétní použité fonty se mohou lišit.
 * Aby nedošlo k záměně za anglický font, který se může
 * vyskytovat v GM Binderu, nebo u vás na počítači,
 * všechny aliasy mají koncovku CE.
 */
@font-face {
    font-family: 'Bookmania CE';
    src: local('Bookmania');
}

@font-face {
    font-family: 'MrsEavesSmallCaps CE';
    src: local('MrsEavesSmallCaps');
}

@font-face {
    font-family: 'ScalaSans CE';
    src: local('Scala Sans');
}

@font-face {
    font-family: 'ScalaSansCaps CE';
    src: local('Scala Sans SC');
}

@font-face {
    font-family: 'Sketch Gothic School';
    src: local('Sketch Gothic School');
}

@font-face {
    font-family: 'Raven Grunge';
    src: local('Raven Grunge');
}

/**
 * Výjimkou je ozdobný font - velká pismena na začátku kapitoly.
 * Ten je anglický a je třeba se vyhýbat českým znakům.
 */
.phb h1+p::first-letter, .phb .firstletter::first-letter
{
    font-family: 'Nouveau Drop Caps', fantasy;
    color: #78180D;
    font-size: 5.4em;
    float: left;
    margin-right: 8px;
    margin-bottom: 5px;
    line-height: .82em;
}

/**
 * Nastavení fontů prvků stránek.
 */
.phb {
    font-family: 'Bookmania CE', 'Vollkorn', serif;
    font-size: 10pt;
}

.phb h1,
.phb h2,
.phb h3,
.phb h4
{
    font-family: 'MrsEavesSmallCaps CE', 'Cormorant SC', serif;
    color: #78180D;
}

.phb h5
{
    font-family: 'ScalaSansCaps CE', 'Cormorant SC', sans-serif;
}



.phb table,
.phb table em,
.phb table strong,
.phb .spellList,
.phb .spellList em,
.phb .spellList strong,
.phb blockquote,
.phb blockquote em,
.phb blockquote strong,
.phb .descriptive,
.phb .descriptive em,
.phb .descriptive strong,
.phb hr+section blockquote h3,
.phb hr+section blockquote ul,
.phb hr+section blockquote ul em,
.phb hr+section blockquote ul strong,
.phb .cover-footer,
.phb .back-cover-logo-link p,
.phb .back-cover-text p,
.phb .back-cover-close p,
.phb .partpage h5,
.phb .partpage-dmg h5
{
    font-family: 'ScalaSans CE', 'Mukta Malar', sans-serif;
}

.phb .cover-header,
.phb .back-cover-header
{
    font-family: 'Risque', serif;
    font-weight: bold;
    font-size: 32pt;
    color: #e5f0ff;
}

.phb .partpage h1,
.phb .partpage-dmg h1
{
    font-family: 'Risque', serif;
    font-size: 38pt;
    padding-top: 12px;
    padding-bottom: 12px;
}


/*
 * Text pod stránkou. Editovat text je možné na konci sekce 'style'.
 * V originále není - GM Binder vkládá vlastní, ale není nastylovaný.
 */
.phb:after
{ 
    font-family: 'MrsEavesSmallCaps CE', 'Cormorant SC', serif;
    padding-top: 32px;
    color: #c9ad6a;
}


/**
 * ==================================================
 *  VOLITELNÁ NASTAVENÍ - odkomentujte podle potřeby
 * ==================================================
 */


/**
 * Rozměry stránky.
 * (Rozměry originálních příruček jsou: width:215.9mm; height:279.4mm;)
 */
.phb  {
    width: 210mm;
    height: 296.8mm;
}


/**
 * Verze pro tisk - bílé pozadí a světlé rámečky a tabulky.
 */

.phb {
    background : white;
}
.phb blockquote {
    background-color: #f8f8f8;
}
.phb .descriptive {
    background-color: white;
    box-shadow: none;
}
.phb table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}



/**
 * Verze pro tisk - bez obrázků.
 */
/*
.phb img {
    visibility: hidden;
}
*/


/**
 * Verze pro tisk - bez obálky.
 */
/*
.phb#p1 {
    display: none;
}
*/


/**
 * Verze pro tisk - bez zápatí.
 */

.phb:after {
    visibility: hidden;
}



/**
 * Zarovnání odstavců.
 * (Zarovnání odstavců originálních příruček je vlevo.)
 */
.phb p {
    text-align: justify;
    line-height: 1.4;
}


/**
 * Odsazení prvního řádku odstavců a mezera mezi nimi.
 */
.phb p+p, .phb ul+p, .phb ol+p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-indent: 0em;
}


/**
 * Zelený rámeček bez zalomených čar.
 */
.phb blockquote {
    margin-top: 1em;
    margin-bottom: 1em;
    border: none;
    border-top: 2px solid #888866;
    border-bottom: 2px solid #777755;
}


/**
 * Zelený rámeček bez odsazování odstavce a s mezerami nad a pod.
 */
.phb blockquote p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-indent: 0;
}


/**
 * Bílý rámeček - vyrovnaný padding
 */
.phb .descriptive {
    margin: 1em 0 1em 0;
    padding: 0 0.5em 0 0.5em;
}
.phb .descriptive p {
    padding: 0;
    margin: 0;
}
.phb .descriptive h5 {
    margin-top: 0;
}
.phb .descriptive section+section {
    margin-top: 1em;
}


/**
 * Text pod stránkou.
 */
.phb:after {
    content : 'Dračí osud - kněz řádu Zlatého draka Orik.'
}


.phb#p1:after {
    display:none;
}

.phb .cover h1 {
    font-family: 'Raven Grunge', serif;
    font-size: 48pt;
    text-align: center;
    margin-left: 0px;
    margin-top: -30px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #ccc;
    font-weight: bold;
    text-shadow: 2px 2px #222222;
}

.phb .cover h5 {
    color: #DDAA55;
    font-size: 16pt;
}

.phb .cover-footer {
    color: #d4cec8;
}

.phb .aspects {
    text-align: justify;
    margin-bottom: 30px;
}


.phb .aspects ul
{
    list-style-type: none;
    padding: 0;
}

.phb .aspects li {
    margin-bottom: 10px;
    
}

.phb .stats table {
    width: 65%;
    margin-top: 10px;
}

.phb .stats table td {
    font-size: large;
    padding: 10px;
}