Ugrás a tartalomhoz Lépj a menübe
 

Piros design jó 2012

 * {

margin: 0;
padding: 0;
}
html, body {
height: 100%;
color: #2c333d;
}
body {
font: small/1.5 "trebuchet ms", arial, helvetica, sans-serif;
text-align: center;
background: url('<!--/ img_root /-->bg.gif') repeat;
}
* html body {
font-size: x-small;
}
hr {
display: none;
}
table, form {
font-size: 100%;
}
form * {
font-family: "trebuchet ms", arial, helvetica, sans-serif;
}
a {
color: #F8B508;
}
a:hover {
color: black;
text-decoration: none;
}
a img {
border: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: arial, helvetica, sans-serif;
}
h1, h2 {
letter-spacing: -1px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.justify {
text-align: justify;
}
.left-float {
float: left;
}
.right-float {
float: right;
}
img.left-float {
margin: 5px 5px 5px 0;
}
img.right-float {
margin: 5px 0 5px 5px;
}
.clear {
clear: both;
height: 0;
line-height: 0;
display: block;
}
#clear6, #clear7, #perex-cont-clear, #gallery-cont-clear, #g-section-cont-clear, #a-section-cont-clear, #article-cont-clear {
display: block;
}
/* ---------------PAGE */
#whole-page {
background: url('<!--/ img_root /-->bg_bottom.gif') bottom repeat-x;
}
/* ---------------advertisment */
.message {
text-align: center;
background: transparent;
color: black;
margin-bottom: 5px;
}
.message .inner_frame {
padding: 5px;
}
.message img {
border: none;
display: block;
margin: 0 auto;
}
#mess-board {
        padding-top: 10px;
        min-height: 190px;
}
#mess-board, #mess-ahead {padding: 5px 0px; width: 1260px; margin: 0px auto; text-align: center;}
#sky-scraper-block {
position: absolute;
z-index: 100;
right: -5px;
float: right;
display: inline;
margin: 10px -30px 0 0;
 
}
/* --------------/advertisment */
#document {
background: url repeat-x
}
#document #in-document {
position: relative;
width: 1220px;
text-align: left;
padding: 0 0 70px 0;
margin: 0 auto;
background: white;
}
/* ---------------header */
#header {
height: 219px;
background: #313540 url('<!--/ img_root /-->header_top.jpg') repeat-x;
}
#header .inner_frame {
position: relative;
top: 40px;
height: 199px;
background: white url('<!--/ img_root /-->h1.jpg') no-repeat;
overflow: hidden;
}
h1 {
 font-size:170%;
 font-weight:bold;
 left:20px;
 position:absolute;
 top:70px;
 width:1220px;
 z-index:121;
}
 
h1.head-left { text-align: left; }
h1.head-center { text-align: center; }
h1.head-right { text-align: right; }
h1 a {
color: #31353e;
text-decoration: none;
                padding-left: 10px;
}
#header-decoration.decoration {
position: absolute;
top: 0;
right: 0;
display: block;
width: 1220px;
height: 100%;
 z-index: 120;
background: url('<!--/ logo_url /-->') right top no-repeat;
}
/* ---------------footer */
 
#footer {
 background: #fff url('<!--/ img_root /-->footer.jpg') repeat-x;
 =background-position: 0px 5px;
 position: absolute;
 width: 100%;
}
 
#footer .inner_frame {
 color: #FF6F6F;
 width: 1220px;
 overflow: hidden;
 line-height: 50px;
 padding: 20px 25px 0 25px;
 =padding: 25px 25px 0 25px;
}
 
/* ---------------navigation */
 
#navigation {
float: right;
width: 1220px;
background: #9D0504 url('<!--/ img_root /-->nav-bg.jpg') right top;
        border-top: 2px solid #fff;
}
#navigation h2 {
display: none;
}
#navigation menu {
display: block;
list-style-type: none;
        padding-bottom: 17px;
background: transparent url('<!--/ img_root /-->nav-bottom.jpg') left bottom repeat-x;
        =height: 1%;
        =margin-bottom: -5px;
}
#navigation menu li {
 float: left;
 background: transparent url('<!--/ img_root /-->nav-bg.jpg') left top repeat-x;
}
 
#navigation menu li a {
float: left;
display: block;
height: 100%;
color: white;
font-weight: bold;
line-height: 70px;
vertical-align: middle;
text-decoration: none;
padding: 0 10px;
 white-space: nowrap;
border-left: 1px solid #9C0403;
border-right: 1px solid #7D0101;
}
#navigation menu li a:hover {
background: #373b46 url('<!--/ img_root /-->nav_h.jpg') repeat-x;
}
#navigation menu li.menutyp_first a {
border-left: none;
}
#navigation menu li.menutyp_last a {
border-right: none;
}
 
/* ---------------column */
.column {
float: left;
width: 265px;
padding: 5px 0;
background: url('<!--/ img_root /-->nav_top.jpg') right top no-repeat;
}
.column .inner-column {
padding: 10px 19px 10px 29px;
overflow: hidden;
}
.column .message {
margin: 0 0 20px 0;
}
.column .message .inner_frame {
padding: 0;
}
.column .section {
width: 217px;
margin: 0 0 30px 0;
overflow: hidden;
}
/* color variation darker */
.column h2 {
color: #F8B508;
font-size: 120%;
font-weight: bold;
text-align: left;
margin: 0 0 5px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #f5f5f5;
}
.column ul {
width: 100%;
font-weight: bold;
list-style-type: none;
overflow: hidden;
}
.column ul li {
padding: 10px 0;
border-bottom: 1px dashed #cdcdcd;
}
.column ul li a {
display: block;
color: #2c333d;
text-decoration: none;
line-height: 1.3;
padding: 0 0 0 20px;
background: url('<!--/ img_root /-->cli0.gif') left bottom no-repeat;
}
/* color variation darker */
.column ul li a:hover {
color: #F8B508;
}
#folders-nav ul li a {
background-image: url('<!--/ img_root /-->cli1.gif');
}
#portrait h2 {
}
#portrait .inner_frame {
text-align: center;
padding: 15px 0 0 0;
}
#portrait .inner_frame img {
border: 5px solid #f5f5f5;
}
#search {
position: absolute;
top: 0;
right: 0;
width: auto;
_width: 280px;
white-space: nowrap;
padding: 8px 17px 0 0;
}
#search h2 {
display: none;
}
#search .inner_frame {
padding: 0;
}
#search form fieldset {
border: none;
}
#search form br {
display: none;
}
/* color variation search */
#search form input {
=width: 130px;
width: 130px;
background: #7D0101;
border: none;
padding: 2px;
color: white;
font-size: 100%;
 
}
#search form input.submit {
width: auto;
background: none;
margin: 0 0 0 3px;
=margin: 0 0 0 -3px;
padding: 0px;
font-weight: bold;
cursor: pointer;
cursor: hand;
 
}
#last-gallery {
text-align: center;
}
#last-gallery .wrap-of-photo {
padding: 5px 0;
}
#last-gallery .wrap-of-photo a img {
border: 5px solid #f5f5f5;
}
last-gallery .wrap-of-photo img {
border: 5px solid #f7f7f7;
}
#calendar {
text-align: center;
}
#calendar .inner_frame {
padding: 5px 0 0 0;
}
#calendar caption {
display: none;
}
#calendar table {
text-align: center;
margin: 0 auto;
}
#calendar td, #calendar th {
padding: 1px 3px;
}
/* ---------------content */
#content {
position: relative;
width: 850px;
padding: 0 30px 0 35px;
float: left;
overflow: hidden;
font-size: 95%;
=font-size: 90%;
}
* html #content {
width: 850px;
}
#content .message {
margin: 10px 0;
clear: both;
}
/* inner */
#content .editor-area p {
margin: 10px 0;
}
/*#content .comment-text p {
margin: 7px 0;
}*/
#content .editor-area ul, #content .editor-area ol {
margin: 10px 0 10px 20px;
}
#content .editor-area dl, #content .editor-area table, #content .editor-area form {
margin: 10px 0;
}
/* ---------------breadcrumbs */
#breadcrumb-nav {
width: 850px;
_width: 470px;
padding: 10px;
overflow: hidden;
}
/* ---------------perex */
#perex {
background: #f4f6f5;
width: 850px;
_width: 470px;
margin: 10px 0;
padding: 5px 10px;
overflow: hidden;
}
/* ---------------content */
#articles {
padding: 5px 0 0 0;
overflow: hidden;
}
h2 {
margin: 10px;
font-size: 150%;
}
h3.section_sub_title {
font-size: 120%;
margin: 10px 0;
}
#section_subsections {
position: relative;
width: 850px;
overflow: hidden;
margin: 10px 0;
}
#section_subsections .section_article {
background: #f4f6f5;
padding: 5px 10px;
margin: 0 0 1px 0;
}
#section_subsections h3 {
font-size: 100%;
}
.article {
border-bottom: 1px solid #f5f5f5;
width: 100%;
margin: 10px 0 20px 0;
padding: 0 0 25px 0;
overflow: hidden;
}
.article h2 {
letter-spacing: 0;
background: #f4f6f5;
margin: 0 0 5px 0;
padding: 3px 10px 4px 10px;
font-size: 110%;
font-weight: bold;
overflow: hidden;
}
.article h2 a {
color: #2c333d;
}
.article h2 a:hover {
text-decoration: none;
}
.article .editor-area, .article .first {
padding: 0 10px;
}
.article .editor-area h2 {
background: none;
font-size: 150%;
padding: 0;
margin: 10px 0;
}
.article .editor-area h3 {
font-size: 120%;
margin: 10px 0;
}
.article .editor-area h4 {
font-size: 100%;
margin: 10px 0;
}
/* color variation darker */
strong.date {
display: block;
margin: 10px 0;
font-weight: normal;
color: #F8B508;
}
.under-article {
margin: 5px 0 0 0;
padding: 3px 10px;
clear: both;
}
.under-article strong {
font-weight: normal;
}
.under-article strong.comment-img {
background: url('<!--/ img_root /-->nr-comms.jpg') left center no-repeat;
padding: 0 0 0 25px;
}
.under-article .art-delimit-wa, .under-article .art-delimit-gal, .under-article .art-delimit-sec {
margin: 0 2px;
color: #d9d9d9;
}
/* color variation darker */
.under-article .nr-comments {
color: #F8B508;
}
#content ul, #content ol {
list-style-type: square;
}
#content ol {
list-style-type: decimal;
}
#content li {
margin: 5px;
}
/* ---------------comments */
#block-comments {
margin: 10px 0;
padding: 0 10px 0 10px;
}
#block-comments h2#comments {
letter-spacing: 0;
margin: 0 0 10px -10px;
width: 850px;
_width: 470px;
height: 1%;
}
#block-comments h3 {
margin: 0 0 0 -10px;
display: block;
width: 850px;
_width: 470px;
overflow: visible;
padding: 5px 10px;
font-size: 110%;
font-weight: bold;
color: #2c333d;
}
#block-comments form {
position: relative;
padding: 40px 0 0 0;
clear: left;
}
#block-comments form span {
color: #666;
display: block;
margin: 0 0 5px 0;
}
#block-comments form legend span {
border-bottom: 1px solid #f5f5f5;
width: 450px;
_width: 470px;
position: absolute;
top: 0;
left: -10px;
padding: 5px 10px;
font-weight: bold;
color: #2c333d;
}
#block-comments form dt {
width: 200px;
}
#block-comments form dd {
margin: 0 0 7px;
}
#block-comments input, #block-comments textarea {
font-size: 100%;
border: 1px solid #ccc;
}
#block-comments input {
width: 45%;
}
#block-comments textarea {
width: 100%;
}
#block-comments input#validation {
width: 40%;
vertical-align: top;
}
#block-comments fieldset {
padding: 0;
border: none;
}
#block-comments .submit {
width:72px;
height:24px;
background: transparent;
top:-3.8em;
position: relative;
clear: both;
padding: 0 8px 0;
text-transform: uppercase;
font-weight: bold;
        cursor:pointer;
        font-size: 13px;
}
#block-comments center {
margin: 15px 0;
}
#block-comments .comment {
border-top: 1px solid #f5f5f5;
 
padding: 15px 10px;
}
#block-comments .comment h3 {
font-size: 95%;
border: none;
margin: 0;
/* width: auto;*/
padding: 0;
}
#block-comments .comment-headline {
}
#block-comments .comment-headline, .comment-text {
}
#block-comments .comment-headline b, #block-comments .comment-headline i {
font-style: normal;
font-weight: normal;
}
/* color variation darker */
#block-comments .comment-headline span {
color: #F8B508;
}
#block-comments form dd input{width: 186px;} 
#block-comments form dd input#c_validation{float:left;} 
#block-comments form dd div#c_validation_div{text-align:right;} 
#block-comments form dd input#c_title{width:100%;}
 
/* ---------------photo */
#folders, #photosgalerie, #photos, #slide {
float: left;
width: 100%;
}
h3#photos-title {
margin: 10px 0;
}
#folders {
width: 870px;
overflow: hidden;
margin: 0 0 10px;
_margin: 0;
}
#folders .editor-area {
margin: 0 0 15px;
}
#folders .album {
background: #f4f6f5;
margin: 1px 0 0;
padding: 5px 10px;
}
#folders .album h3 {
font-size: 100%;
}
#gallery {
width: 850px;
overflow: hidden;
margin: 10px 0;
clear: both;
}
#gallery h2 {
margin-top: 0;
}
#gallery h3 {
margin-bottom: 10px;
}
.folder {
background: #f4f6f5;
float: left;
clear: left;
width: 100%;
margin: 1px 0 0;
}
.folder .folder-info {
border-left: 1px solid white;
width: 300px;
        margin-left: 113px;
padding: 5px 10px;
overflow: hidden;
}
.folder .folder-info h3 {
font-size: 100%;
margin: 0.3em 0;
}
#photos {
width: 470px;
margin-top: 10px;
overflow: hidden;
}
#photos h2 {
margin-top: 0;
}
#photos h3#photos-title {
clear: both;
margin: 10px 0;
font-size: 120%;
}
#photos #block-comments {
clear: both;
padding: 10px 10px 0 10px;
}
#photos #block-comments h2 {
background: #f4f6f5;
position: static;
width: 850px;
_width: 470px;
position: relative;
left: -10px;
margin: 0;
padding: 3px 10px 4px 10px;
font-size: 110%;
font-weight: bold;
overflow: hidden;
}
.fotoalbum {
margin: 10px 0;
padding: 10px;
background: #fafbff;
border: 1px solid #aaf;
}
#slide {
width: 850px;
overflow: hidden;
margin-top: 10px;
}
#slide h2 {
margin-top: 0;
}
#slide h3 {
margin: 10px 0;
text-align: center;
font-size: 120%;
}
.slide-img {
text-align: center;
margin-bottom: 10px;
}
.slide-img a img {
border: 5px solid #eee;
}
.slidebar a img {
border: 5px solid #eee;
margin: 0 -2px 0 -1px;
}
.slidebar {
margin: 15px 0;
width: 100%;
overflow: scroll;
white-space: nowrap;
}
#thumbnav, #timenav {
margin: 10px 0;
text-align: center;
}
.slidenav {
text-align: center;
margin: 10px 0;
padding: 0 10px;
}
.slidenav br, #thumbnav br {
line-height: 0;
height: 0;
clear: both;
}
.slidenav .back {
float: left;
}
.slidenav .forward {
float: right;
}
/* ----------- Facebook------------ */
.fb_edge_widget_with_comment{margin:5px 0px;}
 
/* ---------------other */
.decoration, .pristupnost-links {
display: none;
}
.accessibility-links {
display: none;
}
 
/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
 
#stats th, #stats td{ padding: 4px 4px 4px 0px; text-align: left; }
 
#last-photo span { display: block; text-align: center; width: 100px; }
#last-photo .wrap-of-photo { text-align: center;  width: 100px;  }
 
/**********preview**********/
 
#thumbnav, #photos, #preview-folder { 
 overflow: hidden;
}
 
#photos .photo-wrap, #preview-folder .box, #thumbnav .box, .folder .photo-wrap{
background: #fff;
border: 1px solid #F4F6F5;
 float: left;
 width: 90px;
 height: 90px;
 margin: 2px 0px 2px 4px;
 _width: 92px;
 _height: 92px;
}
 
#folders .folder .photo-wrap, #photos .photo-wrap{
 margin: 10px 0px 10px 10px;
}
 
#thumbnav .box{
 margin: 1px;
}
 
* html #thumbnav .box{
 margin: 0px;
}
 
#photos .photo-wrap div, #preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div{
 height: 90px;
 width: 90px;
 text-align: center;
 _height: 92px;
 _width: 92px;
 display: table;
 =position: relative;
 overflow: hidden;
}
 
#thumbnav .box div a, #photos .photo-wrap div a, #preview-folder .box div a, .folder .photo-wrap div a{
 =margin: 2px 0px 0px 0px;
 height: 100%;
 =height: auto;
 background-image: none;
 border: 0px solid #f7b1a5;
 =position: absolute;
 =top: 50%;
 =left: 50%;
 display: table-cell;
 vertical-align: middle;
}
 
#thumbnav .box div a, #photos .photo-wrap div a, #preview-folder .box div a, .folder .photo-wrap div a{ 
 =border: none;
}
 
#thumbnav .box div a img, #photos .photo-wrap div a img, #preview-folder .box div a img, .folder .photo-wrap div a img{
 =position: relative; 
 =top: -50%;
 =left: -50%;
 border: 0px solid #FFF;
}
 
#thumbnav .wrap { display: block; }
 
/*********end of preview**********/
 
.list-of-pages{ text-align: center; position: relative; display: block; width: 100%;}
.list-of-pages .previous{ position: absolute; left: 0px; top: 0px;}
.list-of-pages .next{ position: absolute; right: 0px; top: 0px;}
.list-of-pages .numbers{ display: block; margin: 0px auto; width: 320px;}
 
.comment { /*border-left: 1px solid #62BAD2;*/ padding-left: 10px !important; }
.level0 {margin-left: 0px;}
.level1 {margin-left: 15px;}
.level2 {margin-left: 30px;}
.level3 {margin-left: 45px;}
.level4 {margin-left: 60px;}
.level5 {margin-left: 75px;}
.level6 {margin-left: 90px;}
.level7 {margin-left: 105px;}
.level8 {margin-left: 120px;}
.level9 {margin-left: 135px;}
 
#footer a, #mess-links { color: #FF6F6F !important; }
 
#send-mail-list, #mail-list-key {
background: #F8B508;
color: #fff;
border: 0px;
padding: 2px;
}
 
#mail-list br {display: none;}
 
/* ------------------------- submenu --------------------------- */
menu li.submenu-over {
position: relative;
z-index: 9999;
}
menu li ul.classic, menu li ul.submenu, menu li ul.click, menu li ul.onmouse {
display: none;
}
menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse, menu li.submenu-over ul.click {
display: block;
}
 
menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse, menu li.submenu-over ul.click {
 position: absolute;
 top: 98%;
 left: 0px;
 list-style: none;
 display: block;
 background: #9D0504;
 margin: 0px;
 padding: 0px;
 
}
 
menu li.submenu-over ul.onmouse li, menu li:hover ul.onmouse li, menu li.submenu-over ul.click li {
 list-style: none;
 float: none;
 padding: 1px;
 margin: 0px;
 _width: 200px;
}
 
menu li.submenu-over a {
  white-space: nowrap;
  float: none;
}
 
/**************end of submenu**********************/
 
#navigation menu:after{
 content: ".";
 clear: both;
 display: block;
 height: 0px;
 line-height: 0px;
 _zoom: 1;
 _display: inline-block;
}
 
#nav-column { =margin-top: -3px; padding: 0px;}
#navigation { padding: 0px; }
#navigation menu li.submenu-over li, #navigation menu li.submenu-over li a {float: none;}
#sendsearch, .submit {padding: 1px !important; =padding: 0px !important;}
#languages .inner_frame a{
     position: relative;
     margin: 0px 5px;
     float: left;
}
 
#mail-list fieldset {border: 0px;}
 
/* addons */
#photo-album #block-comments h2#comments {
            clear: both;
            margin-left: 0;
            padding-top: 20px;
}
#photo-album .editor-area p {
            padding-left: 10px;
}
#footer a.eoldal-footer {color: #F8B508; top: 0;}