============================================================================== Manual pro stylopisy webu kina Oko ============================================================================== Projekt: www.biooko.net Autor: Martin Michalek, Studio Shortcat, michalek@shortcat.cz ------------------------------------------------------------------------------ Soubory ------------------------------------------------------------------------------ index.css centralni stylopis ie.css MSIE stylopis print.css tiskovy stylopis /blueprint soubory frameworku Blueprint CSS blueprint-extra.css nase predefinice vlastnosti Blueprint CSS ------------------------------------------------------------------------------ Pismo ------------------------------------------------------------------------------ ----- HTML verze ----- zakladni font-size: 12px; line-height: 17px (1.417 em); mensi pismo font-size: 11px; line-height: 15px; velke nadpisy font-size: 27px; line-height: 31px; ----- Cufon verze ----- velke nadpisy font-size: 30px; line-height: 41px; ------------------------------------------------------------------------------ Z-indexy ------------------------------------------------------------------------------ 500 .message - informativni zprava ------------------------------------------------------------------------------ Index barev ------------------------------------------------------------------------------ Aktivni prvky #000 cerna text, pasivni prvky layoutu #f8e205 zluta odkazy, doplnkova barva #fff799 doplnkova zluta pozadi programu #fff bila pozadi stranky ------------------------------------------------------------------------------ Rozmery, grid ------------------------------------------------------------------------------ jednosloupcovy prvek a levy margin (treba v navigaci): |------103px------| 5px | trisloupcovy prvek (boxiky na uvodni strance): ------------------------------------ | 20px | | | : | | | 23px ...... 320px ...... 23px | 5px | | : | | | 20px | | ------------------------------------ padding typickeho boxiku s barvou na pozadi: padding: 20px 23px 2px 21px;