Shadowrun

Shadowrun General => General Discussion => Topic started by: DigitalZombie on <05-16-18/1449:05>

Title: Online resource for making documents in SR5 layout?
Post by: DigitalZombie on <05-16-18/1449:05>
Hoi chummers.
As the title says. Im looking someway to have my houserukes look more officially-ish.
I make plenty of errors and omissions, so all Im missing is the layout ;)

I think I remember I saw something like that... but I have failed my logic+willpower test :/
Title: Re: Online resource for making documents in SR5 layout?
Post by: Chummer 5 is Alive on <05-16-18/1956:36>
http://homebrewery.naturalcrit.com/share/B1Btutr4Ff
Title: Re: Online resource for making documents in SR5 layout?
Post by: &#24525; on <05-16-18/2019:54>
fancy
Title: Re: Online resource for making documents in SR5 layout?
Post by: DigitalZombie on <05-17-18/1328:02>
Oooh Nice.  Excactly what I Was looking for. 
2 internet karma points to you chummer :)
Title: Re: Online resource for making documents in SR5 layout?
Post by: Marcus on <05-17-18/1652:43>
Solid.
Title: Re: Online resource for making documents in SR5 layout?
Post by: Kiirnodel on <05-17-18/1725:50>
That's definitely cool, but I'm not seeing how you edit it to make your own stuff... I feel like I'm missing something obvious.
Title: Re: Online resource for making documents in SR5 layout?
Post by: FastJack on <05-17-18/1751:34>
That's definitely cool, but I'm not seeing how you edit it to make your own stuff... I feel like I'm missing something obvious.
Go to the main page (http://homebrewery.naturalcrit.com/). Basically, it gives you a way to auto-format your content on the web.
Title: Re: Online resource for making documents in SR5 layout?
Post by: Kiirnodel on <05-18-18/0736:49>
That's definitely cool, but I'm not seeing how you edit it to make your own stuff... I feel like I'm missing something obvious.
Go to the main page (http://homebrewery.naturalcrit.com/). Basically, it gives you a way to auto-format your content on the web.

Yeah, I noticed that. But then no way to change it to the other style. The home page is in D&D 5th formatting style.
Title: Re: Online resource for making documents in SR5 layout?
Post by: Chummer 5 is Alive on <05-18-18/1039:50>
Oh, right. Helps to explain how to use the site. You need to click the Source link in the top right and copy the bottom section, which will give you the below code segment. Make your personal document on the main page and paste the below at the bottom of the page (Or the top or whatever, but bottom keeps it out of the way)

Code: [Select]
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style>
.phb { text-align: justify; }
.phb:after { display:none; }
.phb h1, .phb h2, .phb h3, .phb h4 {
color: black;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.phb h3 { border-color: black; }
.phb { background: url("https://imgur.com/wgclj9Q.png") }
.phb .pageNumber {
color: white;
    font-size: 2em;
    font-family: 'Roboto', sans-serif;
    margin-bottom: -.25em;
}
.phb blockquote {
background: #82001a;
    border: 4px solid black;
    padding: 0.5em 1.5em;
    color: white;
}
.phb blockquote h1+p::first-letter { color: white; }

.phb blockquote h1, .phb blockquote h2, .phb blockquote h3, .phb blockquote h4 {
color: #ebb531;
}
.phb h1+p::first-letter { font: inherit; }
.phb h5+p { text-indent: 1em; }
.phb table th {
background-color: black;
    border-top: 4px solid #ebb531;
    border-bottom: 2px solid #ebb531;
    color: #ebb531;
    font-weight: bolder;
    padding: 5px;
    text-transform: uppercase;
}
.phb table thead tr th:first-child { padding-left: 4px; }
.phb table tbody tr td:first-child { padding-left: 4px; }
.phb table tbody tr { color: white; }
.phb table tbody tr:nth-child(odd) { background-color: black; }
.phb table tbody tr:nth-child(even) { background-color: gray; }
.phb .descriptive {
background-color: white;
    border: 3px solid black;
    border-radius: 15px;
    padding: 1em 0.75em;
}
.phb .descriptive h1, .phb .descriptive h2, .phb .descriptive h3,  .phb .descriptive h4,  .phb .descriptive h5 {
color: #ebb531;
    text-transform: uppercase;
}
</style>