?
Path : /home/admin/public_html/old/happy2/templates/ja_travel/css/ |
Current File : /home/admin/public_html/old/happy2/templates/ja_travel/css/k2.css |
/** * @version $Id: k2.css 1344 2011-11-25 16:47:03Z joomlaworks $ * @package K2 * @author JoomlaWorks http://www.joomlaworks.gr * @copyright Copyright (c) 2006 - 2011 JoomlaWorks Ltd. All rights reserved. * @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html */ @import url(fonts/ubuntu/stylesheet.css); @import url(fonts/aurulent/stylesheet.css); a#fontDecrease { background: url(../images/system/font_decrease.gif) no-repeat center center; } a#fontIncrease { background: url(../images/system/font_increase.gif) no-repeat center center; } a.delicious { background-image: url(../images/social/delicious.png); } a.digg { background-image: url(../images/social/digg.png); } a.facebook { background-image: url(../images/social/facebook.png); } a.googlebuzz { background-image: url(../images/social/googlebuzz.png); } a.itemEmailLink { background: url("../images/emailButton.png") no-repeat center center; } a.itemPrintLink { background: url("../images/printButton.png") no-repeat center center; } a.k2ReadMore { background: url("../images/readmore.png") no-repeat left 3px; color: #e4b490; font-size: 100% !important; padding-left: 15px; text-transform: lowercase; } a.k2ReadMore:hover, a.k2ReadMore:focus, a.k2ReadMore:active, .moduleItemReadMore:hover, .moduleItemReadMore:focus, .moduleItemReadMore:active { background-image: url("../images/readmore-orange.png"); color: #EF761A; } a.myspace { background-image: url(../images/social/myspace.png); } a.reddit { background-image: url(../images/social/reddit.png); } a.stumble { background-image: url(../images/social/stumble.png); } a.subCategoryMore { background: url("../images/bg-bulletin.gif") repeat-x left top; border: none; color: #5d544f; cursor: pointer; display: block; float: left; font-family: 'UbuntuRegular',Arial,Helvetica,sans-serif; height: 21px; line-height: 21px; padding: 0 10px; text-align: center; } a.technorati { background-image: url(../images/social/technorati.png); } div.clr { clear: both; display: block; float: none; height: 0; line-height: 0; } div.itemAttachmentsBlock { border-bottom: 1px dotted #ccc; padding: 4px; } div.itemBackToTop { padding: 15px 30px; text-transform: capitalize; } div.itemComments ul.itemCommentsList li { background: #fff; border: solid 1px #f8f8f8; margin-bottom: 15px; padding: 10px; } div.itemComments ul.itemCommentsList li img.itemAuthorAvatar { background: #fff; border: solid 1px #f8f8f8; float: left; margin: 0 10px 0 0; padding: 4px; } div.itemComments ul.itemCommentsList li span.commentDate { display: block; font-family: Arial,Helvetica,sans-serif; font-size: 92%; margin: 0 8px 0 0; padding: 0 4px 0 0; } div.itemComments ul.itemCommentsList li span.commentLink { float: right; } div.itemComments ul.itemCommentsList li.odd { background: #fdfcf6; } div.itemCommentsForm form input#submitCommentButton { margin-top: 15px; overflow: visible; float: left; } div.itemCommentsForm form span#formLog { float: left; line-height: 21px; color: #ff0000; margin: 15px 0px 0px 5px; } div.itemCommentsForm form input.inputbox { background: #eee; border: none; color: #848589; float: left; height: 25px; line-height: 25px; padding: 0 10px; width: 350px; } div.itemCommentsForm form textarea.inputbox { background: #eee; border: none; color: #848589; height: 160px; padding: 5px 10px 0 10px; width: 350px; } div.itemListSubCategories { background: url("../images/grad-sep.png") no-repeat scroll top center; clear: both; margin-top: 15px; padding: 15px 0 0; } div.itemRatingForm .formLogLoading { background: url(../images/system/loading.gif) no-repeat left center; height: 16px; padding: 0 0 0 20px; } /*itemRelated-------*/ div.itemRelated ul li, div.itemAuthorLatest ul li{ background: url("../images/bullet.png") no-repeat scroll 0 5px; font-family: Helvetica,Arial,sans-serif; line-height: 140%; padding-left: 14px; } div.itemSocialLinksBlock { background: url("../images/line-bg.png") repeat-y 180px top; padding: 15px 0; } div.itemSocialLinksBlock .textSocial { background: url("../images/button-share.png") no-repeat scroll left top transparent; color: #FEFBFC; float: left; height: 31px; line-height: 31px; margin-right: 15px; text-align: center; width: 173px; } div.itemSocialLinksBlock ul.itemSocialLinks { float: left; margin: 3px 0 0 0; padding: 0; } div.itemSocialLinksBlock ul.itemSocialLinks li { background: none; float: left; list-style: none; margin: 0; padding: 0; } div.itemSocialLinksBlock ul.itemSocialLinks li a { background-position: 0 0; background-repeat: no-repeat; display: block; float: left; height: 24px; width: 24px; } div.itemSocialLinksBlock ul.itemSocialLinks li a span { display: none; } div.itemSocialLinksBlock ul.itemSocialLinks li a:hover { } div.k2ItemsBlock .itemtitle { margin-bottom: 5px; } div.k2ItemsBlock .itemview { float: right; } div.k2ItemsBlock .moduleItemTitle{ float: left; font-family: 'UbuntuRegular', Helvetica,Arial,sans-serif; font-size: 150%; } div.k2ItemsBlock ul li { background: none; padding-bottom: 20px; padding-left: 0; } div.k2ItemsBlock ul li span.moduleItemDateCreated { color: #caa89a; font-size: 95%; text-transform: uppercase; } div.k2ItemsBlock ul li span.moduleItemHits { background: url("../images/k2/hits.png") no-repeat left 1px; border-right: none; color: #e58c9c; padding-left: 15px; } div.k2ItemsBlock ul li.clearList { display: none; } div.k2ItemsBlock ul li.lastItem { padding-bottom: 0; } div.k2UsersBlock .k2Avatar img { float: left; } div.k2UsersBlock .ubUserDescription p { color: #ABA4A2; font-size: 11px; font-style: italic; } div.k2UsersBlock .ubUserDescription p, div.k2UsersBlock div.social-info ul { margin: 0; padding: 0; } div.k2UsersBlock div.social-info ul li { background-position: left 3px; background-repeat: no-repeat; border: none; display: block; font-size: 10px; margin: 0 !important; padding: 0 0 0 13px !important; } div.k2UsersBlock ul li { background: none; border-bottom: 1px dotted #CEBCAC; margin-bottom: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; } div.k2UsersBlock ul li.lastItem { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } div.k2UsersBlock ul li a.ubUserAvatar img { margin: 0 10px 0 0 !important; } div.k2UsersBlock ul li a.ubUserName { color: #D41B41; } div.subCategory { margin: 0 15px; padding: 0; } div.subCategory { width: 250px; } div.subCategory h2 a { color: #D41B41; } div.userBlock .userDescription, div.itemAuthorBlock .userDescription { margin: 0 !important; padding: 0 !important; } div.userBlock div.social-info li, div.itemAuthorBlock div.social-info li{ background-position: left 2px; background-repeat: no-repeat; display: inline-block; line-height: normal; margin-bottom: 0; margin-right: 10px; padding-left: 15px; } div.userBlock div.social-info li.email, div.social-info ul li.email { background-image: url("../images/icon-email-s.gif"); } div.userBlock div.social-info li.linked-in, div.social-info ul li.linked-in { background-image: url("../images/icon-linkedin-s.gif"); } div.userBlock div.social-info ul { margin: 5px 0 5px 0 !important; padding: 0 !important; } div.userBlock div.social-info, div.itemAuthorBlock div.social-info { display: inline-block; } div.userBlock h2 { margin-bottom: 10px !important;} div.userBlock h2, .itemAuthorBlock h2 a { color: #D41B41; margin-top: 0; } div.userBlock img, .itemAuthorBlock img { background: #F6F2ED; border: solid 1px #f8f8f8; float: left; margin: 0 10px 0 0; padding: 4px; } div.userItemCommentsLink a{ background: url("../images/icon-comment.png") no-repeat left 4px; color: #E4B490; margin-right: 3px; padding-left: 15px; text-transform: lowercase; } h2.genericItemTitle { margin-bottom: 0; } h3.catItemTitle { clear: both; font-size: 130%; font-weight: normal; margin: 0; width: 100%; } ul.itemtool { float: right; margin: 10px 0 0 0; padding: 0; } ul.itemtool li { background: none; display: inline; float: left; padding-left: 0; } ul.itemtool li a { display: block; font-size: 0; height: 16px; line-height: 0; text-decoration: none !important; text-indent: -9999em; width: 16px; } .BlogCategory .itemContainer { float: left; width: 49% !important; } .BlogCategory .catItemCategory { border-bottom: 1px dotted #CEBCAC; color: #333; font-weight: bold; padding-bottom: 5px; text-transform: uppercase; } .BlogCategory .catItemCategory a { color: #EF761A; text-transform: none; } .itemView .itemImage img, .tagView .tagItemView .tagItemImage img, .BlogCategory .catItemIntroText .img-border { background: #fff; border: solid 1px #f8f8f8; display: block; float: none; margin: 0 10px 10px 0; padding: 4px; } .BlogCategory .catItemRatingBlock { float: none; margin-top: 5px; } .BlogCategory .catItemRatingBlock span { display: block; float: left; margin-right: 5px; } .BlogCategory .catItemRatingBlock .itemRatingForm { display: inline-block; float: none; } .BlogCategory .catItemView { padding-right: 15px; } .BlogCategory .itemRatingForm { margin-top: 0; } .blogheader { float: left; } .blogitem { float: left; margin-left: 165px; padding: 0 10px; } .blogitem .catItemIntroText p { margin-top: 8px; } .Bloglist.itemListView .itemContainer{ display: block; float: left; margin-bottom: 10px; width: auto !important; } /*Images------*/ .catItemImage img { background-color: #f6f2ed; padding: 4px; } .catItemImageBlock { left: 0; position: absolute; } .catItemRatingBlock { float: right; margin: 0; } .catItemTagsBlock { display: block; width: 100%; } .catItemTagsBlock ul { margin: 0; } .catItemTagsBlock ul li { background: none; display: inline-block; float: left; line-height: normal; margin: 0 3px 0 0; padding: 0; } .catItemTagsBlock ul li a { color: #caa89a; display: block; font-size: 85%; margin-right: 3px; text-transform: uppercase; } .catItemView { display: block; margin-bottom: 15px; min-height: 100px; position: relative; } .commentAuthorName { color: #F24A6F; display: block; font-family: 'UbuntuBold',Arial,Helvetica,sans-serif; font-size: 11px; text-transform: uppercase; } .commentAuthorName strong { color: #333; } .commentLink a { background: url("../images/icon-comment.png") no-repeat scroll left 2px; color: #E4B490; font-size: 92%; padding-left: 15px; } .formNameWrap { margin: 8px 0; } .form-validate .componentheading, .genericView h3, h3.itemCommentsCounter, .itemCommentsForm h3 { background: url("../images/arrow-title.png") no-repeat scroll 10px 22px; border-bottom: none; color: #383435; font-size: 120%; font-weight: normal; line-height: 17px !important; margin: 20px 0 0; padding-bottom: 15px; text-transform: uppercase; } .form-validate .componentheading span, .genericView h3 span, h3.itemCommentsCounter span, .itemCommentsForm h3 span { border-bottom: 2px solid #F24A6F; display: block; padding-bottom: 3px; } .genericItemCategory { display: inline-block; } .genericItemDateCreated { color: #333; font-weight: bold; margin-right: 5px; } .genericItemImage img { background: #F6F2ED; border: solid 1px #f8f8f8; margin: 0 10px 0 0; padding: 4px; } .genericItemMeta { color: #ABA4A2; font-size: 10px; text-transform: uppercase; } .genericItemView { border-bottom: 1px dotted #CEBCAC; padding-bottom: 15px; } .genericitemview { margin-bottom: 10px; } .genericView { border: solid 1px transparent; } .genericView .componentheading { border-bottom: none; } .itemAuthorBlock { margin-bottom: 20px; } /*Comments---------*/ .itemComments { background: url("../images/comment.gif") repeat-x left top #fff; padding: 15px; } .itemCommentsFormNotes { color: #ABA4A2; font-style: italic; } .item-head { border-bottom: 1px dotted #CEBCAC; margin-bottom: 20px; padding: 15px 0; } .item-info { color: #796D70; float: left; font-size: 15px; margin: 0 !important; } .item-info dd { float: left; margin-left: 0; margin-right: 15px; } .item-info dd span { color: #ABA4A2; display: block; font-size: 10px; text-transform: uppercase; } .item-info dd.itemHitsTwitter{ margin-right: 0; } .itemLinks { background: url("../images/share-bg.gif") repeat-x left bottom #b00329 !important; border-bottom: solid 1px #71021b; border-top: solid 1px #e50544; padding: 0 0 0 20px !important; } .itemListCategory h2{ color: #D41B41; font-size: 250%; } .itemRatingForm { display: block; float: left; line-height: 16px; vertical-align: middle; } /*Tag------*/ .itemRatingForm ul li{ background: none; display: inline-block; float: left; padding-left: 0; } .catItemTagsBlock ul li a { color: #caa89a; display: block; font-size: 85%; margin-right: 3px; text-transform: uppercase; } .itemRatingForm { display: block; float: left; line-height: 16px; vertical-align: middle; } .itemRatingLog { float: left; font-size: 11px; margin: 0; padding: 0 0 0 4px; } div.itemRatingForm .formLogLoading { background: url(../images/system/loading.gif) no-repeat left center; height: 16px; padding: 0 0 0 20px; } .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating { background: url(../images/system/transparent_star.png) left -1000px repeat-x; } .itemRatingList { background-position: left top; float: left; height: 16px; list-style: none; margin: 0 !important; overflow: hidden; padding: 0; position: relative; width: 80px; } .itemRatingList li { background: none; display: inline; padding: 0; } .itemRatingList a, .itemRatingList .itemCurrentRating { border: none; cursor: pointer; height: 16px; left: 0; line-height: 16px; outline: none; overflow: hidden; position: absolute; text-indent: -1000px; top: 0; } .itemRatingList a:hover { background-position: left bottom; } .itemRatingList a.one-star { width: 20%; z-index: 6; } .itemRatingList a.two-stars { width: 40%; z-index: 5; } .itemRatingList a.three-stars { width: 60%; z-index: 4; } .itemRatingList a.four-stars { width: 80%; z-index: 3; } .itemRatingList a.five-stars { width: 100%; z-index: 2; } .itemRatingList .itemCurrentRating { background-position: 0 center; margin: 0; padding: 0; z-index: 1; } /*Item-----*/ .itemTitle { color: #D41B41; font-family: 'UbuntuRegular',Arial,Helvetica,sans-serif; } #k2Container .articlecreated { background: url("../images/toolbox-big-bg-k2.png") no-repeat scroll right top; padding-bottom: 75px; } .itemToolbar a { display: block; float: left; font-size: 0; height: 16px; line-height: 0; margin-right: 3px; margin-top: 3px; text-indent: -9999em; width: 16px; } .itemToolbar span { float: left; font-weight: bold; margin-right: 3px; } .itemToolbar ul { margin: 0; padding: 0; } .itemToolbar ul li { background: none; float: right; padding: 0; } .itemtools { border: solid 1px #f8f8f8; margin-bottom: 10px; } .itemView { padding-right: 70px; } .itemView .itemRatingBlock { display: block; float: left; width: 70%; } .itemView .itemRatingBlock span{ vertical-align: middle;float:left;padding:5px 0 0 0; } .itemView .itemRatingForm { margin-left: 4px; margin-top: 4px; } .itemView .itemToolbar { float: right; width: 25%; } .itemView.itemIsFeatured .itemtools { margin-bottom: 10px; } .itemView.viewblog { padding-right: 0; } .itemView.viewsocial { padding-right: 85px; position:relative; } .itemView.viewblog .itemtools { margin-bottom: 10px; } .k2AccountPage .k2AccountPageImage { background: #F6F2ED; border: solid 1px #f8f8f8; display: block; margin: 5px 0; padding: 4px; } .k2AccountPage input.inputbox, .k2AccountPage tr td input#url, .k2AccountPage tr td textarea{ background: #EEE; border: solid 1px #f8f8f8; color: #848589; padding: 5px 0 5px 8px; } .k2AccountPageUpdate button.button { margin-top: 10px; } .k2FeedIcon { display: none; } .k2LatestCommentsBlock ul li .k2Avatar img { float: left; margin: 0 10px 0 0 !important; } .k2LatestCommentsBlock .lcUsername, .k2LatestCommentsBlock .lcUsername a { color: #F24A6F; font-weight: bold; text-transform: uppercase; } .k2LatestCommentsBlock ul li { background: none; border-bottom: 1px dotted #CEBCAC; margin-bottom: 10px; margin-right: 10px; padding-bottom: 10px; padding-left: 0 !important; } .k2LatestCommentsBlock ul li.lastItem { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .k2LatestCommentsInfo span.arrow { display: none; } .k2Pagination .pageview { display: inline; float: right; text-align: right; } .k2Pagination { margin: 5px 0px; text-align: right; } .k2Pagination .clr{ display: none; } .k2Pagination .pagination { display: inline-block; float: left; margin: 0px; } .k2Pagination .pagination ul { margin: 5px 0; } .k2Pagination ul.pagination li { background: none; display: block; float: left; margin: 0; overflow: hidden; padding: 0; } .k2Pagination ul.pagination li span, .k2Pagination ul.pagination ul a { padding: 0 5px; } .k2TagCloudBlock { margin-right: 10px; } .k2UserBlock .k2UserBlockActions li { background: url("../images/bullet.png") no-repeat scroll 0 6px !important; padding-left: 14px; } .k2UserBlockDetails a.k2Avatar { float: left; } .k2UserBlockDetails a.k2Avatar img { margin-left: 0 !important; margin-right: 10px !important; } .lcCommentDate { color: #ABA4A2; font-size: 10px; } .moduleItemReadMore { background: url("../images/readmore.png") no-repeat left center; color: #e4b490; font-size: 100% !important; padding-left: 15px; text-transform: lowercase; } .subCategoryContainer { float: left; } .ubCommentsCount { color: #ABA4A2; display: block; } .ubName { color: #F24A6F; font-weight: bold; text-transform: uppercase; } .userAdditionalInfo, .itemAuthorUrl { display: block; margin: 0 !important; padding: 0 !important; } .userBlock, .itemAuthorBlock{ background: #F4F2EE; border: solid 1px #E2E2E2; margin-top: 20px; padding: 20px; } .userItemCategory, .userItemTagsBlock{ float: left; margin: 0 3px; } .userItemCommentsLink, div.userItemReadMore{ display: inline; } .userItemDateCreated { color: #333; font-weight: bold; } .userItemHeader h3.userItemTitle { margin-bottom: 5px !important; } .userItemHeader h3.userItemTitle a, .genericItemTitle a{ color: #D41B41; font-size: 150%; font-weight: normal; } .userItemImage img { background: #F6F2ED; border: solid 1px #f8f8f8; margin: 0 10px 0 0; padding: 4px; } .userItemIntroText img, .k2Avatar img { background: #F6F2ED; border: solid 1px #f8f8f8; margin: 0 0 0 10px; padding: 4px; } .userItemTagsBlock span { float: left; margin-right: 3px; } .userItemTagsBlock ul { float: left; margin: 0; padding: 0; } .userItemTagsBlock ul li { background: none; float: left; margin-right: 2px; padding-left: 0; } .userItemView{ border-bottom: 1px dotted #CEBCAC; margin-bottom: 20px; padding-bottom: 10px; } .useritemview .userItemMeta, .useritemview .userItemLinks { display: inline-block; float: left; margin-right: 5px; } .userItemView .useritemview { color: #ABA4A2; display: block; font-size: 10px; text-transform: uppercase; } #k2Container.userView{ padding: 15px 0 35px 0 !important; } .userView .userItemIntroText { margin-top: -10px; } #comment-form label { color: #848589; display: block; float: left; font-weight: bold; margin: 3px 0; width: 150px; } #comment-form label.formRecaptcha { float: none; width: 100%; } #comment-form label span.red { color: #F24A6F; } .itemTagsBlock .itemTags { margin: 0; } .itemTagsBlock .itemTags li { background: none; padding-left: 0; } .smallerFontSize { font-size: 100%; line-height: inherit; } .largerFontSize { font-size: 150%; line-height: 140%; } .itemSocialSharing { overflow: hidden; padding: 8px 0 0; } .itemSocialSharing .itemTwitterButton, .itemSocialSharing .itemFacebookButton, .itemSocialSharing .itemGooglePlusOneButton { float: left; } /* Login form */ .k2LoginBlock #form-login label { color: #aba4a2; } .k2LoginBlock #form-login p#form-login-username label, .k2LoginBlock #form-login p#form-login-password label { display: none; } .k2LoginBlock #form-login p#form-login-username, .k2LoginBlock #form-login p#form-login-password { background: url("../images/bg-login.gif") repeat-x left top; border: solid 1px #dfe0e0; padding: 2px 5px; width: 90%; } .k2LoginBlock #form-login ul li { background: url(../images/bullet.png) no-repeat 0 center; padding-left: 8px; } .k2LoginBlock #form-login-password .inputbox { background: url("../images/password.png") no-repeat left top; } .k2LoginBlock #form-login-username .inputbox { background: url("../images/user.png") no-repeat left center; } .k2LoginBlock #form-login-username .inputbox, .k2LoginBlock #form-login-password .inputbox { background-color: transparent; border: none; color: #848589; font-weight: normal; height: auto; padding: 2px 2px 2px 20px; width: 85%; } /* Edit Link */ span.catItemEditLink, span.itemEditLink { float: left; margin: 1px 5px 0px 0px; } span.catItemEditLink a, span.itemEditLink a { background: url(../images/edit-icon.png) no-repeat center center; float: left; height: 16px; text-indent: -9999em; width: 16px; } span.userItemEditLink { float: left; margin: 1px 5px 0px 0px; } span.userItemEditLink a { background: url(../images/edit-icon24.png) no-repeat center center; float: left; height: 24px; text-indent: -9999em; width: 24px; } /* Tag Page */ .tagView .tagItemList .tagItemView { border-bottom: 1px dotted #CEBCAC; margin-bottom: 10px; padding-bottom: 10px; } .tagView .tagItemList .tagItemView { border-bottom: 1px dotted #CEBCAC; margin-bottom: 10px; padding-bottom: 10px; } .tagView .tagItemList .tagItemCategory { color: #333333; font-weight: bold; text-transform: uppercase; } .tagView .tagItemList .tagItemReadMore { text-align: right; } /* For Print Page */ body.com_k2.contentpane .itemView{ padding: 20px; } /* Print Button */ .com_k2.contentpane a.itemPrintThisPage { background: #FCFCFC; border: 1px solid #ddd; color: #000; font-weight: bolder; float: right; padding: 5px 10px; text-decoration: none; } .com_k2.contentpane a.itemPrintThisPage:active, .com_k2.contentpane a.itemPrintThisPage:focus, .com_k2.contentpane a.itemPrintThisPage:hover { background: #ddd; border: 1px solid #FCFCFC; } .commentToolbar { display: block; overflow: hidden; width: 100%; } .commentToolbar a{ float: left; margin-right: 20px; } /* Report Comment */ .k2ReportCommentFormContainer { padding: 20px; } .k2ReportCommentFormContainer label { display: block; font-weight: bolder; } .k2ReportCommentFormContainer input, .k2ReportCommentFormContainer textarea, .k2ReportCommentFormContainer button { display: block; margin-bottom: 10px; }