/* Theme Name: Kiss Lóránt Description: The default Kiss Lóránt theme based on the famous Moquin Author: Moquin Author URI: http://www.moquin.hu/ */ *{ margin: 0; padding: 0; border: 0; } body { font-family: Verdana; font-size: 12px; color: #222222; border-top: 5px solid #1d1d1d; } .clear { clear: both; } .left { float: left; } .right { float: right; } .center { text-align: center; } .alignleft { margin: 5px 20px 5px 0; float: left; } .alignright { margin: 5px 0 5px 20px; float: right; } .fli { margin: 5px 20px 5px 0; float: left; } .fli img, .fri img, embed { padding: 1px; border: 1px solid #999999; } .fli img:hover, .fri img:hover { border: 1px solid #ffffff; } .fri { margin: 5px 0 5px 20px; float: right; } #website { width: 930px; margin: auto; } /* ------------------------------ HEADER ------------------------------ */ #header { padding: 20px 0 20px 0; } #header .logo { padding: 0 0 0 20px; } #header .search-menu-panel { width: 480px; height: 25px; padding: 10px; background: #f5f5f5; } #header .search-menu-panel span { padding: 5px 5px 0 0; font-size: 9px; } #header .search-menu-panel select { width: 146px; padding: 2px; display: inline; } #header .search-menu-panel .search .input { width: 144px; padding: 3px; } #header .search-menu-panel .search .button { height: 24px; padding: 0 5px 1px 5px; color: #ffffff; background: #1d1d1d; border: 0; cursor: pointer; } #header .search-menu-panel .search .button:hover { background: #ff0000; } .spec-border { border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } /* --------------------------------- FEATURED --------------------------------- */ #featured { margin-bottom: 30px; color: #dddddd; background-color: #1d1d1d; } #featured #featured-info { width: 200px; padding: 20px; font-size: 11px; color: #cccccc; float: left; } #featured #featured-info a, #featured #featured-info a:hover { color: #ffffff; text-decoration: underline; } #featured #featured-content { width: 660px; padding:0 30px 50px 0; float: right; } #featured #featured-content h1 { margin: 30px 0 20px 0; font-weight: normal; color: #ffffff; } #featured #featured-content h1 a { font-size: 24px; font-weight: normal; color: #ffffff; text-decoration: none; } #featured #featured-content p, #featured #featured-page p { margin-bottom: 20px; line-height: 20px; } #featured #featured-content p strong, #featured #featured-page p strong { color: #ffffff; } #featured #featured-content p a, #featured #featured-content ul a, #featured #featured-page p a, #featured #featured-page ul a { color: #dddddd; text-decoration: underline; } #featured #featured-content p a:hover, #featured #featured-content ul a:hover, #featured #featured-page p a:hover, #featured #featured-page ul a:hover { color: #ffffff; text-decoration: underline; } #featured #featured-content ul { width: 600px; margin: 0 0 20px 0; padding: 0 0 0 30px; } #featured #featured-content ul li, #featured #featured-page ul li { margin-bottom: 3px; line-height: 20px; } #featured #featured-content hr, #featured #featured-page hr { margin: 20px 0 25px 0; border-top: 3px solid #ffffff; } #featured #featured-content blockquote { width: 540px; margin-bottom: 20px; padding-left: 60px; font-style: italic; line-height: 20px; background: url(im/bgr_blockquote.png) no-repeat left top; } #featured #featured-content .first { display: none; } #featured #featured-page { width: 890px; padding: 20px; } #featured #featured-page h1 { margin: 10px 0 20px 0; font-weight: normal; color: #ffffff; } #featured #featured-page ul { margin: 0 0 20px 0; padding: 0 0 0 30px; } .post-edit-link, .post-edit-link:hover { font-weight: bold; color: #ff0000; } .more-link { width: 136px; height: 40px; margin-right: 20px; font-size: 0; text-decoration: none !important; background: url(im/btn-more.png) no-repeat left top; border: 0; display: block; float: left; cursor: pointer; } .more-link:hover { background-position: 0 -40px; } /* ------------------------------ RECENT ------------------------------ */ #recent { margin-bottom: 20px; font-size: 11px; } #recent span { font-weight: bold; color: #000000; } #recent .recent-post-value { padding: 5px 10px 5px 0; border-bottom: 2px solid #1d1d1d; } #recent .recent-post { padding: 10px 10px 10px 0; border-bottom: 1px solid #dddddd; } #recent .recent-post img { width: 57px; height: 40px; } #recent .recent-post embed { display: none; } #recent .recent-post a { color: #ff0000; text-decoration: none; text-transform: uppercase; } #recent .recent-post a:hover { color: #000000; text-decoration: underline; } #recent .recent-post .link { font-size: 10px; } .cont a, .cont a:hover { color: #000000 !important; text-decoration: underline !important; text-transform: normal !important; } /* --------------------------------- CATEGORY --------------------------------- */ #category_header h1 { padding: 0 0 5px 20px; font-size: 15px; font-weight: bold; color: #ff0000; background: url(im/icon-category-header.png) no-repeat left top; } /* --------------------------------- COMMENT --------------------------------- */ .comment { padding: 10px; } .alt { background: #f1f1f1; } .comment .comment-avatar { width: 230px; font-size: 11px; float: left; } .comment .comment-avatar a, .comment .comment-avatar a:hover { color: #000000; text-decoration: underline; } .comment .comment-avatar img { margin-bottom: 3px; } .comment .comment-text { width: 680px; line-height: 18px; float: left; } .comment .comment-text a { color: #999999; text-decoration: underline; } .comment .comment-text a:hover { color: #000000; text-decoration: underline; } .comment .comment-text p { margin-bottom: 10px; } .comment .comment-text p.meta { margin-bottom: 10px; font-size: 10px; color: #999999; } .comment .comment-text .comment-edit-link, .comment .comment-text .comment-edit-link:hover { font-size: 10px; font-weight: bold; color: #ff0000; } /* ------------------------------------------- LEAVE COMMENT ------------------------------------------- */ .leave-comment { margin-top: 20px; padding-top: 20px; border-top: 1px solid #1d1d1d; } #leave-comment-left { width: 220px; font-size: 11px; float: left; } #leave-comment-left h4 { font-size: 14px; font-weight: bold; } #leave-comment-right { width: 650px; padding: 10px 20px 20px 20px; float: right; background: #f5f5f5; } #leave-comment-right .left { width: 220px; } #leave-comment-right .right { width: 430px; } #leave-comment-right .input, #leave-comment-right .textarea { width: 418px; padding: 7px 5px 7px 5px; font-family: verdana; font-size: 12px; } #leave-comment-right .textarea { width: 638px; height: 150px; margin-bottom: 15px; } #leave-comment-right p { margin: 7px 0 15px 0; } #leave-comment-right .meta { font-size: 11px; color: #999999; } #leave-comment-right .button { width: 136px; height: 40px; margin-right: 20px; text-decoration: none; background: url(im/btn-save.png) no-repeat left top; border: 0; display: block; float: left; cursor: pointer; } #leave-comment-right .button:hover { background-position: 0 -40px; } /* ------------------------------------------ PARTNET SITES ------------------------------------------ */ #partner-sites { background: url(im/bgr-partners.png) no-repeat left top; } #partner-sites .partner { width: 310px; height: 120px; text-align: center; vertical-align: middle; } /* ------------------------- PAGE ------------------------- */ #page p { margin-bottom: 20px; line-height: 20px; } /* ---------------- GALLERY ---------------- */ .ngg-title { margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #ffffff; } .ngg-galleryoverview { margin: 0 auto 20px auto; background: url(im/bgr_ngg-galleryoverview.png) repeat-y left top; } .ngg-gallery-thumbnail-box { width: 132px; height: 132px; float: left; display: table; } .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail { width: 132px; padding-top: 10px; text-align: center; vertical-align: middle; display: table-cell; } .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail span { display: inline-block; height: 100%; width: 1px; } .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img { max-width: 110px; max-height: 110px; vertical-align: middle; } /* ------------------------------ FOOTER ------------------------------ */ #footer { margin-top: 50px; padding: 10px 0 30px 0; font-size: 11px; color: #999999; line-height: 16px; border-top: 2px solid #1d1d1d; } #footer a { color: #666666; text-decoration: underline; } #footer a:hover { color: #ff0000; text-decoration: underline; } #footer ul { list-style-type: none; } #footer ul li { margin-left: 15px; float: left; }