style.css

soubor šablony 201

jednoduchý popis

 

body, table, th, td, a {

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

body {

            background: #2F4F4F url(body_background.jpg);  obrázek jako výplň na pozadí webové stránky (není v obsahu šablony)

            color: #000000;  barva pozadí webové stránky je aktivní (po vložení souboru /body_background.jpg/  jí obrázek  překryje)

            text-align: center;

}

a:link, a:visited {

            color: Lime; barva odkazu na další stránku v prohlížení, nebo na jiné webové stránky

            text-decoration: none;

}

a:active, a:hover {

            color: White;  barva odkazu na další stránku v prohlížení, nebo na jiné webové stránky po najetí kurzorem na odkaz

            text-decoration: none;

}

img {

   border: none;

}

table {

            background: #578082;

            border: none;

            border-collapse: collapse;

            margin-left: auto;

            margin-right: auto;

}

td {  

   text-align: center;

}

table.container {

            background: transparent;

}

table.outertable {

            border: 1px solid Red;

}

th.header {

            background: url(header.png);  obrázek jako výplň na pozadí hlavičce webové stránky

            color: White;

            font-size: 18px;

            font-weight: bold;

            height: 45px;

            padding: 0 10px 0 10px;

            vertical-align: middle;

            text-align: left;

            font-style: italic;

}

td.secheader {

            background: Green;

            border-bottom: 4px solid #B22222;

            color: White;  barva písma v záhlaví pro soubor s náhledy

            font-size: 16px;

            font-weight: bold;

            padding: 5px 10px 5px 10px;

            text-align: left;

            background-image: url(navi.png); obrázek jako výplň na pozadí  navigační lišty

            font: italic;

}

td.content {

            padding: 10px;

            vertical-align: middle;

            font-size: 12px;

            font-style: italic;

}

td.thumbs {

   color: #000000;

   font-size: 10px;

   width: 10em;

   vertical-align: baseline;

   padding: 10px 5px 5px 5px;

}

td.navi {

            background: Green;

            border-bottom: 4px solid #B22222;

            color: Lime;  barva písma v navigační liště pro soubory s fotografiemi

            font-size: 12px;

            padding: 5px;

            font: larger;

            background-image: url(navi.png);  obrázek jako výplň na pozadí  navigační lišty

            font-style: italic;

}

td.desc {

            background: #CCE1E3;

            border-top: 1px solid #b22222;

            color: #000000;

            font-size: 12px;

            padding: 5px;

            text-align: center;

}

td.footer {

            background: Green url(footer.png);  obrázek jako výplň na pozadí v patičce webové stránky

            color: Silver;  barva písma v patičce webové stránky

            font-size: 10px;

            padding: 10px;

            border-top: 1px solid Red;

            border-left: 1px solid #b22222;

            border-right: 1px solid #b22222;

            border-bottom: 1px solid Red;

}