/* +---------------------------------------------------------------+ | e107 Theme | -------------- | Dark Stiff | -------------- | Jónás Portál Stúdió | http://webdesign.jonipeti.hu/ | jonipeti@gmail.com | +---------------------------------------------------------------+ */ * { margin: 0; padding: 0; } body { margin: 0; padding: 0; font-size: 12px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #ffffff; text-align: center; background: #808080 url('images/background.jpg') no-repeat top center fixed; } a { color: #fff; text-decoration: none; } a:hover { color: #ccc; text-decoration: none; } h1 { font-size: 32px; } h2 { font-size: 15px; color: #333; } h3 { font-size: 13px; } h4 { width: 700px; border: 0px #fff solid; color: #fff; position:relative; top:50px; left:110px; padding: 0; margin: 0 auto; font-size: 60px; text-align: center; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } td { background: none; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #fff; padding: 0px; text-align: left; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } 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; } /*------------Header START----------------------*/ #page { margin: 0; padding: 0; width: 1000px; border: medium none; text-align: left; background: url('images/page.jpg') repeat-y top left; } .left { float: left; margin: 0; padding: 0; } #topheader { background: url('images/header_top.jpg') no-repeat top left; height: 85px; position: relative; padding: 0; margin: 0 auto; width: 1000px; } #toplinks { border: 0px #fff solid; width: 650px; padding: 3px 0 0 0; margin: 10px 0 0 40px; float: left; } *html #toplinks { margin-left: 20px; } #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 } #header { background: url('images/header_middle.jpg') no-repeat top left; padding: 0; margin: 0px; width: 1000px; height: 275px; } #header h2 { border: 0px #fff solid; width: 700px; position: relative; top:50px; left: 110px; padding: 0; margin: 0 auto; font-size: 16px; text-align: center; color: #ffffff; } *html #header h2 { left: 0px; } #logo { border: 0px #fff solid; margin-left: 700px; padding-top: 15px; } #sidebar { float: left; margin: -225px 0 0 33px; padding: 11px; width: 200px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } *html #sidebar { margin-left: 17px; } #sidebar h3 { background: url('images/caption.png') no-repeat top left; margin-bottom: 10px; color: #000000; padding-left: 5px; padding-right: 0; padding-top: 5px; padding-bottom: 4px } #pagefull { margin: 0; padding: 0; width: 1000px; border: medium none; text-align: left; background: url('images/pagefull.jpg') repeat-y top left; } #headerfull { background: url('images/header_middle_full.jpg') no-repeat top left; padding: 0; margin: 0px; width: 1000px; height: 275px; } #headerfull h2 { position: relative; top:50px; left: 110px; padding: 0; margin: 0 auto; font-size: 16px; text-align: center; color: #ffffff; } *html #headerfull h2 { left: 0px; } /*------------Header STOP-----------------------*/ /*------------Főrész START----------------------*/ #content { font-size: 12px; } #content h2 { background: url('images/caption.png') no-repeat top left; margin-bottom: 10px; color: #000000; padding-left: 5px; padding-right: 0; padding-top: 5px; padding-bottom: 4px; } .narrowcolumn { padding: 6px 0 0 0; margin: 0 0 0 255px; width: 500px; } *html .narrowcolumn { width: 493px; } .narrowcolumn .entry { line-height: 13px; } #sidebar-right { margin: 0px; margin-left: 755px; padding: 11px; width: 185px; font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; } *html #sidebar-right { margin-left: 748px; } #sidebar-right h3 { background: url('images/caption.png') no-repeat top left; margin-bottom: 10px; color: #000000; padding-left: 5px; padding-right: 0; padding-top: 5px; padding-bottom: 4px } .narrowcolumnfull { padding:9px 0 0 0; margin: 0 0 0 255px; width: 703px; } *html .narrowcolumnfull { width: 696px; } .narrowcolumnfull .entry { line-height: 13px; } /*------------Főrész STOP-----------------------*/ /*------------News Style START------------------*/ .spacer { padding: 2px 0 2px 0; } #myDate { margin-top: -8px; padding-top: 7px; float: left; width: 70px; height: 70px; background: url('images/calendar.png') no-repeat; text-align: center; color: #000; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif } #newsjp { padding-top: 5px; color: #999999; text-align: left; height: 82px; font-size: 18px; background: url('images/news.png') no-repeat; } .icons { margin-top: -50px; margin-right: 10px; text-align: center;} .menucolor { text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; vertical-align: top; width: 100%; text-align: left; padding-top: 3px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; } #ie { margin-bottom: 40px; padding-top: 5px; border-top: 1px solid #fff; height: 25px; } .date_box_honap { font-size: 12px; color: #fff;} .date_box_nap { margin-top: -3px; padding-right: 8px; font-size: 34px; color: #000; } .date_box_ev { margin-top: -7px; padding-right: 42px; font-size: 9px; color: #000; } /*-----------------------News Style STOP------------------*/ /*----------------------Link Style START------------------*/ #nav_list { background: url('images/sitelink.png') no-repeat top right; width: 200px; margin: 0; padding: 0; list-style: none; overflow: hidden; } #nav_list li { width: 195px; font: bold 10px verdana, tahoma, arial, helvetica, sans-serif; text-indent: 10px; color: #fff; overflow: hidden; text-transform: uppercase; } #nav_list a { color: #888888; text-decoration: none;} #nav_list a:hover { color: #ffffff; text-decoration: none;} #nav_div { padding: 2px;} .li_nav_body a { width: 195px; height: 25px; padding-left: 40px; line-height:22px; background: url('images/menu_bg.png') no-repeat; display: block } .li_nav_body a:hover { color: #663300; background-position: -195px 0; } .li_active a:active { color: #663300; background: url('images/menu_bg.png') no-repeat -360px 0; } .li_nav_body2 a { width: 195px; height: 25px; padding-left: 40px; line-height:22px; background: url('images/menu_bg.png') no-repeat; display: block } .li_nav_body2 a:hover { color: #663300; background-position: -195px 0; } .li_active2 a:active { color: #663300; background: url('images/menu_bg.png') no-repeat -360px 0; } .d_sublink .li_nav_body { width: 200px; height: 25px; padding-left: 5px; padding-top: 4px; line-height: 25px; display: block } .d_sublink .li_nav_body2 { width: 195px; height: 25px; padding-left: 5px; padding-top: 4px; line-height: 25px; display: block } .d_sublink .li_nav_body a { line-height: 22px; height: 25px; margin-top: -16px; display: block } .d_sublink .li_nav_body2 a { line-height: 22px; height: 25px; margin-top: -16px; display: block } /*----------------------Link Style STOP-------------------*/ /*------------Table Style START-----------------*/ #full_menu_caption { background: url('images/captionnofull.png') no-repeat top left; height: 25px; color: #fff; padding-left: 5px; padding-right: 0px; padding-top: 4px; } #fulltext { text-align: justify;} #customfull_menu_caption { background: url('images/caption.png') no-repeat top left; height: 25px; color: #fff; padding-left: 5px; padding-right: 0px; padding-top: 4px; } #text { } #full_menu_center_caption { background: url('images/fullmenu.png') no-repeat top left; height: 25px; color:#fff; padding-left: 5px; padding-right: 0px; padding-top: 4px; } #right_menu_caption { background: url('images/rightmenu.png') no-repeat top left; height: 25px; color: #fff; padding-left: 0px; padding-right: 5px; padding-top: 4px; text-align: right; } #right_menu_text { } #no-style_text { z-index: 100; height: 225px; border: 0px #000 solid; } #default_caption { background: url('images/leftmenu.png') no-repeat top left; height: 25px; color: #fff; padding-left: 5px; padding-right: 0; padding-top: 4px; } /*------------Table Style STOP------------------*/ /*------------Comment Style START---------------*/ #left { padding: 5px; border:1px solid; border-color: #969696; } .mediumtext { font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; } .smalltext { font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; } /*------------Comment Style STOP----------------*/ /*------------ChatBox Style START---------------*/ .smalltext_1 { padding: 3px; margin-top: 3px; border: 1px solid; border-color: #969696; background: #7f7f7f url('images/smalltext_1.png') no-repeat top left; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #mess { color: #fff; background: #333333; padding: 3px; margin-top: 3px; } /*------------ChatBox Style STOP----------------*/ /*------------Forum Style START-----------------*/ .fborder { border: 1px solid ; border-color: #bdbddb #969696 #969696 #bdbddb; background-color: #424242; } .forumheader { background: url('images/cap.jpg') bottom; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 12px; color: #fff; padding: 4px; border: 1px solid #969696 } .forumheader a { color: #fff; } .forumheader a:hover { color: #fff; } .forumheader2 { background-color: #666666; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 12px; color: #eeeeee; padding: 4px; border: 1px solid #969696; } .forumheader3 { background-color: #7F7f7f; font: 12px verdana, tahoma, arial, helvetica, sans-serif; color: #eeeeee; padding: 4px; border: 1px solid #969696; } .forumheader4 { background-color: #7F7f7f; font: 12px verdana, tahoma, arial, helvetica, sans-serif; color: #eeeeee; padding: 4px; border: 1px solid #969696; } .fcaption { height: 35px; border: 1px solid #969696; color: #fff; 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: 8px; padding-top: 2px; padding-bottom: 2px } .fcaption a { padding-right: 0px; color: #fff; } .code { font: 12px 'Trebuchet MS', Tahoma, Arial, sans-serif; color: #000; padding: 8px; } .code_highlight { color: #000; width:95%; margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 12px 'Lucida Console', 'courier new', monospace; background: #969696; border: 1px solid #bdbddb; border-left: 5px solid #bdbddb; } .indent { padding:4px; border: 1px solid #bdbddb; background: #969696; color: #fff; } /*------------Forum Style STOP------------------*/ /*------------Footer START----------------------*/ #footer { padding: 0; margin: 0 auto; width: 1000px; height:100px; clear: both; background: url('images/footer.jpg') no-repeat bottom left; text-align: right; } #sitedisclaimer { font-size: 10px; margin: 0px; padding-top: 55px; padding-right: 35px; } #licens { margin-right: 760px; margin-top: -45px; } #footerfull { padding: 0; margin: 0 auto; width: 1000px; height:100px; clear: both; background: url('images/footerfull.jpg') no-repeat bottom left; text-align: right; } /*------------Footer STOP-----------------------*/ #info { padding: 0 0 4px 3px; background: #7F7f7f; margin-top: -5px; margin-bottom: 5px; } #comm { padding: 3px; background: #7F7f7f; } #track { float: left; } .button { border-left: 1px solid #969696; border-right: 1px solid #969696; border-top: 1px solid #969696; border-bottom: 1px solid #969696; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; text-align: center; color: #ffffff; background: url('images/button.jpg') repeat-x bottom left; margin: 2px 0; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 2px } *html .button { margin: 2px 0 0 0; } .tbox.chatbox { width: 80%; margin-left: auto; margin-right: auto; border-color: #969696; background: #7F7f7f url('images/menubg.png') no-repeat top left; color: #fff; } .tbox { padding: 1px; border: 1px solid #bdbddb; background: #969696 url('images/tbox.png') top left; color: #fff; font-size: 10px; } .helpbox { border: 0px; background-color: transparent; color: #000; font: 9px tahoma, verdana, arial, helvetica, sans-serif; } .chatimg { background: url('images/chat.png') no-repeat top left; width: 50px; height: 50px; } .nicetitle { font-weight: bold; color: #3C3C3C; 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 #969696; padding: 7px; opacity: 0.9; } .nicetitle p { margin: 0; line-height: 120%; } .nicetitle p.destination { font-weight: normal; font-size: 12px; color: #5E7743; } div.nicetitle p span.accesskey { color: #FF7200; } .entry { font: 14px Arial, Helvetica, sans-serif; color: #000; text-align: left; padding-top: 30px; } /*-----FELSŐ NAVIGÁCIÓ KEZDET-------------------*/ a.index { margin-left: 0px; margin-top: 0px; width: 70px; height: 70px; background: url('images/index.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.index:hover { width: 70px; height: 70px; background: url('images/index.png') no-repeat; background-position: -70px 0px; border: medium none; } a.contact { margin-left: 70px; margin-top: -70px; width: 70px; height: 70px; background: url('images/contact.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.contact:hover { width: 70px; height: 70px; background: url('images/contact.png') no-repeat; background-position: -70px 0px; border: medium none;} a.search { margin-left: 140px; margin-top: -70px; width: 70px; height: 70px; background: url('images/search.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.search:hover { width: 70px; height: 70px; background: url('images/search.png') no-repeat; background-position: -70px 0px; border: medium none; } a.forum { margin-left: 210px; margin-top: -70px; width: 70px; height: 70px; background: url('images/forum.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none; } a.forum:hover { width: 70px; height: 70px; background: url('images/forum.png') no-repeat; background-position: -70px 0px; border: medium none;} a.gallery { margin-left: 280px; margin-top: -70px; width: 70px; height: 70px; background: url('images/gallery.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.gallery:hover { width: 70px; height: 70px; background: url('images/gallery.png') no-repeat; background-position: -70px 0px; border: medium none; } a.download { margin-left: 350px; margin-top: -70px; width: 70px; height: 70px; background: url('images/letoltes.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.download:hover { width: 70px; height: 70px; background: url('images/letoltes.png') no-repeat; background-position: -70px 0px; border: medium none;} /*-----FELSŐ NAVIGÁCIÓ VÉG----------------------*/ /*-----SZÍNVÁLASZTÓ KEZDET----------------------*/ a.default { margin-left: 0px; margin-top: 0px; width: 50px; height: 50px; background: url('images/default_ok.png') no-repeat; background-position: -50px 0px; display: block; border: none;} a.default:hover { width: 50px; height: 50px; background: url('images/default_ok.png') no-repeat; background-position: -50px 0px; border: medium none; } a.green { margin-left: 50px; margin-top: -50px; width: 50px; height: 50px; background: url('images/green.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.green:hover { width: 50px; height: 50px; background: url('images/green.png') no-repeat; background-position: -50px 0px; border: medium none;} a.blue { margin-left: 50px; margin-top: -50px; width: 50px; height: 50px; background: url('images/blue.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.blue:hover { width: 50px; height: 50px; background: url('images/blue.png') no-repeat; background-position: -50px 0px; border: medium none;} a.red { margin-left: 50px; margin-top: -50px; width: 50px; height: 50px; background: url('images/red.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.red:hover { width: 50px; height: 50px; background: url('images/red.png') no-repeat; background-position: -50px 0px; border: medium none;} #default-color { padding-left: 0px; } #green-color { padding-left: 0px; } #blue-color { padding-left: 50px; } #red-color { padding-left: 100px; } #color { padding-top: 10px; padding-bottom: 10px; } /*-----SZÍNVÁLASZTÓ VÉG-------------------------*/