/* +---------------------------------------------------------------+ | e107 Theme | -------------- | Jónás Portál Stúdió Theme v10.4 | -------------- | Jónás Portál Stúdió | http://webdesign.jonipeti.hu/ | jonipeti@gmail.com | +---------------------------------------------------------------+ */ body {background: #285db0 url('images/background.jpg') top center repeat-x; margin: 0px; padding: 0; font-size: 60.3%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #444; text-align: center; } a {color: #6060ff; text-decoration: none;} a:hover {color: #3333ff; text-decoration: none;} h1 {font-size: 30px; color: #111;} h2 {font-size: 20px; color: #444;} h3 {font-size: 14px;} h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;} td { border: none; } 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 #ccc;} blockquote cite {margin: 5px 0 0; display: block;} hr {display: none;} a img {border: none} .linkspage_button {border:0px;} .hidden {display:none;} #toplinks {width: 650px; 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: url('images/page.png') repeat-y bottom left;} #header {margin-left: auto; margin-right: auto; background: url('images/header.png') no-repeat top left; width: 1000px; height:300px;} #topheader {margin-left: auto; margin-right: auto; width: 1000px; height: 85px; background: url('images/topheader.png') no-repeat bottom left; } .left {margin-top: 15px; float:left; margin:0; padding:0;width: 1000px; } #sidebar {float:left; margin-bottom:0px; margin-left:10px; margin-right:0px; padding:11px; width: 230px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} #text { text-align: left; color: #444; } #caption { border-bottom: 0px solid #fff; padding: 10px;} #menustyle { padding-top: 10px; padding-bottom: 5px; } #felsonav_menustyle { margin-bottom: 20px; background: url('images/bottom.png') no-repeat bottom right; padding-top: 80px; padding-left: 92px; padding-bottom: 5px; height: 240px;} #felsonav_text { height: 180px; text-align: justify; width: 200px; color: #444; } #felsonav_button { } #no-caption { padding-top: 10px; padding-bottom: 10px; } .no-caption-left { border-top: 0px #000000 dashed; border-bottom: 0px #000000 dashed; border-right: 1px #000000 dotted; } .no-caption-right { border-top: 0px #000000 dashed; border-bottom: 0px #000000 dashed;} #no-fullmenu_text { color: #444; padding:10px; } #no-fullmenu_caption { border-bottom: 1px solid #888; } #no-fullmenu_caption h2 { width: 100%; color: #444; margin: 0px; } #narrowcolumn { margin-left: 20px; width: 960px; font-size: 1.2em;} #menu3 { background: url('images/freethemes.png') no-repeat top left; width: 320px; } #menu4 { background: url('images/tarhelycsomagok.png') no-repeat top left; width: 320px; } #menu5 { background: url('images/ajanlatkeres.png') no-repeat top left; width: 320px; } #vonal { border-top: #000 1px dashed; border-bottom: #000 1px dashed; padding: 10px; } #footer {padding: 0; margin: 0 auto; width: 1000px; height:350px; clear: both; background: url('images/footer.jpg') no-repeat top left;} #footer p {margin: 0; padding-top: 30px; text-align: left; width: 950px; margin-left: 20px;} #source {float:right; margin: 50px 40px 0 0; text-align:center; color: #000; } #left {background:#996633; padding:5px; border:1px solid; border-color:#000;} #right {padding:5px; background:#663300; border:1px solid; border-color: #000;} #mess {margin-left: 3px; color: #444; background:#aaa; padding:3px; margin-top:3px; border: 1px solid #888;} #timedate {border-bottom: 1px solid #888; padding: 5px; color: #444;} #chat {margin-bottom: 5px; border-top: 1px solid #888; border-left: 1px solid #888; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} #chatimg {margin: 5px;} #info {padding:0 0 4px 3px; background:#666; margin-top:-5px; margin-bottom:5px;} #comm {padding:3px; background:#ccc;} #track {float:left;} #up {text-align:center;} .button {border:1px solid #aaa; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; text-align:center; color: #555; margin:2px 0; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:2px} .button2 { border: none; background: url('images/button.png') no-repeat top left; font-weight: bold; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; text-align:center; color: #fff; margin:2px 0; padding-left:5px; padding-right:5px; padding-top: 0px; padding-bottom: 8px; height: 40px; width: 155px;} .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: #ccc; background:#fff; color:#444;} .tbox {background-color: #fff; border:1px solid; border-color: #999; color: #444; font: 10px verdana, tahoma, arial, helvetica, sans-serif;} .helpbox {border: 0px; background-color: transparent; color:#444; font: 9px tahoma, verdana, arial, helvetica, sans-serif;} .fborder { background: url('images/forumheader.png') repeat-x top left; margin: 2px; border: 1px solid; border-color: #9db9ec; padding: 10px; } .fborder_shop { background: url('images/forumheader.png') repeat-x top left; margin: 2px; border: 0px solid; border-color: #9db9ec; padding: 10px; } .forumheader { background: #C9D5EB url('images/forumheader2.jpg') repeat-x top left; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 14px; color: #444; margin: 2px; padding: 4px; border: 1px solid #9db9ec;} .forumheader a { color: #555;} .forumheader a:hover { color: #888;} .forumheader2 { background: #C9D5EB url('images/forumheader2.jpg') repeat-x top left; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 12px; color: #444; margin: 2px; padding: 4px; border: 1px solid #9db9ec;} .forumheader2 a { color: #555;} .forumheader2 a:hover { color: #888;} .forumheader3 { background: #C9D5EB url('images/forumheader3.jpg') repeat-x bottom left; font: 12px verdana, tahoma, arial, helvetica, sans-serif; color: #444; margin: 2px; padding: 4px; border: 1px solid #9db9ec;} .forumheader3_shop { font: 9px verdana, tahoma, arial, helvetica, sans-serif; color: #444; padding: 4px; border: 0px solid #C9D5EB;} .forumheader4 { background: #C9D5EB url('images/forumheader3.jpg') repeat-x bottom left; font: 12px verdana, tahoma, arial, helvetica, sans-serif; color: #444; margin: 2px; padding: 4px; border: 1px solid #9db9ec;} .fcaption { background: #C9D5EB url('images/forumheader3.jpg') repeat-x bottom left; height:35px; margin: 2px; border: 1px solid #9db9ec; color: #444; font-weight:bold; text-align:center; font-style:normal; font-variant:normal; font-size:12px; font-family:verdana, tahoma, arial, helvetica, sans-serif; padding-left:8px; padding-right:0; padding-top:2px; padding-bottom:2px} .fcaption_shop { height:35px; margin: 2px; border: 0px solid #888; color: #444; font-weight:bold; text-align:center; font-style:normal; font-variant:normal; font-size:12px; font-family:verdana, tahoma, arial, helvetica, sans-serif; padding-left:8px; padding-right:0; padding-top:2px; padding-bottom:2px} .fcaption a { padding:4px; color:#555;} .fcaption_shop a { padding:4px; color:#555;} .fcaption a:hover { padding:4px; color:#888;} .fcaption_shop a:hover { padding:4px; color:#888;} .nicetitle {font-weight: bold; color: #444 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 #333; padding: 7px; opacity: 0.9;} .nicetitle p {margin: 0; line-height: 120%;} .nicetitle p.destination {font-weight: normal; font-size: 10px; color: #444;} div.nicetitle p span.accesskey {color: #444;} .code {font: 12px 'Trebuchet MS', Tahoma, Arial, sans-serif; color:#444; 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: #ccc; border: 1px solid #aaa; border-left: 3px solid #aaa; } .indent {padding:4px; border: 1px solid #ccc; background: #fff; color: #555; } #ie {padding-top: 5px; height: 60px; background:url('images/ie.png') no-repeat top left;} #ie ie1 {padding-top: 5px;} #newsimage { float:left; padding:3px 10px 0px 0px;} #newstitle { font: bold 20px helvetica, monospace; color: #444; border-bottom: 1px solid #888; text-align: left; padding-bottom: 5px; padding-right: 10px; padding-left: 10px;} #newstitle h1 { margin: 0px;} #newsbody { text-align: justify; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 30px; color: #444; font: 14px verdana, tahoma, arial, helvetica, sans-serif;} #site {margin-left: auto; margin-right: auto; width: 1000px; height: 25px; background: url('images/site.png') no-repeat bottom left;} #sitename {text-align: left; padding-left: 0px; padding-bottom: 20px; color: #663300; font: bold 20px verdana, tahoma, arial, helvetica, sans-serif;} /*-----COMMENTSTYLE KEZDET-----*/ #commentstyle {background: #875625; border: 1px solid #5e3812; padding: 10px;} #commentusername {background: #734920; border: 1px solid #472a0e; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 10px; color: #291603; margin-top: 10px;} #commentusername a {color: #ab855f;} #commentusername a:hover {color: #c2976d;} /*-----COMMENTSTYLE VÉG-----*/ /*-----Feature Box-----*/ div#promos div.scroller { width: 550px; height: 120px; overflow: hidden; } div#promos div.scroller div.section { width: 550px; height: 120px; overflow: hidden; padding:1em; } div#promos div.scroller div.content { width: 10000px; height: 120px;} #featurebox { padding: 0px; margin: 0px; padding-top: 140px; padding-left: 405px; position: relative; height: 140px; overflow: hidden; } table.fBox { background-position: 0 0; background-repeat: repeat-x; } div.fbox-cont { height: 120px; margin: auto auto; background-position: top left; background-repeat: repeat-x;} #buts { position: absolute; width: 550px; margin: 0px; height: 0px; z-index: 0; padding-right: 0px;} #fbox_center { filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; background: #285db0; border: #224e94 3px double; height: 110px; width: 550px; vertical-align: top;} .fbox_img { margin: 0px;} .fbox_title { color: #fff; font-size: 16px; font-weight: bold; padding-bottom: 6px; margin: 0px; text-align: center; } .fbox_text { color: #fff; text-align: left; font-size: 12px; font-weight: none; margin: 0px } .fbox_text a { color: #fff; text-decoration: underline;} .fbox_text a:hover { color: #fff; text-decoration: none; } /*-----Feature Box-----*/ a.freee107themes { width: 155px; height: 40px; background: url('images/themes.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.freee107themes:hover { width: 155px; height: 40px; background: url('images/themes.png') no-repeat; background-position: 0px -40px; border: medium none; } a.tarhelycsomagok { width: 155px; height: 40px; background: url('images/tarhely.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.tarhelycsomagok:hover { width: 155px; height: 40px; background: url('images/tarhely.png') no-repeat; background-position: 0px -40px; border: medium none; } a.arajanlatkeres { width: 155px; height: 40px; background: url('images/ajanlat.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.arajanlatkeres:hover { width: 155px; height: 40px; background: url('images/ajanlat.png') no-repeat; background-position: 0px -40px; border: medium none; }