CSS

CSS, které jsem používal na stylování svých starých stránek.

/* struktura */

#hlavicka {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    height: 150px;
    overflow: auto;
  }

#paticka {
    position: relative;
    right: 4em;
    width: auto;
    text-align: right;
    font-size: 0.8em;
    line-height: 1.2em;
  }

#hlavicka, #paticka {
    border-style: none;
    border-width: medium;
  }

#aktualne {
 position: relative;
 height: 8.5em;
 overflow: auto;
}

#telicko {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
}

/* hlavička */

#hlavicka, #roh, #navigace {
    background-color: #ffd700;
  }

#roh {
    position: absolute;
    top: 15px;
    left: 15px;
    border-style: none;
    border-width: 0px;
  }

#jm {
    position: absolute;
    top: 4px;
    letter-spacing: 4px;
    font-variant: small-caps;
    text-decoration: underline;
    font-size: 1.2em;
  }

#navigace {
    position: absolute;
    left: 200px;
    top: 2em;
  }

/* textově-tlačítkové odkazy hlavičky */

#navigace a {
    padding: 0.1em 0.2em 0.1em 0.2em;
    border: outset 0.4em;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 2.5em;
  }

#navigace a:link, #navigace a:visited {
    background: #daa520;
    color: #ffffff;
  }

#navigace a:hover {
    background: #ffff00;
    color: #2f4f4f;
  }

/* tělíčko */

#telicko {
    background-color: #6b8e23;
    color: #e6e6fa;
    font-size: 14pt;

    font-family: serif;
  }

/* úvod */

.uvod {
    text-align: center;
    font-size: 1.2em;
  }

/* aby čára patičky nelezla do textu */

hr {
 clear: both;
  }

/*  návrat na začátek stránky, datum publikace */

.zac {
 text-align: right;
 font-size: smaller;
}

/* texty */

p {
    line-height: 1.1em;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 7px;
    text-indent: 2.5em;
  }

/* Nevypadá to zle, ale MS IE 7 díky tomu vytuhne. Rozkošné, ne? :-)
p:first-letter {
    color: #ffd700;
    text-transform: capitalize;
    font-size: 115%;
    font-weight: bold;
  }
*/

.kod {
    font-family: monospace;
  }

.cit {
 border-bottom: 1px dashed gray;
 cursor: help;
  }
/* tabulky */

table {
    border-color: #808080;
    border-collapse: separate;
    border-style: groove;
    border-width: thick;
    empty-cells: hide;
    margin: 15px;
    overflow: auto;
    padding: 2px 4px 2px 4px;
    }

tr, td {
    padding: 3px 6px 3px 6px;
    border-style: solid;
    border-width: thin;
}

.pole {
 font-weight: bold;
 font-size: 1.2em;
}

/* odkazy */

a {
    text-decoration: none;
  }

a:link {
    color: #ffd700;
  }

a:visited {
    color: #8b008b;
  }

a:hover {
    color: #00ff00;
    text-decoration: underline;
  }

a:active {
 color: #ff00ff;
}

a img {
    border: none;
  }

/* nadpisy */

h1 {
 color: #151b8d;
 font-size: 2em;
 font-variant: small-caps;
 letter-spacing: 2px;
 text-align: center;
}

h2 {
 color: #cd853f;
 font-size: 1.5em;
 font-weight: bold;
 letter-spacing: 1px;
 text-decoration: overline;
 text-indent: 2em;
}

h3 {
 color: #66cdaa;
 font-size: 1.2em;
 font-style: oblique;
 font-weight: bold;
 text-indent: 1em;
}

h4 {
 color: #a9a9a9;
 font-size: 1em;
 text-decoration: underline;
 text-indent: 0.5em;
}

h5 {
 color: #000000;
 font-size: 0.8em;
 font-weight: bold;
 text-indent: 0.5em;
}

/* definiční seznamy */

dl {
text-indent: 0.2em;
}

dt {
font-size: 1.1em;

}

dd:first-letter {
 color: #cd853f;
 font-size: 115%;
 font-weight: bold;
}

/* seznamy */

ul {
 list-style-type: circle;
}

ol {
 list-style-type: armenian;
}

li {
 list-style-position: outside;
}

li:first-letter {
 color: #151b8d;
 font-size: 115%;
 font-weight: bold;
}

/* pozice obrázků */

.obrlevy {
float: left; 
margin: 7px 10px 5px 7px;
}

.obrpravy {
float: right; 
margin: 7px 5px 10px 7px;
}

/* bezpatkovost všeho */

p, li, dl, table, tr, td, h1, h2, h3, h4, h5, a {
font-family: sans-serif;
}