Paleta kolorów
Poniżej znajduje się paleta kolorów, które zostały użyte na stronie wraz z ich nazwami.
| Nazwa | Kolor | Nazwa | Kolor | Nazwa | Kolor | Nazwa | Kolor |
|---|---|---|---|---|---|---|---|
| normal-white | darker-white | light-gray | dark-gray | ||||
| gray-darker | gray | latte-brown-lighter | latte-brown | ||||
| latte-brown-darker | latte-brown-dark | cream-very-light | cream-light | ||||
| cream-lighter | cream | cream-darker | cream-dark | ||||
| sky-blue | sky-blue-darker | grayish-blue-lighter | grayish-blue | ||||
| grayish-blue-darker | grayish-blue-darkerer | grayish-blue-dark | grayish-blue-blacker | ||||
| grayish-blue-black | bloody-red | pinky-red | btn-str-brown | ||||
| tea-green | fruit-orange |
Style backgroundów
| Header | Modifier Class |
|---|---|
Header 1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa. |
red-box |
Header 1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa. |
blue-box |
Header 1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa. |
dblue-box |
Header 1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa. |
lcream-box |
Header 1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa. |
cream-box |
Header 1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa. |
white-box |
Typografia
Przykładowy układ tekstu
Header1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, itaque, vel, saepe nulla dolorem nostrum aliquam impedit sit ratione minima vero adipisci excepturi asperiores deserunt tenetur eligendi sapiente nemo! Hic.
Header2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, itaque, vel, saepe nulla dolorem nostrum aliquam impedit sit ratione minima vero adipisci excepturi asperiores deserunt tenetur eligendi sapiente nemo! Hic.
Header3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, itaque, vel, saepe nulla dolorem nostrum aliquam impedit sit ratione minima vero adipisci excepturi asperiores deserunt tenetur eligendi sapiente nemo! Hic.
<h1>Header1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<a href="#">Accusantium</a>, itaque, vel, saepe nulla dolorem nostrum aliquam impedit sit
ratione minima vero adipisci excepturi asperiores deserunt tenetur eligendi sapiente nemo! Hic.</p>
<h2>Header2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Accusantium, itaque, vel, saepe nulla dolorem nostrum aliquam impedit sit
ratione minima <strong>vero adipisci excepturi</strong> asperiores deserunt tenetur eligendi sapiente nemo! Hic.</p>
<h3>Header3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Accusantium, itaque, vel, saepe nulla dolorem nostrum aliquam impedit sit
ratione minima vero adipisci excepturi asperiores deserunt tenetur eligendi sapiente nemo! Hic.</p>
Style dla nagłówków
| Header | Modifier Class |
|---|---|
Header 1 |
h1 |
Header 2 |
h2 |
Header 3 |
h3 |
Header decor |
h-decor |
Blockquote
Podziękowanie pragnę wyrazić także wszystkim wiernym, którzy w tym okresie przekazali mi świadectwo swej niezmiennej wierności względem Następcy Piotra. Niech Pan strzeże nas wszystkich i prowadzi drogą pokoju.
<blockquote>
<p>Podziękowanie pragnę wyrazić także wszystkim wiernym, którzy w tym okresie przekazali mi świadectwo swej niezmiennej wierności względem Następcy Piotra. Niech Pan strzeże nas wszystkich i prowadzi drogą pokoju.</p>
<footer><small>( Benedykt XVI, 10 marca 2009 )</small></footer>
</blockquote>
Style dla list
| Header | Modifier Class |
|---|---|
|
ul |
|
ul-disc |
|
ul-check |
Tabela
| Patron | Data | Godzina | Miejsce |
| abp. Stanisaw Dziwisz | 14.02.2014 | 19:00 | Kościół pw. św. Krzyża w Warszawie |
| Bededykt XVI | 14.02.2014 | 19:00 | Kościół pw. św. Krzyża w Warszawie |
| Ojciec Franciszek | 14.02.2014 | 19:00 | Góra Kalwaria |
| bł. ks. Jerzy Popiełuszko | - | 19:00 | Watykan |
<div class="text-page">
<table>
<thead>
<tr class="row-cntr">
<td class="first">Patron</td>
<td>Data</td>
<td>Godzina</td>
<td class="last">Miejsce</td>
</tr>
</thead>
<tbody>
<tr>
<td class="first cell-lft">abp. Stanisaw Dziwisz</td>
<td>14.02.2014</td>
<td>19:00</td>
<td class="last cell-lft">Kościół pw. św. Krzyża w Warszawie</td>
</tr>
<tr>
<td class="first cell-lft">Bededykt XVI</td>
<td>14.02.2014</td>
<td>19:00</td>
<td class="last cell-lft">Kościół pw. św. Krzyża w Warszawie</td>
</tr>
<tr>
<td class="first cell-lft">Ojciec Franciszek</td>
<td>14.02.2014</td>
<td>19:00</td>
<td class="last cell-lft">Góra Kalwaria</td>
</tr>
<tr>
<td class="first cell-lft">bł. ks. Jerzy Popiełuszko</td>
<td>-</td>
<td>19:00</td>
<td class="last cell-lft">Watykan</td>
</tr>
</tbody>
</table>
</div>