/* copyright © Tóth Tamás - 2010.01.19. */ div#DBTrace { display:none; position:absolute; left:5px; top:5px; z-index:100000} div#RunTime { margin-right:75px;} div#RunTime:hover+div#DBTrace { display:block } div#RunTime:active+div#DBTrace { display:block } div#DBTrace:hover { display:block } /* TAGS */ body { margin:0; padding:0; color:#06C; background-color:#FAFBFF;} div {margin: 0; padding: 0;} h1{ padding:0;margin:0;} h2{ padding:0;margin:0; display: inline; font-weight: normal; line-height: 16px; } h3{ font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:5px; padding-top:15px; margin:0px; color:#038} a{text-decoration:none; color:#C60;} a:hover{ text-decoration:underline} ul{padding:0;margin:0; margin-left:10px} li{list-style: none; background:url(images/design/li.gif) no-repeat 0px 5px; margin:0px; padding:0 0 2px 10px;} hr {height:0; background:#EEE; border: none; border-bottom: 1px solid #EEE; padding-bottom: 0px; width:640px; margin-left: 0; margin-right: auto; text-align: left;} p {margin-left:10px;} img {max-width:620px; border:none;} /* CLASSES */ .emoticon{vertical-align:-3px; margin:1px; border:none;} .checked {background-color: #EEFFEE; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} /* TAG.CLASS */ span.time { background-image:url(images/design/time.gif); padding:2px 0px 2px 19px; background-repeat:no-repeat} span.time2 { font-size: 11px; white-space: nowrap;} span.checked{ background:url(images/signs/checked.gif) 9px 0px; background-repeat:no-repeat; padding:9px 0px 10px 45px; } span.info{ background:url(images/signs/info.gif); background-repeat:no-repeat; padding:7px 0px 15px 45px; } span.info2{ background:url(images/signs/info2.gif); background-repeat:no-repeat; padding: 0 0 3px 25px; } span.arrow{ background:url(images/signs/arrow.gif); background-repeat:no-repeat; padding:7px 0px 15px 45px; } span.error3{ background:url(images/signs/error.gif) 1px 0px; background-repeat:no-repeat; padding:9px 0px 10px 45px; } span.msg{ margin-left: 15px; display: inline-block;} span.thx{ color:#07B; } .btn2 {padding:0; background-repeat:no-repeat; background-position: center center; width:20px; height:20px; border:none; vertical-align:-5px; font-size: 5px; display: inline-block;} .btn3 {padding:0 0 0 20px; background-repeat:no-repeat; background-position: center left; border:none; vertical-align:0px; display: inline-block;} a.goodbtn { background-image:url(images/buttons/good.gif); } a.badbtn { background-image:url(images/buttons/bad.gif); } a.banbtn { background-image:url(images/buttons/no3.gif); margin-left: 10px; filter:alpha(opacity=100); opacity:1; } a.goodbtn:hover { background-image:url(images/buttons/good2.gif); } a.badbtn:hover { background-image:url(images/buttons/bad2.gif); } a.votedgood { background-image:url(images/buttons/good2.gif); } a.votedbad { background-image:url(images/buttons/bad2.gif); } a.banbtn:hover { filter:alpha(opacity=80); opacity:0.8; } a.checkbtn{ background-image:url(images/signs/checked2.gif); margin: 0 5px 2px 5px; width:14px; height:14px; } a.deletebtn { background-image:url(images/buttons/del.gif); } a.modifybtn { background-image:url(images/buttons/undo.gif); margin-left:5px;} /* INNER */ div#side strong {font-weight: normal; color:#05B;} div#side ul {padding-left: 4px; margin-top:10px; font-size:12px; line-height: 16px; } div#side ul li {background-position: 0 3px;} div#side ul li.highlighted {color:#C60;} div#side ul li span {display: inline-block; width:120px;text-align: right; white-space: nowrap;} div#side ul li span span {display: inline-block; width:40px; color:#111} div#side ul li.rss_activity {line-height: 22px; margin-top: 5px; background-position: 0 6px;} div#side ul li.rss_activity span span {text-align: left; } div#side ul li.rss_activity span span span {background: url(images/design/activity.gif) no-repeat 5px 0; display: inline-block; padding-left: 5px;} div.submenu {margin:0; text-align:center; height:20px;} div.submenu a{margin-right:15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#004499; } div.submenu a:hover{ color:#002277 } div.submenu a.selected{color:#0090F0;} a.toolbtn { width:16px; height:16px; border:none; vertical-align:-.3em; } a.toolbtn img{ border:none; } a#rss { background:url(images/buttons/rss.gif) no-repeat right center; font-size:11px; letter-spacing: 1px; padding-top: 5px; padding-right:19px; display: block; position:absolute; right:15px; top: 19px; filter:alpha(opacity=70); opacity:0.7;} a#rss:hover { filter:alpha(opacity=100); opacity:1.0;} /* MAIN */ h1#title {width:500px; height:150px; margin-bottom:-105px; display: block;} h1#title a {display: block; width: 250px; height: 140px; position:absolute; left: 10px; top:10px} h1#title a#loginbtn {display: block; width: 3px; height: 3px; position:absolute; left: 212px; top:63px;} h1#title img {position: absolute; left:0;top:0; z-index: -1;} div.menu {position:absolute; z-index:1; left:325px; top:14px; height:30px; padding-top: 3px; white-space: nowrap; } div.menu a{background: #FDFEFF; color:#567; font-family:"Comic Sans MS" , Helvetica, sans-serif; display: inline-block; font-size: 14px; border-left:1px solid #DDD; border-top:1px solid #CCC; border-bottom:1px solid #BBB; height:23px; padding-top:3px; width:110px; text-align: center; padding-bottom: 1px; } div.menu a:hover {color:#C60} div.menu a#random_menu{ margin-right: 20px; border-right:1px solid #DDD;} div.menu a#upload_menu{ border-right:1px solid #DDD;} div.menu a.selected{background: #FFF; color:#06C; border-top:2px solid #FC0; border-bottom: 1px white solid; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:5px; margin-top: -3px; padding-bottom: 1px; border-radius-topleft:3px; -moz-border-radius-topleft:3px; -webkit-border-radius-topleft:3px; border-radius-topright:3px; -moz-border-radius-topright:3px; -webkit-border-radius-topright:3px;} div.menu a.selected+a{border-left:none} div.menu a#random_menu+a{border-left:1px solid #DDD;} div.menu a.selected#random_menu{ border-right:1px solid #CCC;} div.menu a.selected#upload_menu {border-left:1px solid #CCC;border-right:1px solid #CCC;} div#content {border:1px solid #CCC; border-top:1px solid #BBB; background: #FFF; margin:0 15px 0 270px; min-height:600px; display: block; min-width:650px; padding-left:15px; padding-bottom:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} div#side {width:270px; min-height:600px; position: absolute; top:150px; left:0px; color:#06C; } div#side hr {width:210px; margin-left: 15px;} div#footer { padding:30px; text-align: center; color:#258; font-size: 12px; } /* FORM */ form{ font-size: 12px; width:85%; min-width:600px; margin:20px 25px 0 5px; background:#FFF; border:1px solid #358; padding:20px; text-align:left; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } form p{margin:10px 0 0 0;} form hr{margin:10px 0 0 0;} form label{width:auto; display:inline-block; text-align:right; margin-left:10px; padding-right:8px; font-family:Arial, Helvetica, sans-serif; } form input{width:170px} form select{width:170px} form input.submit { margin-top:10px; } form input.submit:active {background-position:2px 2px;} form .YMD select{width:45px; margin-right:8px; margin-left:3px;} form .YMD select#y {width:60px;} form textarea {height:300px;} form .text_editor {margin-top:20px;} form select{height:22px;} form input.editable{ margin:1px; margin-left:-168px; margin-right:20px; width:147px; border:1px solid #FFF; padding:0px} form .captcha_image{border:1px solid #333} form p.important label{font-weight:bold;} form option.highlighted{font-weight:bold;} form p span.highlighted{font-weight:bold;} form span.error{ color:#CC2833; font-size:12px; margin-left:5px; background:url(images/signs/error2.gif); background-repeat:no-repeat; padding-left:18px; white-space: nowrap; } form span.error2{ display:block; width:190px; margin:0px auto 20px; } form span.will_accept{ margin-left:5px; background:url(images/signs/checked2.gif); background-repeat:no-repeat; padding-left:18px; } /* pager */ form.PagerForm { Padding:2px 10px 0 0; margin-top:40px; height:24px; width:400px; border-color:#BBB; background-color:#FDFEFF; background-image:url(images/design/earmark.gif); background-repeat: no-repeat; background-position: bottom right; } form.PagerForm label{width:60px;} form.PagerForm select{width:80px; height:18px; font-size: 11px;} form.PagerForm div.part1 {float:left} form.PagerForm div.part2 {float:right; padding:3px 10px 0px;} /* filter */ form#FilterForm {width:auto; min-width: 0; padding:0; border-color:#DDD; background:#FDFEFF; padding-bottom:15px; padding-top:5px; margin:15px 15px 0 15px; color:#036} form#FilterForm p {margin-top:5px;} form#FilterForm div#filters div {margin:5px 0 0 0; padding:0; } form#FilterForm div#filters div span {display: inline-block; } form#FilterForm label {width:125px; } form#FilterForm input {width:auto; vertical-align: -1px; } form#FilterForm input.submit {height:25px;margin-top:5px;} form#FilterForm select {width:80px;} form#FilterForm hr {margin-bottom:10px} form#FilterForm div#filters{margin-left: 20px;} form#FilterForm a { font-family:Arial, Helvetica, sans-serif; color:#038; font-size: 13px; letter-spacing: 1px; display: inline-block; padding-left: 22px; background: no-repeat; margin-left: 5px; } form#FilterForm a#a_dumak {background-image: url(images/icons/chat.gif);} form#FilterForm a#a_tortenetek {background-image: url(images/icons/dirr.gif);} form#FilterForm a#a_screenshotok {background-image: url(images/icons/screen.gif);} form#FilterForm a#a_kepek {background-image: url(images/icons/image.gif);} form#FilterForm a#a_fenykepek {background-image: url(images/icons/photo.gif);} form#FilterForm a#g_dumak {background-image: url(images/icons/g_chat.gif);} form#FilterForm a#g_tortenetek {background-image: url(images/icons/g_dirr.gif);} form#FilterForm a#g_screenshotok {background-image: url(images/icons/g_screen.gif);} form#FilterForm a#g_kepek {background-image: url(images/icons/g_image.gif);} form#FilterForm a#g_fenykepek {background-image: url(images/icons/g_photo.gif);}form#FilterForm a:hover {color:#B50; } /* upload */ form#UploadForm input#picture { margin-top:10px; width:500px; margin-right: 40px; } form#UploadForm p.checkbox {display:inline; white-space: nowrap;} form#UploadForm p.checkbox input { width:auto; margin-right:0; } form#UploadForm p.checkbox label {width:auto; padding: 0 2px 0 13px; vertical-align: 1px;} form#UploadForm input#upload_submit {height:30px} form#UploadForm .text_editor .error {margin-right: auto; display: block; width:110px;} form#UploadForm .text_editor .will_accept {margin-left: auto; display: block; width:16px;} form#UploadForm option {background: no-repeat 2px; padding:2px 0 2px 23px; } form#UploadForm option[value="1"] {background-image: url(images/icons/chat.gif);} form#UploadForm option[value="2"] {background-image: url(images/icons/dirr.gif);} form#UploadForm option[value="3"] {background-image: url(images/icons/screen.gif);} form#UploadForm option[value="4"] {background-image: url(images/icons/image.gif);} form#UploadForm option[value="5"] {background-image: url(images/icons/photo.gif);} /*login*/ form#LoginForm {width:500px; min-width:500px; margin: 50px 0 0 30px;} form#LoginForm label{width:150px;} form#LoginForm hr {width:500px} /* QUOTES */ div.quotes_item {margin-top: 20px; display: block; margin-right: 10px;} div.quotes_item>div {display: inline-block; min-width: 640px;} div.quotes_item .top { padding: 1px 9px; margin-right: 0; background-color: #F2F6FF; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;} div.quotes_item span.time2 {margin:4px 2px 0; display: inline-block; float: right; clear: right;} div.quotes_item span span{color:#04A} div.quotes_item a.id {margin-right:30px; padding-right: 20px; background: no-repeat right;} div.quotes_item .bottom {margin-left:500px;} div.quotes_item .mid {margin-left:17px; color:#222; margin-top:5px; margin-right: 5px; font-size:14px} div.qi_1 a.id {background-image: url(images/icons/chat.gif);} div.qi_2 a.id {background-image: url(images/icons/dirr.gif);} div.qi_3 a.id {background-image: url(images/icons/screen.gif);} div.qi_4 a.id {background-image: url(images/icons/image.gif);} div.qi_5 a.id {background-image: url(images/icons/photo.gif);} /* PAGES */ /* upload */ div#ready {margin:40px 0 0 30px;} div#ready div#sample {color:#333; margin: 35px 10px 40px 10px; padding:20px 15px 10px 20px; display:inline-block; min-width: 500px; border: 1px solid #CCC; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} div#ready div#sample span#sample_tools { display: block; width:auto; text-align: right; color:#06C;} div#ready div#sample span#sample_tools a {margin-left:20px;} /*ban*/ div#ban textarea{height:150px} div#ban input.submit{height:35px; margin-top:0px; color:#300;} div#ban form {border-color: #A00; width:60%} /*admin*/ div#admin {width:700px; margin-top: 20px;} div.wip {background:url(images/design/wip.gif); font-weight:bold; margin-top:20px; } div#admin .bans {color: #A00; margin-left: 5px;} div#admin div.ban_texts {color: #A00; margin-left: 10px;} div#admin div.ban_texts div{border-top:1px solid #FDD; padding: 10px;} /* numeric */ div#numeric {margin:10px 0 0 0px;} div#numeric div#view {color:#333; margin: 20px 10px 50px 5px; padding:0 0 20px 10px; display:inline-block; border: 1px solid #CCC; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} div#numeric div#view div.quotes_item>div {min-width: 610px;} div#numeric div#view a.id {color:#05A; font-size: 14px; font-weight: bold; padding-left: 2px; } div#numeric div#view .mid {padding:10px 0;} div#numeric div#view div.quotes_item .bottom {margin-left:480px;}