/* általános beállítások */
body
{
background-color : #8C8 ;
font-family : Verdana ;
color : #FFF ;
}
a
{
text-decoration : none ;
}
/* nagy kék keret */
div.nagydoboz
{
margin : 32px auto ;
max-width : 892px ;
min-width : 300px ;
min-height : 240px ;
padding : 40px ;
border-radius : 96px ;
box-shadow : 0 0 12px #048 ;
background-color : #08F ;
background-image : url('splash.png') ;
background-repeat : no-repeat ;
background-position : bottom right ;
text-align : justify ;
font-size : 14px ;
}
/* címsor: a tó neve */
h1.toneve
{
margin : 0 0 24px 0 ;
border-bottom : solid 2px white ;
text-align : center ;
font-size : 20px ;
}
/* adatokat tartalmazó táblázat */
table.adatok
{
float : right ;
border : solid 1px white ;
border-radius : 6px ;
box-shadow : 4px 4px 8px #048 ;
margin : 0 0 12px 18px ;
}
table.adatok tr td
{
background-color : #FFF ;
padding : 4px 8px ;
vertical-align : top ;
font-size : 12px ;
color : #048 ;
}
table.adatok tr td:nth-child(1)
{
font-weight : bold ;
}
table.adatok tr td:nth-child(2)
{
width : 210px ;
}
table.adatok tr td.map:hover
{
background-color : #FF0 ;
}
table.adatok img
{
float : left ;
height : 20px ;
}
table.adatok a
{
color : #048 ;
}
/* galériaképek */
div.kiskep
{
float : left ;
width : 140px ;
height : 140px ;
margin : 4px ;
border-radius : 6px ;
box-shadow : 4px 4px 8px #048 ;
background-color : white ;
text-align : center ;
line-height : 136px ;
}
div.kiskep:hover
{
background-color : #FF0 ;
}
div.kiskep img
{
max-width : 128px ;
max-height : 128px ;
border-radius : 2px ;
vertical-align : middle ;
}
/* linkek doboza */
blockquote
{
margin-left : 4px ;
padding : 4px 16px ;
border-left : double 6px white ;
border-radius : 8px ;
background-color : #09F ;
width : 250px ;
box-shadow : 2px 2px 2px #048 ;
}
/* linkek felsorolása */
ul a
{
display : inline-block ;
width : 210px ;
color : white ;
font-weight : bold ;
}
ul a:hover
{
background-color : #FF0 ;
color : #048 ;
}
li
{
list-style-image : url('suw.png') ;
}
li:hover
{
list-style-image : url('sun.png') ;
}