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 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa.

red-box

Header 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa.

blue-box

Header 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa.

dblue-box

Header 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa.

lcream-box

Header 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, aliquam, iusto, ipsa.

cream-box

Header 1

Lorem 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.

( Benedykt XVI, 10 marca 2009 )
    <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
  • Pomoc Kościołowi
  • Organizacja Koła Pomocy
ul
  • Pomoc Kościołowi
  • Organizacja Koła Pomocy
ul-disc
  • Pomoc Kościołowi
  • Organizacja Koła Pomocy
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>