/* +---------------------------------------------------------------+ | e107 Theme | -------------- | Karácsonyi Theme | -------------- | Jónás Portál Stúdió | http://webdesign.jonipeti.hu/ | jonipeti@gmail.com | +---------------------------------------------------------------+ */ body { margin: 0px; padding: 0; font-size: 60.3%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #ff9900; text-align: center; background: #000000 url('images/background.jpg') no-repeat top center fixed;} a { color: #B86247; text-decoration: none;} a:hover { color: #C17860; text-decoration: underline;} h1 { font-size: 60px; } h2 { font-size: 23px; } h3 { font-size: 30px; } h4 { font-size: 20px; } h1, h2, h3, h4 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;} td { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-style: normal; color:#C17860; padding: 0px; text-align: left; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #330000 } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } hr { display: none; } a img { border: none } .linkspage_button { border:0px; } .hidden { display: none; } #toplinks { width: 700px; padding: 3px 0 0 0; margin: 10px 0 0 40px; float: left; } #toplinks li { display: inline; margin: 0 5px; background: url('images/bullet2.gif') no-repeat left; list-style-type: none; padding-left: 23px; padding-right: 0; padding-top: 2px; padding-bottom: 3px } #page { margin-left: auto; margin-right: auto; width: 1000px; border:medium none; text-align: left; background: #000 url('images/page.jpg') repeat-y bottom left;} #site { margin-left: auto; margin-right: auto; width: 1000px; height: 20px; background: #000 url('images/site.jpg') no-repeat bottom left;} #sitetag { color: #ff0000; text-align: right; padding-top: 4px; padding-right: 25px; font: bold 10px verdana, tahoma, arial, helvetica, sans-serif;} #sitetag a { color: #ffffff; } #topheader { margin-left: auto; margin-right: auto; width: 1000px; height: 100px; background: #000 url('images/topheader.jpg') no-repeat top left; } #keret { padding-left: 45px; height: 80px; margin-top: -50px; } #sitename { color: #ffffff; text-align: left; padding-top: 20px; padding-left: 0px;} #content { margin-top: 0px; font-size: 1.2em;} .left { float:left; margin: 0; padding: 0; background: url('images/header.jpg') no-repeat top left; width: 1000px;} #sidebar { float:left; margin-bottom: 0px; margin-left: 10px; margin-right:0px; padding: 11px; width: 250px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} #left_menu_caption { background: url('images/left_menu_caption.png') no-repeat bottom left; height: 30px; width: 250px; color: #ffffff; padding-left: 10px; padding-bottom: 4px; margin: 0px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 16px; } #left_menu_text { background: url('images/left_menu_text.png') no-repeat top right; color: #C17860; padding-left:10px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; } #sitelinks_text { background: url('images/sitelinks_text.png') no-repeat top right; color: #C17860; padding-left: 10px; padding-right: 5px; padding-top: 10px; margin: 0px; } #osztott_left_menu_caption { background: url('images/osztott_left_menu_caption.png') no-repeat bottom left; height: 30px; width: 100px; color: #ffffff; padding-left: 10px; margin: 0px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 16px; } #osztott_left_menu_bottom { background: url('images/osztott_left_menu_bottom.png') no-repeat top right; margin-top: -5px; } #osztott_left_menu_text { color:#C17860; padding-left:10px; padding-right:5px; padding-top: 10px; padding-bottom: 10px; } #default_menu_caption { background: url('images/default_menu_caption.png') no-repeat bottom left; padding-left: 12px; padding-bottom: 10px; height: 30px; color: #fff; margin:0px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 16px;} #default_menu_bottom { background: url('images/default_menu_bottom.png') no-repeat bottom center; padding-bottom: 20px;} #default_text { background: url('images/menuleft.png') no-repeat top right; color: #C17860; padding-left:25px; padding-right: 20px; padding-top: 10px;} #menutopleft_sitelinks { background: url('images/menutopleft_sitelinks.png') no-repeat top left; width: 14px; height: 30px; margin: 0px;} #menutopcenter_sitelinks { background: url('images/menutopcenter_sitelinks.png') repeat-x top left; height: 30px; margin-left: 30px; } #menutopcenter_caption_sitelinks { color: #ffffff; margin:0px; margin-top: 0px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 16px;} #menutopright_sitelinks { background: url('images/menutopright_sitelinks.png') no-repeat top right; height: 30px; width: 40px;} #menutopcenter_sitelinks_caption { color:#000; margin:0px; margin-top: 0px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 16px;} #text { background: url('images/menu.png') no-repeat top right; color: #C17860; padding-left:10px; padding-right:5px; padding-top: 10px;} .narrowcolumn { padding: 9px 0 0 0; margin-left: 300px; width: 660px; padding-top: 300px;} .narrowcolumn .entry { line-height: 2.3em;} #footer { padding: 0; margin: 0 auto; width: 1000px; height: 110px; clear: both; background: #000 url('images/footer.jpg') no-repeat top left;} #footer a { color: #B86247; text-decoration: underline;} #footer a:hover { color: #C17860; text-decoration: underline;} #sitedisclaimer { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; color: #C17860; margin: 0; padding: 0px; text-align: center; padding-right: 250px; padding-top: 37px;} #licens { text-align: center; padding-top: 20px; } #source { float:right; margin: 50px 40px 0 0; text-align:center; color: #000; } #left { background: #000000; padding:5px; border:1px solid; border-color: #722a26;} #right { padding:5px; background: #663300; border:1px solid; border-color: #722a26;} #mess { margin-left: 5px; color: #C17860; background: url('images/chat_bg.png') no-repeat top left; } #timedate { padding: 10px; color: #C17860;} #chat { margin-bottom: 5px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} #chatimg { background: url('images/left_menu_caption.png') no-repeat bottom left; padding-left: 10px; margin: 5px; } #message { padding: 10px; } #info { padding:0 0 4px 3px; background: #333333; margin-top:-5px; margin-bottom:5px;} #comm { padding: 3px; background: #663300; } #track { float: left; } #up { text-align: center; } .button { border: 1px solid #722a26; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; text-align: center; color: #C17860; background: url('images/button.jpg') repeat-x bottom left; margin:2px 0; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:2px} .spacer { padding: 2px 0 2px 0; } .smalltext { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .mediumtext { font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; } .tbox.chatbox { width: 80%; margin-left: auto; margin-right: auto; border-color: #722a26; background: #1C090A; color:#C17860;} .tbox { background-color: #1C090A; border: 1px solid; border-color: #722a26; color: #C17860; font: 10px verdana, tahoma, arial, helvetica, sans-serif;} .helpbox { border: 0px; background-color: transparent; color: #000000; font: 9px tahoma, verdana, arial, helvetica, sans-serif;} .fborder { border: 1px solid #722a26; } .forumheader { background: #2A0C0E url('images/cap.jpg')repeat-x bottom; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; color: #ffffff; padding: 4px; border: 1px solid #722a26;} .forumheader a { color: #B86247;} .forumheader a:hover { color: #C17860;} .forumheader2 { background: #55171a url('images/cap3.png') repeat-x bottom left; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 10px; color: #C17860; padding: 4px; border: 1px solid #722a26;} .forumheader2 a { color:#B86247; } .forumheader2 a:hover { color:#C17860; } .forumheader3 { background: #2A0C0E url('images/cap.jpg') repeat-x bottom left; font: 9px verdana, tahoma, arial, helvetica, sans-serif; color: #C17860; padding: 4px; border: 1px solid #722a26;} .forumheader4 { background-color: #663300; font: 9px verdana, tahoma, arial, helvetica, sans-serif; color: #000; padding: 4px; border: 1px solid #000;} .fcaption { background: #2A0C0E url('images/cap2.png')repeat-x top; height:35px; border: 1px solid #722a26; color:#996633; font-weight:bold; text-align:center; font-style:normal; font-variant:normal; font-size:10px; font-family:verdana, tahoma, arial, helvetica, sans-serif; padding-left:8px; padding-right:0; padding-top:2px; padding-bottom:2px} .fcaption a { padding-right: 4px; color: #B86247; } .fcaption a:hover { padding-right: 4px; color: #C17860; } .nicetitle { font-weight: bold; color: #C17860; text-align: left; position: absolute; left: 0; top: 0; width: 35em; z-index: 20; max-width: 60%;} .nicetitle-content { overflow: hidden; background: white; border: 1px solid #333333; padding: 7px; opacity: 0.9;} .nicetitle p { margin: 0; line-height: 120%; } .nicetitle p.destination { font-weight: normal; font-size: 10px; color: #C17860; } div.nicetitle p span.accesskey { color: #C17860; } .code { font: 12px 'Trebuchet MS', Tahoma, Arial, sans-serif; color: #C17860; padding: 8px; } .code_highlight { width: 95%; margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 12px 'Lucida Console', 'courier new', monospace; background: #C17860; border: 1px solid #722a26; border-left: 3px solid #722a26; } .indent { padding: 4px; border: 1px solid #722a26; background: #55171a; color: #C17860; } .nextprev { height: 26px; background: url(images/nextprev_bg.png) no-repeat top center; font: 10px Arial; color: #C17860; text-align: center; padding : 8px; margin: 0px; margin-top: 10px; } .nextprev_link { color: #C17860; padding: 3px; } .nextprev_current { color: #C17860; padding: 3px; } .newsContent { text-align: justify; font: 14px Arial, Helvetica, Sans-Serif; color: #9E2D1F; margin: 0px; padding-left: 25px; padding-right: 15px;} .newsContent img { margin-right: 10px; margin-bottom: 5px; } .newsComments { width: 100%; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:tahoma, verdana, arial, sans-serif; padding-left: 15px; padding-bottom: 20px; border-top: 1px solid #722a26; } .newsTitle { color: #ffffff; background: url('images/newsheader.png') no-repeat left bottom;} .newsLeft { float: left; margin-right: 10px; padding-left: 8px; } .newsHeader { font: bold 24px Arial, Helvetica, Sans-Serif; color: #000000; margin: 5px 0px 0px 0px; padding:0; padding-left: 10px; padding-bottom: 5px;} #newsOptions { float: right; margin: 0; text-align: right; padding-top: 0px; padding-left: 5px; padding-right: 10px; padding-bottom: 4px;} #newsPosted { font: 12px Arial, Helvetica, Sans-serif; color: #B86247; background: transparent; padding: 2px 0 2px 5px; margin-top: -30px; text-align: left; } #newsHatter { padding: 2px 0px 2px 0px; background: url('images/newshatter.png') no-repeat right bottom;} .menucolor { background: url('images/newsbg.png') repeat-y top left; border-left: 0px; padding-left: 25px; color: #C17860; font: 14px verdana, tahoma, arial, helvetica, sans-serif;} .icons { margin-top: -50px;} /* ## MAIN MENU ################################################################ */ #nav_list { width: 230px; margin: 0; padding: 0; list-style: none; overflow: hidden; } #nav_list li { width: 230px; font: bold 10px verdana, tahoma, arial, helvetica, sans-serif; text-indent: 10px; color: #ffffff; overflow: hidden; text-transform: uppercase; } #nav_list a { color: #B86247; text-decoration: none; } #nav_list a:hover { color: #C17860; text-decoration: none; } #nav_div { padding: 2px; } .li_nav_body a { width: 230px; height: 25px; padding-left: 5px; line-height:25px; background: url('images/menu_bg.png') no-repeat; display: block } .li_nav_body a:hover { color: #B86247; background-position: -230px 0; } .li_active a:active { color:#B86247; background: url('images/menu_bg.png') no-repeat -460px 0; } .li_nav_body2 a { width: 230px; height: 25px; padding-left: 5px; line-height: 25px; background: url('images/menu_bg.png') no-repeat; display: block } .li_nav_body2 a:hover { color: #B86247; background-position: -230px 0; } .li_active2 a:active { color: #B86247; background: url('images/menu_bg.png') no-repeat -460px 0; } .d_sublink .li_nav_body { width: 230px; height: 25px; padding-left: 10px; padding-top: 4px; line-height: 25px; display: block } .d_sublink .li_nav_body2 { width: 230px; height: 25px; padding-left: 10px; padding-top: 4px; line-height: 25px; display: block } .d_sublink .li_nav_body a { line-height: 25px; height: 25px; margin-top: -16px; display: block } .d_sublink .li_nav_body2 a { line-height: 25px; height: 25px; margin-top: -16px; display: block } /* ## COMMENT STYLE ################################################################ */ #commentstyle { background: #421316; border: 1px solid #722a26; padding: 10px;} #commentusername { background: #55171A; border: 1px solid #722a26; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 10px; color: #C13626; margin-top: 10px;} #commentusername a { color: #C13626; } #commentusername a:hover { color: #9E2D1F; }