/* * ------------------------------------------------------------------------ * LeoBeauty template for joomla 1.7 * ------------------------------------------------------------------------ * Copyright leotheme.com. All Rights Reserved. * @license GNU / GPL2 http://www.gnu.org/licenses/gpl-2.0.html * Author: leotheme.com * Websites: http://www.leotheme.com * ------------------------------------------------------------------------ */ /* COMMON STYLE --------------------------------------------------------- */ /* --- Global K2 container --- */ #k2Container { padding:0; } body.contentpane #k2Container { padding:16px; } /* used in popups */ /* --- General padding --- */ .k2Padding { padding:4px; } /* --- Clearing --- */ .clr { clear:both; height:0; line-height:0; display:block; float:none; } /* --- RSS feed icon --- */ .k2FeedIcon { padding:4px 8px; } .k2FeedIcon a, .k2FeedIcon a:hover { display:block; float:right; margin:0; padding:0; width:16px; height:16px; background:url(../images/fugue/feed.png) no-repeat 50% 50%; } .k2FeedIcon a span, .k2FeedIcon a:hover span { display:none; } /* --- Rating --- */ .itemRatingForm { display:block; vertical-align:middle; line-height:25px; float:left; } .itemRatingLog { margin: -2px 0 0; padding:0 0 0 4px; float:left; line-height:25px; } .itemRatingForm .formLogLoading { background:url(../images/system/loading.gif) no-repeat left center; height:25px; padding:0 0 0 20px; } .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating { background:url(../images/system/star.gif) left -1000px repeat-x; } .itemRatingList { position:relative; float:left; width:125px; height:25px; overflow:hidden; list-style:none; margin:0 6px!important; padding:0; background-position:left top; } .itemRatingList li { display:inline; background:none; padding:0; border: none !important } .itemRatingList a, .itemRatingList .itemCurrentRating { position:absolute; top:0; left:0; text-indent:-1000px; height:25px; line-height:25px; outline:none; overflow:hidden; border:none; cursor:pointer; } .itemRatingList a:hover { background-position:left center; } .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 { z-index:1; background-position:0 bottom; margin:0; padding:0; } .siteRoot { display:none; } /* --- CSS added with Javascript --- */ .smallerFontSize { font-size:100%; line-height:inherit; } .largerFontSize { font-size:150%; line-height:140%; } /* --- ReCaptcha --- */ .recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#fff !important; } #recaptcha_table { border-color: #e5e5e5 !important; } #recaptcha_response_field { border-color: #e5e5e5 !important; background-color:#fff !important; } /* --- Primary lists in modules --- */ .clearList { display:none; float:none; clear:both; } /* this class is used to clear all previous floating list elements */ .lastItem { border:none; } /* class appended on last list item */ /* --- Avatars --- */ .k2Avatar img { display:block; float:left; margin:2px 8px 4px 4px; } /* --- Pagination --- */ .k2Pagination { padding: 0; text-align:center; color:#999; float:left; } /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ .itemIsFeatured, .catItemIsFeatured, .userItemIsFeatured { background:none; } /*---------------------------------------------------------------------- Component: views ----------------------------------------------------------------------*/ .userItemViewUnpublished { opacity:0.9; border:1px solid #dcdcdc; background:#fffff2; padding:8px; } .itemView { padding:8px 0 0 0; margin: 0; } /* this is the item container for this view */ .catItemEditLink, .itemEditLink { display:block; text-align:right; padding:8px 36px; margin:0 0 24px 0; border:1px solid #e5e5e5; background: #fffef4; font-size: 20px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic } .catItemEditLink a, .itemEditLink a { } .catItemAuthor,.catItemDateCreated { font-size:11px; margin-right: 10px; } .itemDateCreated { float: left; padding: 3px; font-size: 11px; width: 75px; min-height:80px; margin: 0; color: #b3b6b7; border-right: 1px solid #e5e5e5; position: absolute; } .itemDateCreated div { padding: 2px 16px; } .itemDateCreated span { display: block; font-size: 22px; line-height: 24px; text-align: center; text-transform: uppercase } .itemDateCreated span:first-child { font-size: 48px; line-height:42px; } .itemHeader { overflow: hidden; margin: 0 0 10px; } .itemHeader .itemTitle { margin:0 0 12px; padding:12px 0 0 0; font-size: 20px; line-height:100%; letter-spacing: 0px; text-transform: uppercase; position: relative; word-spacing: 5px; text-align: center;} .catItemHeader .catItemTitle { font-size: 24px; font-weight: bold; line-height:110%; margin:10px 0 0 20px; padding:0 0 0px; } .catItemHeader .catItemTitle a {} .catItemHeader .catItemTitle a:hover { color: #5778A1 } .catItemHeader .catItemTitle span sup, .itemHeader .itemTitle span sup { padding:0 0 0 3px; font: bold 10px Arial, Helvetica, sans-serif; letter-spacing: 0; text-decoration:none; color: #EE9218; } /* "Featured" presented in superscript */ .catItemHeader .catItemAuthor { display:block; padding:0; margin: 0 12px 0 0; font-size: 11px; } .itemToolbar { margin: 0; } .itemToolbar ul { text-align:left; list-style:none; margin:0; font-size: 11px; } .itemToolbar ul li { display:inline; list-style:none; padding:0 4px 0 8px; margin:0; border-left:1px solid #e5e5e5; text-align:center; background:none; } .itemToolbar ul > li:first-child { border:none; padding-left:0!important; } /* remove the first CSS border from the left of the toolbar */ .itemToolbar ul li a { font-weight:normal; } .itemToolbar ul li a:hover { font-weight: bold; } .itemToolbar ul li a img { vertical-align:middle; position: relative; top: 0; } .itemToolbar ul li a#fontDecrease { margin:0 0 0 2px; } .itemToolbar ul li a#fontDecrease img { width: 13px; height:13px; background:url(../images/system/font_decrease.png) no-repeat; } .itemToolbar ul li a#fontIncrease { margin:0; } .itemToolbar ul li a#fontIncrease img { width:13px; height:13px; background:url(../images/system/font_increase.png) no-repeat; } .itemToolbar ul li a#fontDecrease span, .itemToolbar ul li a#fontIncrease span { display:none; } .itemToolbar .itemAuthor a { color: #5778A1; } .itemToolbar .itemAuthor a:hover { font-weight: normal; color: #333 } .catItemRatingBlock, .itemRatingBlock { padding:0 0 4px 0; line-height: 25px; font-size: 11px; } .catItemRatingBlock { padding-top: 12px; } .catItemRatingBlock span, .itemRatingBlock span { display:block; float:left; font-style:normal; padding:0 4px 0 0; margin:0; } .catItemBody, .itemBody { padding:0; margin:0; } .itemImageBlock { position: relative; clear: both; margin:10px; padding:5; text-align: center; float: left; width: 100%; } .catItemImageBlock { margin:10px 10px 10px 20px; padding:0; float: right; } span.itemImage { display:block; text-align:center; margin:0 0 8px 0; } span.catItemImage { display:block; overflow: hidden; margin:0 ; text-align: center; } span.itemImage img, span.catItemImage img { background: #fff; margin:5 5 5 5px; padding:7 7 7 7px; border: 1px solid #bdbdbd; } span.itemImageCaption, span.itemImageCredits { position: absolute; bottom: 20px; right: 20px; font-size: 10px; color: #888; } .catItemIntroText, .itemIntroText { font-size: 15px; line-height: 24px; padding: 5 5 5 5px; } .catItemIntroText p, .itemIntroText p { margin:15px 15px 15px 15px; text-align: justify;} .itemFullText h3 { margin:0; padding:16px 0 4px 0; } .itemFullText img { padding:6px; margin:4px; background:#fff; } .catItemExtraFields, .itemExtraFields { clear:both; margin:10px 0; padding:0; } .catItemExtraFields h4, .itemExtraFields h3 { font-size:28px; font-weight:normal; height:auto; line-height:28px; margin:32px 0 22px 6px; padding:0 0 6px; border-bottom: 1px solid #e5e5e5 } .catItemExtraFields ul li, .itemExtraFields ul li { display:block; overflow:hidden; border-bottom: 1px solid #e5e5e5; margin: 0 2px; padding: 3px 20px 3px 4px; } .catItemExtraFields ul li span.catItemExtraFieldsLabel, .itemExtraFields ul li span.itemExtraFieldsLabel { display:block; float:left; font-weight:bold; margin:0 4px 0 0; width:30%; } .catItemExtraFields ul li span.catItemExtraFieldsValue, .itemExtraFields ul li span.itemExtraFieldsValue { margin-left:30%; display:block; } span.itemDateModified { display:block; font-size:11px; font-style:italic; margin:16px 0 4px; padding:4px; text-align:right; color: #585048 } .itemLinks { margin:0 0 4px; padding:0; font-size: 12px; } .itemLinks { padding: 12px 0 2px; font-size: 11px; line-height: 14px; border-top: 1px dashed #333; border-bottom: 1px dashed #333; } .itemLinksLeft { float: left; max-width: 30%; margin-right: 5%; } .itemLinksRight { float: right; } .catItemHitsBlock, .itemHitsTwitter, .itemCategory, .catItemTagsBlock, .itemTagsBlock, .itemSocialLinksBlock { padding:2px 0; min-height: 22px; line-height: 22px; margin-bottom: 10px; } .catItemTagsBlock { font-size: 11px; } span.itemHitsTwitterSep { padding:0 8px; color:#e5e5e5; } span.itemTwitterLink a { background:url(../images/social/twitter_16.png) no-repeat 0 50%; padding:2px 0 0 20px; margin:8px 0; text-decoration:none; } span.itemTwitterLink a:hover { text-decoration:none; } .catItemTagsBlock ul.catItemTags, .itemTagsBlock ul.itemTags { list-style:none; padding:0; margin:0; display:inline; } .catItemTagsBlock ul.catItemTags li, .itemTagsBlock ul.itemTags li { display:inline; list-style:none; line-height: 2; margin: 0 0 0 6px; text-align:center; padding:0;} .catItemTagsBlock ul.catItemTags li a, .itemTagsBlock ul.itemTags li a { background: #f9f9f9; border: 1px solid #f1f1f1; color: #333; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; line-height: 1; padding: 2px 8px; } .catItemTagsBlock ul.catItemTags li a:hover, .itemTagsBlock ul.itemTags li a:hover { background: #FB017E; border: none; color: #fff; padding: 2px 9px; } .itemSocialSharing{ } .itemSocialSharing .itemTwitterButton { float:left;} .itemSocialSharing .itemFacebookButton {float:left;} .itemSocialSharing .itemGooglePlusOneButton {float:left;} .catItemAttachmentsBlock, .itemAttachmentsBlock { padding:4px; border-bottom:1px dotted #e5e5e5; } .catItemAttachmentsBlock span, .itemAttachmentsBlock span { font-weight:bold; padding:0 4px 0 0; } .catItemAttachmentsBlock ul.catItemAttachments, .itemAttachmentsBlock ul.itemAttachments { list-style:none; padding:0; margin:0; display:inline; } .catItemAttachmentsBlock ul.catItemAttachments li, .itemAttachmentsBlock ul.itemAttachments li { display:inline; list-style:none; padding:0 4px; margin:0; text-align:center; } .catItemAttachmentsBlock ul.catItemAttachments li span, .itemAttachmentsBlock ul.itemAttachments li span { font-size:10px; color:#999; font-weight:normal; } .modulePretext { margin:0!important; padding:0 !important; font-size: 11px; } /* Author block & User block*/ .itemAuthorBlock, .userBlock { margin: 20px 0; border-bottom: 1px dashed #333; } .itemAuthorBlock .itemAuthorAvatar { display:block; float:left; margin:20px 30px; padding: 0; border: 1px solid #eee; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; overflow:hidden; } .itemAuthorBlock .itemAuthorAvatar img { display: block; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; } .itemAuthorBlock .itemAuthorDetails { margin:0; padding: 6px; } .itemAuthorBlock .itemAuthorDetails.leftmargin { margin-left: 205px; } .itemAuthorBlock .itemAuthorDetails > div, .latestItemsUser > div { padding: 12px 12px 0; } .userBlock > div { padding: 18px 30px 12px; overflow: hidden; } .itemAuthorBlock .itemAuthorDetails a { color: #font-weight: bold; } .itemAuthorBlock .itemAuthorDetails a:hover { color: #font-weight: bold; } .itemAuthorBlock .itemAuthorDetails h3.itemAuthorName { margin: 0; padding:0; font: italic 24px/32px Georgia, "Times New Roman", Times, serif !important; } .itemAuthorBlock .itemAuthorDetails p { margin: 12px 0; font-style: italic; line-height: 20px; } .latestItemsUser, .userBlock { font-size: 90%; } .userBlock { margin-bottom: 32px; overflow: hidden; } .userBlock p { font: 11px/19px Verdana, Arial, Geneva, sans-serif } .itemAuthorBlock .itemAuthorDetails span.itemAuthorUrl { padding:0 8px 0 0; margin:0 4px 0 0; font-size: 11px; color: #b0b0b0 } .itemAuthorBlock .itemAuthorDetails span.itemAuthorEmail { font-weight:bold; } .userBlock p.userDescription { padding:0!important; margin:0!important; } .userBlock p.userAdditionalInfo { padding:8px 0 6px; margin:5px 12px 0; font-size: 11px; } .userBlock p.userAdditionalInfo span { margin-right: 16px; } .userBlock p.userAdditionalInfo span a { font-weight: normal; margin: 0 6px; } /* Author latest & Related by tag */ .itemRelated, .itemAuthorLatest { float:right; width:45%; padding: 15px 20px 15px 0; } .itemAuthorLatest { float:left; } .itemRelated h3, .itemAuthorLatest h3 { font-size: 12px; color: #333; text-transform: uppercase; font-weight: normal; line-height: 100%; margin: 0 0 12px; padding: 0; } .itemAuthorLatest ul, .itemRelated ul { padding:0; } .itemRelated ul li, .itemAuthorLatest ul li { list-style: none; background: url('../images/bullet.gif') no-repeat 0 10px; padding: 2px 0 0 16px !important; line-height: 1.8; } .itemRelated ul li a, .itemAuthorLatest ul li a{ color: #333;} .itemRelated ul li a:hover, .itemAuthorLatest ul li a:hover{ color: #DE035A;} /* Video */ .catItemVideoBlock, .itemVideoBlock { margin:0 0 16px 0; padding:16px; background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom; } .catItemVideoBlock .catItemVideoEmbedded, .itemVideoBlock .itemVideoEmbedded { text-align:center; } /* for embedded videos (not using AllVideos) */ .catItemVideoBlock span.catItemVideo, .itemVideoBlock span.itemVideo { display:block; overflow:hidden; } .itemVideoBlock span.itemVideoCaption { color:#e5e5e5; float:left; display:block; font-size:11px; font-weight:bold; width:60%; } .itemVideoBlock span.itemVideoCredits { color:#e5e5e5; float:right; display:block; font-style:italic; font-size:11px; width:35%; text-align:right; } /* Image Gallery */ .catItemImageGallery, .itemImageGallery { margin:0 0 16px 0; padding:0; } /* Article navigation */ .itemNavigation { margin:10px 0; padding:4px 30px; background: #f7f7f7; border: 1px solid #e5e5e5; border-left: none; border-right: none; font-size: 16px; } .itemNavigation span.itemNavigationTitle { font-weight: bold;} .itemNavigation a.itemPrevious { padding:0 12px; } .itemNavigation a.itemNext { padding:0 12px; } /* Comments */ .itemComments { margin: 30px 0 0; padding: 0; background: #faf6f8; padding: 10px 20px; border-radius: 5px; border: 1px solid #f6c1de; } .itemCommentsForm { padding: 12px 0; } .itemComments ul.itemCommentsList { margin:16px 0; padding:0; list-style:none; } .itemComments ul.itemCommentsList li { border-bottom: 1px solid #e5e5e5; padding: 0; line-height: 1.8; margin: 20px 0 0 80px; position:relative; background: none; } .itemComments ul.itemCommentsList li:first-child { margin-top: 0; } .itemComments ul.itemCommentsList li > div { padding: 12px 22px 12px 32px; position: relative; left: -10px; } .itemComments ul.itemCommentsList li.odd { border-top: none } .itemComments ul.itemCommentsList li.authorResponse { } .itemComments ul.itemCommentsList li img { margin: 0 0 0 -80px !important; float:left; } .itemComments ul.itemCommentsList li span.commentAuthorName, .itemComments ul.itemCommentsList li span.commentDate { color: #454545; font-size: 12px; font-weight: bold } .itemComments ul.itemCommentsList li span.commentAuthorName a:hover { } .itemComments ul.itemCommentsList li span.commentAuthorName { margin: 0 12px 0 0; font-weight:bold; } .itemComments ul.itemCommentsList li span.commentDate { font-size: 11px; font-weight: normal; color: #b3b6b7; } .itemComments ul.itemCommentsList li p { padding:3px 0; margin: 0 0 12px; } .itemComments ul.itemCommentsList li span.commentAuthorEmail { display:none; } .itemComments ul.itemCommentsList li span.commentLink a { float: right; font-size: 11px; font-weight:bold; } .itemCommentsPagination { padding:4px; margin:0 0 24px 0; } .itemCommentsPagination span.pagination { display:block; float:right; clear:both; } .itemComments h3 { padding: 0; margin: 0 0 20px; font-size: 20px; text-transform: uppercase; font-weight: normal!important; line-height: 100%; display: inline-block;} .itemCommentsForm p.itemCommentsFormNotes { font-size:11px; margin: -32px 0 32px; } .itemCommentsForm form { } .itemCommentsForm form label { display:block; font-size: 11px; padding: 0 0 4px; } .itemCommentsForm form label.formName { display:block; margin:12px 0 0 2px; } .itemCommentsForm form label.formEmail { display:block; margin:12px 0 0 2px; } .itemCommentsForm form label.formUrl { display:block; margin:12px 0 0 2px; } .itemCommentsForm form label.formRecaptcha { display:block; margin:12px 0 0 2px; } .itemCommentsForm form textarea.inputbox { display:block; width: 97%; height:160px; margin:0; padding: 8px; } .itemCommentsForm form input.inputbox { display:block; width: 45%; margin:0; } .itemCommentsForm form input#submitCommentButton { margin:12px 0 0 2px; } .itemCommentsForm form span#formLog { margin:0 0 0 20px; padding:0 0 0 20px; font-weight:bold; color:#CF1919; } .itemCommentsForm form .formLogLoading { background:url(../images/system/loading.gif) no-repeat left center; } /* Back to top link */ .itemBackToTop { float: right; margin: -20px 10px 0 0 ; text-align: right; height: 15px; line-height:15px; } .itemBackToTop a { } /* --- Category block --- */ .itemListCategory { margin:0 0 15px; } span.catItemAddLink, span.userItemAddLink { clear:both; display:block; text-align:right; padding:4px; margin:0 0 4px 0; border-bottom:1px solid #e5e5e5; } .latestItemsCategoryImage { text-align:center; } .latestItemsCategoryImage img, .itemListCategory img { float:left; display:block; background:#fff; padding:4px; border:1px solid #e5e5e5; margin:0 8px 0 0; } .latestItemsCategory h2, .itemListCategory h2 { font-size:24px; /* background: url(../images/default/title-png.png) repeat scroll left top ;*/ color: #DE035A; font-size: 24px; /* height: 15px; */ /* line-height: 15px;*/ margin: 9px 0; padding: 0 0 0 15px; } .latestItemsCategory p, .itemListCategory p { margin:12px 10px!important; } /* --- Sub-category block --- */ .itemListSubCategories h3,.itemRelated h3, .itemAuthorLatest h3 { background: url(../images/default/title-png.png) repeat scroll left top ; color: #DE035A; font-size: 12px; font-weight: normal; height: 10px; line-height: 10px; margin-bottom: 15px; padding: 0 0 0 15px; text-transform: uppercase; } .subCategoryContainer { float:left; border: 4px double red; margin-bottom: 50px;} .subCategory { margin: 4px 15px 12px; } .subCategory a.subCategoryImage, .subCategory a.subCategoryImage:hover { text-align:center; display:block; } .subCategory a.subCategoryImage img {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BDBDBD; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); padding: 3px; width: 96%;} .subCategory a.subCategoryImage:hover img { } .subCategory h2 { font-size:14px; margin:16px 0 0; text-transform: uppercase;} .subCategory h2 a { } .subCategory h2 a:hover { color: #font-weight: bold; } .subCategoryMore { float: right;} /* --- Item groups --- */ #itemListLinks { border-top: 1px solid #e5e5e5; margin:8px 0; padding:8px; } .itemContainer {border-bottom: 1px dashed #999999; float: left; margin: 0 0 15px;padding-bottom: 10px;} /* --- Item block for each item group --- */ .latestItemList { margin: 32px 0 0 } .latestItemView { margin-top: 32px!important; } .latestItemView:first-child { margin-top: 0!important; } .catItemView { padding: 0 6px; margin: 0; border: none; } .catItemView { overflow: hidden; } .itemListView .itemList { margin: 0 -6px; } div.catItemContent {} div.catItemAdditionalInfo { font-size: 11px; color: #adadad ; clear: both;} div.catItemAdditionalInfo a { color: #777 } div.catItemAdditionalInfo a:hover { color: #333 } a.catComments { } /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */ /* Additional class appended to the element above for further styling per group item */ .groupLinks { padding:0; margin:0; } /* Anchor link to comments */ .catItemCommentsLink { background: transparent url('../images/comments.png') no-repeat 100% 0; font-size:11px; display:inline; margin:0 8px 0 4px; padding: 0 24px 0 12px; line-height: 3; } /* Read more link */ .catItemReadMore { font-size:100%; display:inline; } .catItemReadMore a:hover.k2ReadMore { } .genericView .k2Pagination ul, .userView .k2Pagination ul { border-top: none!important; } /* Items presented in a list */ h2.latestItemTitleList { font-size:14px; padding:2px 0; margin:8px 0 2px 0; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dotted #e5e5e5; line-height:normal; } /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ .k2AccountPage table tr td label { white-space:nowrap; } img.k2AccountPageImage { border:1px solid #e5e5e5; margin:10px 0; padding:0; display:block; } .k2AccountPage .k2AccountPageNotice { padding:8px; } .k2AccountPage .k2AccountPageUpdate { border-top:1px dotted #e5e5e5; margin:8px 0; padding:8px; text-align:right; } /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /* Latest Comments & Author module*/ .k2LatestCommentsBlock ul { padding: 0 0 12px 0 !important; margin: 0 !important } .k2LatestCommentsBlock .lcItemTitle, .k2LatestCommentsBlock .lcItemCategory { font-size: 9px; } div .k2LatestCommentsBlock ul li { margin: 12px 0 0!important; line-height:1.3!important; list-style: none !important; background:none!important; padding: 16px 0 6px !important } .k2LatestCommentsBlock ul li:first-child { margin-top: 0!important; } .k2LatestCommentsBlock ul li > div { background: transparent; padding: 6px 36px 6px 0; border-top: 1px solid #e5e5e5; } .k2LatestCommentsBlock ul li > div.clr { padding:0!important; border: none!important; } .k2LatestCommentsBlock ul li:first-child > div { border-top: none; } .k2LatestCommentsBlock ul li .k2Avatar, .itemComments ul.itemCommentsList li .commentAuthorAvatar, .k2AuthorsListBlock .k2Avatar { display:block!important; float: left; margin: 0 20px 0 0; padding: 0!important; border: 1px solid #eee; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; } .k2LatestCommentsBlock ul li a.lcAvatar img, .itemComments ul.itemCommentsList li .commentAuthorAvatar img, .k2AuthorsListBlock .abAuthorAvatar img { display:block; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; margin: 0!important; padding: 0!important; } .itemComments ul.itemCommentsList li .commentAuthorAvatar { margin-left: -60px!important; margin-top: 16px!important; } .k2LatestCommentsBlock ul li .lcComment a { color: #1a1a1a; } .k2LatestCommentsBlock ul li a { margin-bottom: 12px; } .k2LatestCommentsBlock ul li a span.lcComment { font: italic 11px/16px Georgia, "Times New Roman", Times, serif } .k2LatestCommentsBlock ul li span.lcUsername { clear: both; display: block; font-size: 10px; padding: 14px 0 0 } .k2LatestCommentsBlock ul li span.lcCommentDate { font-size: 9px; color: #888; padding-bottom: 0; display: block; } .k2AuthorsListBlock ul li { border: none; border-bottom: 1px solid #e5e5e5; padding: 12px 0; } .abAuthorName { font: italic 16px/16px Georgia, "Times New Roman", Times, serif !important; padding: 6px 0 0 } .abAuthorName span { font-size: 10px; } .k2AuthorsListBlock ul li a.abAuthorLatestItem { display:block; clear:both; margin: 12px 0 0; padding: 0 0 0 12px; font-size: 11px; line-height: 14px; background: url('../images/bullet.png') no-repeat 0 5px } .k2AuthorsListBlock ul li a.abAuthorLatestItem span { display: block; font-size: 10px; color: #777 } /* Top Commenters */ .k2TopCommentersBlock ul li span.tcLatestCommentDate { } /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div .k2ItemsBlock ul { margin-right: -20px; } .k2ItemsBlock { margin-bottom: 30px; } div .k2ItemsBlock ul li { margin:0 0 12px; background: none!important; padding:10px 10px 0px 0!important; list-style:none !important; border: none !important; } .k2ItemsBlock ul li.odd { } .k2ItemsBlock ul li a.moduleItemTitle, .k2ItemsBlock ul li a { display:block !important; color: #DE035A !important; font-size: 13px !important; line-height: 16px !important; font-weight: bold !important; } .k2ItemsBlock ul li a:hover { text-decoration:underline !important; } .k2ItemsBlock ul li .moduleItemAuthor { color:#666; font-size:90%; } .k2ItemsBlock ul li a.moduleItemAuthorAvatar img { border:1px dotted #dadada; display:block; float:right; height:auto; margin:0 4px 0 0; padding:2px; width:14px; } .k2ItemsBlock ul li .moduleItemIntrotext { display:block; padding:8px 0; line-height:1.6; } .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage img { float:left; overflow: hidden; margin:4px 0; } .moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel { display:block; float:left; font-weight:bold; margin:0 4px 0 0; width:30%; } .k2ItemsBlock ul li a.moduleItemCategory { font-size:90%; } .k2ItemsBlock ul li .moduleItemTags { font-size:90%; } .k2ItemsBlock ul li .moduleItemTags a { padding:0 2px; } .k2ItemsBlock ul li .moduleAttachments { font-size:90%; } a.moduleItemComments { color: #fff; font-weight: bold; margin:0 0 0 10px; text-align: center; display: block; width: 31px; height: 28px; float: left; line-height: 24px; } a:hover.moduleItemComments { background-position: 0 100%; color: #fff; } .k2ItemsBlock ul li span.moduleItemHits { font-size:90%; border-right:1px solid #dadada; padding:0 4px 0 0; margin:0 8px 0 0; } .k2ItemsBlock .moduleItemImage { display: block; margin-bottom: 10px; overflow: hidden; width: 100%; } .k2ItemsBlock a.moduleCustomLink { font-size:90%; } .k2ItemsBlock .k2FeedIcon { padding: 0; margin-top: -20px; } /*--- Modules: mod_k2_login ---*/ .k2LoginBlock fieldset.input { margin:0; padding:0 0 8px 0; } .k2LoginBlock fieldset.input p { margin:0; padding:0 0 4px 0; } .k2LoginBlock fieldset.input p label { display:block; } .k2LoginBlock fieldset.input p input { display:block; } .k2LoginBlock fieldset.input p#form-login-remember label, .k2LoginBlock fieldset.input p#form-login-remember input { display:inline; } .k2UserBlock p.ubGreeting { border-bottom:1px dotted #e5e5e5; } .k2UserBlock .k2UserBlockDetails span.ubName { display:block; font-weight:bold; font-size:14px; } /* --- Modules: mod_k2_tools ---*/ /* --- Breadcrumbs --- */ .k2BreadcrumbsBlock span.bcTitle { padding:0 4px 0 0; color:#999; } .k2BreadcrumbsBlock span.bcSeparator { padding:0 4px; font-size:14px; } /* --- Calendar --- */ .k2CalendarBlock { margin-bottom:8px; } /* use this height value so that the calendar height won't change on Month change via ajax */ .k2CalendarLoader { background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%; } table.calendar { margin:0 auto; background:#fff; border-collapse:collapse; } table.calendar tr td { text-align:center; vertical-align:middle; padding: 3px; border:1px solid #e5e5e5; background:#fff; } table.calendar tr td.calendarNavMonthPrev, table.calendar tr td.calendarNavMonthNext { background: #fff; text-align: center; font-size: 15px !important; } table.calendar tr td.calendarNavMonthPrev a, table.calendar tr td.calendarNavMonthNext a { text-decoration:none; } table.calendar tr td.calendarNavMonthPrev a:hover, table.calendar tr td.calendarNavMonthNext a:hover { text-decoration:none; } table.calendar tr td.calendarCurrentMonth { background:#fff; font-size: 11px; text-transform: uppercase; color: #333 } table.calendar tr td.calendarDayName { background: #7397C3; font-size:11px; width:14.2%; color: #fff; } table.calendar tr td.calendarDateEmpty { background:#fbfbfb; } table.calendar tr td.calendarDate { font-size: 11px; } table.calendar tr td.calendarDateLinked { padding:0; } table.calendar tr td.calendarDateLinked a { display:block; padding:2px; text-decoration:none; background:#fff; } table.calendar tr td.calendarDateLinked a:hover { display:block; background:#333; color:#fff; padding:2px; text-decoration:none; } table.calendar tr td.calendarToday { background:#135cae; color:#fff; } table.calendar tr td.calendarTodayLinked { background:#eee; color:#333; padding:0; } table.calendar tr td.calendarTodayLinked a { display:block; padding:2px; color:#333; text-decoration:none; } table.calendar tr td.calendarTodayLinked a:hover { display:block; background:#7397C3; color: #fff; padding:2px; text-decoration:none; } /* --- Category Tree Select Box --- */ .k2CategorySelectBlock form select { width:auto; } /* --- Category List/Menu --- */ .k2CategoriesListBlock ul.level0 li {} .k2CategoriesListBlock ul.level0 li:first-child { border-top: none; } .k2CategoriesListBlock ul.level0 li li { margin-left: -15px; padding-left: 25px; background-position: 10px 17px; } .k2CategoriesListBlock ul.level0 li.active a, .k2CategoriesListBlock ul.level0 li#current.parent.active a { } .k2CategoriesListBlock ul.level0 li a:hover, .k2CategoriesListBlock ul.level0 li#current li a:hover { text-decoration: underline; } .k2CategoriesListBlock ul.level0 > li ul { } /* --- Tag Cloud --- */ .k2TagCloudBlock { padding:8px 0; font-size: 15px; } .k2TagCloudBlock a { float:left; display:block; margin: 0; padding: 4px 8px; line-height: 1.0; color: #555; } .k2TagCloudBlock a:hover { } .k2TagCloudBlock a.small-tag { font-weight: normal; } .k2TagCloudBlock a.medium-tag { font-weight:bold; } .k2TagCloudBlock a.big-tag { font-weight: bold; } /* --- Google Search --- */ #k2Container .gsc-branding-text { text-align:right; } #k2Container .gsc-control { width:100%; } #k2Container .gs-visibleUrl { display:none; } /* --- Modules: mod_k2_users ---*/ a.ubUserFeedIcon, a.ubUserFeedIcon:hover { display:inline-block; margin:0 2px 0 0; padding:0; width:16px; height:16px; background:url(../images/fugue/feed.png) no-repeat 50% 50%; } a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span { display:none; } a.ubUserURL, a.ubUserURL:hover { display:inline-block; margin:0 2px 0 0; padding:0; width:16px; height:16px; background:url(../images/fugue/globe.png) no-repeat 50% 50%; } a.ubUserURL span, a.ubUserURL:hover span { display:none; } span.ubUserEmail { display:inline-block; margin:0 2px 0 0; padding:0; width:16px; height:16px; background:url(../images/fugue/mail.png) no-repeat 50% 50%; overflow:hidden; } span.ubUserEmail a { display:inline-block; margin:0; padding:0; width:16px; height:16px; text-indent:-9999px; } .k2UsersBlock ul li h3 { clear:both; margin:8px 0 0 0; padding:0; } .item-date { color:#666666; font-style: italic; font-size: 11px; padding:10px 0; margin-bottom: 5px; } .k2ReadMore { background: none repeat scroll 0 0 #DE035A; float: left; font-size: 12px !important; font-weight: bold; margin-right: 15px; padding: 5px; margin-top:15px; color: #eee; border-radius: 4px; } .k2Pagination a, .k2Pagination span { background: none repeat scroll 0 0 transparent; display: block; float: left; margin: 0 3px; overflow: hidden; padding: 0; } .k2Pagination a.page-numbers:hover, .k2Pagination span.current { background: #fa74b7; color: #fff; } .k2Pagination a.page-numbers { background: #fb017e; color: #fff; } .k2Pagination span.current, .k2Pagination a.page-numbers, ul.page-numbers li a { padding: 0 8px; line-height: 23px; display: inline-block; border-radius: 3px; } .moduletable_k2-categ a { display: block; outline: medium none; padding: 6px 0; } .userView .catItemImageBlock{ float: left; margin-right: 15px; } .itemAuthorBlock, .userBlock, .itemContainer{ display: inline-block; } .ja-content-main div.heading h2 { background: url("../images/default/title-png.png") repeat scroll left top transparent; color: #DE035A; font-size: 16px; height: 13px; line-height: 13px; margin: 9px 0; padding: 0 0 0 15px; width: 97%; } ul#twocolumns {list-style-type:circle; padding:0;} ul#twocolumns li {float: left; width: 30%; height: 48px; text-align: left;} .catItemHeader2 .catItemTitle2 { font-size: 13px; font-weight: bold; line-height:70%; margin:10px 0 0 10px; padding:0 0 0px; } h3.catItemTitle2{font-size: 100%;} .item-date { color:#666666; font-style: italic; font-size: 11px; padding:1px 0; margin-bottom: 1px; } div.stat { font-family: Arial; font-size: 14px; color: #151515; text-align: justify; margin: 10px; padding:5px; border: 4px double #e3e0ff; } .table-wrap1{ overflow-x: auto; } table.table2020 { border-collapse: collapse; border-spacing: 0; width: 100%; } table.table2020 tr { background-color: #f8f8f8; } table.table2020 th, table.table2020 td { text-align: left; padding: 8px; border: 1px solid #ddd; } table.table2020 th{ font-weight: bold; } li.kamatoc__top { font-weight: bold;} li.kamatoc__sub.kamatoc__sub_1 {margin-left:25px;}