/** * @version $Id: k2.css 1913 2013-02-08 22:35:11Z joomlaworks $ * @package K2 * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2013 JoomlaWorks Ltd. All rights reserved. * @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html */ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Global K2 container --- */ #k2Container {padding:0 0 26px 0;} body.contentpane #k2Container {padding:16px;} /* used in popups */ h5.sectionTitle { color:#303030; border-bottom: 1px solid #eeeeee; display: block; width: 100%; padding: 13px 0; margin-bottom: 26px; font-family: inherit; } /* --- General padding --- */ .k2Padding { padding: 4px; } /* --- Clearing --- */ .clr { clear: both; height: 0; line-height: 0; display: block; float: none; padding: 0; margin: 0; border: none; } /* --- Zebra rows --- */ .odd, .even { border-bottom: 1px solid #f2f2f2; padding: 13px; } /* --- RSS feed icon --- */ .k2feed a span { font-size: 24px; width: auto; height: auto; } /* --- Rating --- */ .itemRatingForm {display:block;vertical-align:middle;line-height:25px; float:left;} .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;} .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:transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;} .itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;} .itemRatingList li {display:inline;background:none;padding:0;} .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; -webkit-transition: none; -moz-transition: none; transition: none;} .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 {z-index:1;background-position:0 center;margin:0;padding:0;} span.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: #ccc !important;} #recaptcha_response_field {border-color: #ccc !important;background-color:#fff !important;} .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;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;} /* --- Read more --- */ a.k2ReadMore {} a.k2ReadMore:hover {} /* --- Pagination --- */ .k2Pagination { margin: 0 0 26px 0; text-align: center; color: #808080; font-size: 11px; } .k2Pagination .pagination-list { border-top: 0; padding-top: 0; padding-bottom: 13px; margin: 0 0 9px 0; border-bottom: 1px solid #eeeeee; } /* --- Pagination (additional styling for Joomla! 1.6+) --- */ .k2Pagination ul {text-align:center; border-bottom: 1px solid #e2e2e2;} .k2Pagination ul li {display:inline; font-size: 13px;} .k2Pagination ul li a { padding: 10px 15px; display: inline-block; border-left: 1px solid #f0f0f0;} .k2Pagination ul li.disabled a { border-left: 0; color: #888; } .k2Pagination ul li.active a { background: #f5f5f5; color: #888; } .k2Pagination ul li a:hover { background: #fafafa; } .k2Pagination ul li.active a:hover { background: #f5f5f5; } .k2Pagination ul li.disabled a:hover { background: none; } /* --- Extra fields: CSV data styling --- */ table.csvData {} table.csvData tr th {} table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ .itemIsFeatured, .catItemIsFeatured, .userItemIsFeatured {} /*---------------------------------------------------------------------- Component: Item view (item) ----------------------------------------------------------------------*/ a.itemPrintThisPage { display: block; width: 160px; margin: 13px auto; padding: 4px; background: #333333; text-align: center; color: #eaeaea; font-size: 13px; } a.itemPrintThisPage:hover { background: #eeeeee; color: #444444; text-decoration: none; } .itemView { position: relative; } .itemView .avPlayerWrapper { margin: 0; } .itemView .tags { border-bottom: 1px solid #eeeeee; padding-bottom: 26px; } .itemView .dropdown-menu li a > span[class*="icon-"] { margin-right: 5px;} .itemEditLink { float:right; display:block; padding:0; margin:0; width:130px; text-align:right; } .itemEditLink a { padding: 11px 20px; border: 1px solid #eee; font-size: 11px; } .itemEditLink a:hover { background: #333; color: #fff; } .itemFullText.largerFontSize { font-size: 20px; line-height: 30px; color: #444444; } /* Font Sizer */ ul li.font-sizer span { margin-right: 5px; display: inline-block; float: left; } ul li.font-sizer a { position: relative; overflow: hidden; display: inline-block; margin: 1px 0 0 1px; overflow: hidden; float: right; width: 22px; height: 22px; } ul li.font-sizer a:before, ul li.font-sizer a:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; background-color: #444444; } ul li.font-sizer a:before { width: 7px; height: 1px; margin-left: -3px; } ul li.font-sizer a:after { width: 1px; height: 7px; margin-top: -3px;} ul li.font-sizer a#fontDecrease:after { display: none; } ul li.font-sizer a:hover { background-color: #262626; } ul li.font-sizer a:hover:before, ul li.font-sizer a:hover:after { background-color: #ffffff; } /* Image */ .ImageBlock.item-image { float: none; display: block; margin-bottom: 26px; } .itemImageCaption { padding-top: 9px; float: left; display: block; font-size: 11px; } .itemImageCredits { padding-top: 9px; float: right; display: block; font-size: 11px; } /* Video */ .itemVideoBlock { margin-bottom: 26px; max-width: 100%; } .itemVideoBlock .itemVideoEmbedded { text-align: center; } /* for embedded videos (not using AllVideos) */ .itemVideoBlock span.itemVideo { display:block; overflow: hidden; } .itemVideoBlock span.itemVideoCaption { float:left;display:block;font-size:11px; padding-top: 9px; } .itemVideoBlock span.itemVideoCredits { float:right;display:block;font-size:11px; text-align:right; padding-top: 9px; } /* Intro Text*/ .itemIntroText { display :block; font-size: 20px; color: #1d1d1d; line-height: 30px; } /* Content Footer */ .itemContentFooter { display: block; text-align: right; padding: 13px 0; margin: 13px 0 0 0; font-size: 11px; color: #808080; font-style: italic; border-top: 1px solid #f0f0f0; } .itemContentFooter span.itemHits { float: left; text-align: left; } /* Rating Block */ .itemRatingBlock { margin-bottom: 26px; padding-top: 9px;} .itemRatingBlock span { float: left; font-size: 11px; padding-right: 10px;} /* Extra fields */ .itemExtraFields { margin-bottom: 52px; } .itemExtraFields .even { background-color: #f8f8f8; } .itemExtraFields .odd:hover, .itemExtraFields .even:hover { background-color: #f4f4f4; } .itemExtraFields ul { margin: 0; padding: 0; list-style: none; } .itemExtraFields ul li { display: block; } .itemExtraFields ul li span.itemExtraFieldsLabel { display: block; float: left; margin: 0 4px 0 0; width: 35%; color: #202020; } /* Attachments */ .itemAttachmentsBlock { margin-bottom: 52px; } .itemAttachmentsBlock span.icon-download { margin:5px 3px 0 0; } .itemAttachmentsBlock ul.itemAttachments { list-style: none; padding:0; margin:0; display: block; } .itemAttachmentsBlock ul.itemAttachments li { display: block; list-style: none; line-height: 52px; border-bottom: 1px solid #f2f2f2; padding: 0 13px; } .itemAttachmentsBlock ul.itemAttachments li span { color: #999; font-size: 11px; text-align: right; float: right; } /* Social Sharing */ ul.itemSocialSharing { display: block; list-style-type: none; padding: 0; margin: 0; float: left; } ul.itemSocialSharing li { padding: 0; margin: 0; float: none; margin: 0 4px 0 0; text-align: center; display: block; float: left; } ul.itemSocialSharing li a { background-image: url(../images/system/k2-social-icons.png); background-repeat: no-repeat; float: left; display: block; width: 40px; height: 40px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } ul.itemSocialSharing li.btn-facebook a { background-position: 0 0; background-color: #3c599b; } ul.itemSocialSharing li.btn-tweet a { background-position: -40px 0; background-color: #55acee; } ul.itemSocialSharing li.btn-google a { background-position:-80px 0; background-color: #ce2e1a; } ul.itemSocialSharing li a:hover { background-color: #0d0d0d; } /* Author block */ .itemAuthorBlock { margin: 26px 0; padding: 40px 30px; background: url(../images/system/k2-author-bg.jpg) repeat top center; } .itemAuthorBlock a.authorImage { display: block; padding: 5px; float: left; margin: 0 40px 0 0; border: 1px solid #f5f5f5; background: transparent; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .itemAuthorBlock a.authorImage:hover { background: #ffffff; border: 1px solid #ffffff; } .itemAuthorBlock img.itemAuthorAvatar { display:block; } .itemAuthorBlock .itemAuthorDetails p { padding: 0; margin: 13px 0; } .itemAuthorBlock .itemAuthorDetails span.itemAuthorUrl { color:#000; margin-right: 7px; } .itemAuthorBlock .itemAuthorDetails span.itemAuthorEmail { color:#000; } /* Author latest */ .itemAuthorLatest ul { list-style-type: none; margin-left: 0; } /* Related by tag */ .itemRelated { margin-bottom: 52px; } .itemRelated .odd, .itemRelated .even { border: 0;} .itemRelated ul { list-style-type: none; margin: 0; display: block; width: 100%; } .itemRelated ul li { padding: 0; text-align: center; float: left; display: block; width: 33.3%; } .itemRelated ul li:last-child { } .itemRelated ul li .itemRelTitle { padding: 0 10px;} .itemRelated ul li a img{ margin-bottom: 13px; opacity: 1; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } .itemRelated ul li a:hover img { opacity: .6; } .itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden; padding:0;margin:0;background:#fff;} .itemRelated ul li.clr { clear: both; height: 0; line-height: 0; display: block; float: none; padding: 0; margin: 0; border: none; } .itemRelated .itemRelIntrotext, .itemRelated .itemRelFulltext {font-size: 11px;} /* Image Gallery */ .itemImageGallery {margin-bottom: 26px; padding: 0; } /* Comments */ .itemComments .itemCommentsCounter { margin-bottom: 26px; padding-bottom: 26px; border-bottom: 3px solid #111; } .itemComments ul.itemCommentsList {margin:0 0 26px 0;padding:0;list-style:none; } .itemComments ul.itemCommentsList li { padding: 26px 0; margin:0 0 26px;} .itemComments ul.itemCommentsList li.authorResponse { } .itemComments ul.itemCommentsList li.unpublishedComment { background:#ffeaea; } .itemComments ul.itemCommentsList li img {float:left;margin:6px 25px 13px 0; } .itemComments ul.itemCommentsList li span {padding:0 13px 0 0;margin:0 20px 0 0; font-size: 11px; } .itemComments ul.itemCommentsList li p {padding:13px 0;} .itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} .itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;} .itemComments ul.itemCommentsList li span.commentLink a {font-size:11px; color: #aeaeae; } .itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#000;} .itemComments ul.itemCommentsList .odd, .itemComments ul.itemCommentsList .even {padding-bottom: 0;} .itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;} .itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;} .itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;} .itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} .itemCommentsPagination {padding:4px;margin:0 0 26px 0;} .itemCommentsPagination span.pagination {display:block;float:right;clear:both;} .itemCommentsForm h3 {margin:0 0 26px 0;padding:0 0 26px 0; border-bottom: 3px solid #111; } .itemCommentsForm form label.formComment {display:block;margin:11px 0 0 2px;} .itemCommentsForm form label.formName {display:block;margin:11px 0 0 2px;} .itemCommentsForm form label.formEmail {display:block;margin:11px 0 0 2px;} .itemCommentsForm form label.formUrl {display:block;margin:11px 0 0 2px;} .itemCommentsForm form label.formRecaptcha {display:block;margin:11px 0 0 2px;} .itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0; color: #cecece; } .itemCommentsForm form input.inputbox {display:block;width:350px;margin:0; padding: 10px; color: #cecece; } .itemCommentsForm form textarea.inputbox:focus, .itemCommentsForm form input.inputbox:focus { color: #1d1d1d; } .itemCommentsForm form input#submitCommentButton { margin-top: 26px; padding: 0 30px; height: 42px; line-height: 42px;} .itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px; color:#CF1919;} .itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* "Report comment" form */ .k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} .k2ReportCommentFormContainer blockquote {width:462px; border:1px solid #ddd;padding:8px;margin:0 0 8px 0;} .k2ReportCommentFormContainer blockquote span.quoteIconLeft {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left;} .k2ReportCommentFormContainer blockquote span.quoteIconRight {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right;} .k2ReportCommentFormContainer blockquote span.theComment {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:11px;font-weight:normal;color:#000;padding:0 4px;} .k2ReportCommentFormContainer form label {display:block;font-weight:bold;} .k2ReportCommentFormContainer form input, .k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:11px;padding:2px;margin:0 0 8px 0;width:474px;} .k2ReportCommentFormContainer form #recaptcha {margin-bottom:26px;} .k2ReportCommentFormContainer form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;} .k2ReportCommentFormContainer form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ /* --- Category block --- */ .itemListCategory { padding: 10px;} .itemListCategory h2 a{ font-size: 26px;} /* --- Sub-category block --- */ .subCategory { padding: 42px 0 0;} .subCategoryContainer {float:left;} .subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */ .subCategoryContainer .subCategory { margin-right: 17px; } .subCategoryContainer.subCategoryContainerLast .subCategory { } .subCategoryContainer .subCategory .item-image { padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #eaeaea; } .subcategoryTitleImg { display: block; padding: 18px 20px; width: 100%; max-width: 161px; z-index: 50; margin: 0; height:auto; position: absolute; bottom: 30px; left: 0; background: #000000; border: 0; } .subcategoryTitleImg h3 { color: #ffffff; font-size: 14px; font-weight: 500; line-height: 14px; display: block; margin: 0; } .subcategoryTitleImg h3 span { display: block; font-weight: 300; } .subCategory a.moreItems{ display: block;} /* --- Item groups --- */ .itemList {} .catItemView { max-width: 100%; } #itemListLeading {} #itemListPrimary {} #itemListSecondary {} #itemListLinks { margin: 13px 0; } .itemContainer {float:left; max-width: 100%; } /* --- Item block for each item group --- */ .catItemView {margin-bottom: 60px; position: relative; } /* 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 */ .groupLeading, .groupPrimary, .groupSecondary {} .groupLinks {padding:0;margin:0;} /* Columns */ .itemContainer.width100 { width: 100%; } .itemContainer.width50 { width: 50%; } .itemContainer.width33 { width: 33.3%; } .itemContainer.width25 { width: 25%; } .itemContainer.width20 { width: 20%; } /* Title size in columns */ .itemContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .itemContainer.width50, .itemContainer.width33, .itemContainer.width25, .itemContainer.width20 { padding-right: 2%;} .itemContainer.itemContainerLast { padding-right: 0; } .itemContainer.width50 h2 { font-size: 26px; line-height: 36px; } .width50 .item-title h2, .width33 .item-title h2, .width25 .item-title h2, .width20 .item-title h2 { font-size: 24px; line-height: 30px; } /* Date size in columns */ .width50 .st-article header .item-title.splitted { width: 79%; padding-left: 20px; } .width50 .st-article header .time-box { width: 20%; } .width33 .st-article header .item-title.splitted, .width25 .st-article header .item-title.splitted, .width20 .st-article header .item-title.splitted { width: 100%; padding-left: 0; } .width33 .st-article header .time-box, .width25 .st-article header .time-box, .width20 .st-article header .time-box { width: auto; display: block; } .width33 .st-article header .time-wrapper, .width25 .st-article header .time-wrapper, .width20 .st-article header .time-wrapper { margin-bottom: 26px; } /* Tags */ .cat.tags { margin-top: 0; } /* Rating */ .catItemRatingBlock { margin-bottom: 26px; } .catItemRatingBlock span { display: none; } /* Attachments */ .catItemAttachmentsBlock {padding:13px 0; } .catItemAttachmentsBlock span {font-size: 11px; padding:0 4px 0 0;} .catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;} .catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} .catItemAttachmentsBlock ul.catItemAttachments li span { font-size:10px;color:#999;font-weight:normal;} /* Video */ .catItemVideoBlock { margin-bottom: 26px; } .catItemVideoBlock span.catItemVideo { display:block; } .catItemVideoBlock .avPlayerWrapper { margin: 0; } /* Image Gallery */ .catItemImageGallery {margin: 26px 0; } /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User Block */ .userBlock { margin: 26px 0 78px 0; padding: 40px 30px; background: url(../images/system/k2-author-bg.jpg) repeat top center; } .userBlock img { display: block; padding: 5px; float: left; margin: 0 40px 0 0; border: 1px solid #f5f5f5; } .userBlock .userDescription p { padding: 0; margin: 13px 0; } .userBlock span.userURL { color: #000000; padding: 0 20px 0 0; margin: 0 4px 0 0; } .userBlock span.userEmail { color:#000000; } /* User items */ .userItemView { margin-bottom: 52px; padding-bottom: 52px; border-bottom: 1px solid #e5e5e5; } /* this is the item container for this view */ .userItemViewUnpublished { opacity:0.9; border: 4px dashed #ccc; background: #fffff2; padding: 13px; margin: 26px 0; } /* Header */ .userItemView header { padding: 0; border: 0; margin: 0 0 13px 0; } /* Tags */ .userItemView .tags { margin-top: 0; } /* Image Block */ .userItemImageBlock .ImageBlock { margin-bottom: 26px; } /* Read more link */ .userItemReadMore { display: inline; } /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ .tagItemList .st-article { margin-bottom: 52px; padding-bottom: 52px; border-bottom: 1px solid #e5e5e5; } /* this is the item container for this view */ /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ .genericItemList .st-article { margin-bottom: 52px; padding-bottom: 52px; border-bottom: 1px solid #e5e5e5; } /* this is the item container for this view */ /* No results found message */ #genericItemListNothingFound {padding:40px;text-align:center;} #genericItemListNothingFound p {font-size:20px;color:#999;} /* --- Google Search (use Firebug or similar tools to inspect the generated HTML, then style accordingly --- */ #k2GoogleSearchContainer .gsc-control {width:auto !important;} #k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area, #k2GoogleSearchContainer .gsc-control .gsc-resultsHeader, #k2GoogleSearchContainer .gsc-control .gsc-url-bottom {display:none !important;} /* Hide unneeded elements of the results page */ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ .latestItemsContainer { float: left;} .latestItemsContainer .latestWrapper { position: relative; margin: 0 15px;} /* Category info block */ .latestItemsCategory { background:#f7f7f7; margin-bottom: 52px; padding:26px;clear:both;} .latestItemsCategoryImage {text-align:center;} .latestItemsCategoryImage img { margin:0 20px 0 0;} .latestItemsCategory h2 {} .latestItemsCategory p {} /* User info block */ .latestItemsUser {background:#f7f7f7; margin: 0; margin-bottom: 52px; padding: 26px; clear:both;} .latestItemsUser img {float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; background:#fff; -webkit-border-radius: 100px; border-radius: 100px; } .latestItemsUser h3 { text-align: center; } .latestItemsUser p { text-align: center; } span.latestItemsUserURL {color:#222;display:block;} span.latestItemsUserEmail {color:#222;display:block;} /* Latest items list */ .latestItemList {} .latestItemView { margin-bottom: 52px;} /* this is the item container for this view */ .latestItemHeader { margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid #eaeaea; } .latestItemHeader span.latestItemDateCreated { color:#858585; font-size:11px; } .latestItemHeader h3 { margin: 0; padding: 13px 0; } .latestToolbar { width:100%; display: block; overflow: hidden; } .latestToolbar ul { display: block; overflow: hidden; padding: 15px 0; margin: 0; list-style-type: none; } .latestToolbar ul li { float: left; font-size: 11px; } .latestToolbar ul li:first-child { padding-right: 15px; } .latestItemImageBlock {padding:0;margin:0 20px 0 0;float:left; max-width: 100%;} .latestItemCategory {margin:0; padding:0 0 13px 0;} .latestItemTagsBlock {padding:13px 0; border-top: 1px solid #eaeaea; } .latestItemTagsBlock span { color:#808080;padding:0 4px 0 0; font-size: 11px; float: left;} .latestItemTagsBlock ul { margin: 0; padding: 0; list-style-type: none; } .latestItemTagsBlock ul li { float: left; display: block; padding: 0 10px; font-size: 11px; } /* Video */ .latestItemVideoBlock {margin:26px 0;} .latestItemVideoBlock span.latestItemVideo {display:block;} /* Anchor link to comments */ .latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #eaeaea;} .latestItemCommentsLink a {} .latestItemCommentsLink a:hover {} /* Read more link */ .latestItemReadMore {display:inline;} .latestItemReadMore a {} .latestItemReadMore a:hover {} /* Items presented in a list */ h2.latestItemTitleList {font-size:14px;padding:2px 0;margin:8px 0 2px 0;border-bottom:1px solid #eaeaea;line-height:normal;} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ .k2AccountPage {} .k2AccountPage table {} .k2AccountPage table tr th {} .k2AccountPage table tr td {} .k2AccountPage table tr td label {white-space:nowrap;} img.k2AccountPageImage {margin:10px 0;padding:0;display:block;} .k2AccountPage .k2AccountPageNotice {padding:8px;} .k2AccountPage .k2AccountPageUpdate {border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right;} .k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px; } .k2AccountPage td#userAdminParams {padding:0;margin:0;} .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key { font-size:11px;width:140px;} /* Profile edit */ .k2AccountPage table.admintable { width: 100%;} .k2AccountPage table.admintable tr td {} .k2AccountPage table.admintable tr td span {} .k2AccountPage table.admintable tr td span label {} /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /* Latest Comments */ .k2LatestCommentsBlock {} .k2LatestCommentsBlock ul {} .k2LatestCommentsBlock ul li { padding: 20px 0; } .k2LatestCommentsBlock ul li.lastItem {} .k2LatestCommentsBlock ul li a.lcAvatar img { margin: 0 10px 5px 0; border: 0; background: none; } .k2LatestCommentsBlock ul li a {} .k2LatestCommentsBlock ul li a:hover {} .k2LatestCommentsBlock ul li span.lcComment { font-style: italic; } .k2LatestCommentsBlock ul li span.lcItemTitle {} .k2LatestCommentsBlock ul li span.lcItemCategory {} .k2LatestCommentsBlock ul li span.lcUsername, .k2LatestCommentsBlock ul li span.lcCommentDate{ font-size: 11px; display: block; } /* Top Commenters */ .k2TopCommentersBlock {} .k2TopCommentersBlock ul {} .k2TopCommentersBlock ul li {} .k2TopCommentersBlock ul li.lastItem {} .k2TopCommentersBlock ul li a.tcAvatar img {} .k2TopCommentersBlock ul li a.tcLink {} .k2TopCommentersBlock ul li a.tcLink:hover {} .k2TopCommentersBlock ul li span.tcUsername {} .k2TopCommentersBlock ul li span.tcCommentsCounter {} .k2TopCommentersBlock ul li a.tcLatestComment {} .k2TopCommentersBlock ul li a.tcLatestComment:hover {} .k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;} /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ .k2ItemsBlock {} .k2ItemsBlock p.modulePretext {} .k2ItemsBlock ul {} .k2ItemsBlock ul li { padding-top: 0; margin-top: 0; font-size: 13px;} .k2ItemsBlock ul li a {} .k2ItemsBlock ul li a:hover {} .k2ItemsBlock ul li.lastItem { border-bottom: 1px solid #f0f0f0} .k2ItemsBlock ul li a.moduleItemTitle { text-transform: none;} .k2ItemsBlock ul li a.moduleItemTitle:hover {} .k2ItemsBlock ul li .moduleItemAuthor, .k2ItemsBlock ul li .moduleItemAuthor a { font-size: 11px;} .k2ItemsBlock ul li .moduleItemAuthor a:hover {} .k2ItemsBlock ul li a.moduleItemAuthorAvatar img { background: none; border: 0; margin: 0 10px 10px 0;} .k2ItemsBlock ul li .moduleItemIntrotext {display:block;padding:4px 0; } .k2ItemsBlock ul li .moduleItemIntrotext p { margin-top: 0; font-size: 14px; line-height: 21px; } .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage img {float:left;margin:0 10px 6px 0;padding:0; opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage img:hover { opacity: 0.7; } .k2ItemsBlock ul li .moduleItemExtraFields {} .moduleItemExtraFields ul {} .moduleItemExtraFields ul li {} .moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} .moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} .k2ItemsBlock ul li .moduleItemVideo {} .k2ItemsBlock ul li .moduleItemVideo span.moduleItemVideoCaption {} .k2ItemsBlock ul li .moduleItemVideo span.moduleItemVideoCredits {} .k2ItemsBlock ul li span.moduleItemDateCreated {} .k2ItemsBlock ul li a.moduleItemCategory {margin: 0 8px 0 0; } .k2ItemsBlock ul li .moduleItemTags {} .k2ItemsBlock ul li .moduleItemTags b {} .k2ItemsBlock ul li .moduleItemTags a {padding:0 2px; font-size: 11px; } .k2ItemsBlock ul li .moduleItemTags a:hover {} .k2ItemsBlock ul li .moduleAttachments {} .k2ItemsBlock ul li a.moduleItemComments {padding:0 4px 0 0;margin:0 8px 0 0; } .k2ItemsBlock ul li a.moduleItemComments:hover {} .k2ItemsBlock ul li span.moduleItemHits {padding:0 4px 0 0;margin:0 8px 0 0;} .k2ItemsBlock ul li a.moduleItemReadMore {} .k2ItemsBlock ul li a.moduleItemReadMore:hover {} .k2ItemsBlock a.moduleCustomLink {} .k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ .k2LoginBlock {} .k2LoginBlock p.preText {} .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;} .k2LoginBlock fieldset.input input.button {} .k2LoginBlock ul {} .k2LoginBlock ul li {} .k2LoginBlock p.postText {} .k2UserBlock {} .k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;} .k2UserBlock .k2UserBlockDetails a.ubAvatar img {} .k2UserBlock .k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;} .k2UserBlock .k2UserBlockDetails span.ubCommentsCount {} .k2UserBlock ul.k2UserBlockActions {} .k2UserBlock ul.k2UserBlockActions li {} .k2UserBlock ul.k2UserBlockActions li a {} .k2UserBlock ul.k2UserBlockActions li a:hover {} .k2UserBlock ul.k2UserBlockRenderedMenu {} .k2UserBlock ul.k2UserBlockRenderedMenu li {} .k2UserBlock ul.k2UserBlockRenderedMenu li a {} .k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {} .k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */ .k2UserBlock ul.k2UserBlockRenderedMenu li ul li {} .k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {} .k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */ .k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {} .k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {} .k2UserBlock form {} .k2UserBlock form input.ubLogout {} /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /* --- Archives --- */ .k2ArchivesBlock {} .k2ArchivesBlock ul { margin: 0; padding: 0;} .k2ArchivesBlock ul li {} .k2ArchivesBlock ul li a { line-height: 30px; display: block; width: 100%;} .k2ArchivesBlock ul li a span { font-size: 11px; padding-left: 3px; } .k2ArchivesBlock ul li a:hover { padding-left: 5px; background-color: #fafafa; } /* --- Authors --- */ .k2AuthorsListBlock {} .k2AuthorsListBlock ul {} .k2AuthorsListBlock ul li { margin-bottom: 26px; } .k2AuthorsListBlock ul li a.abAuthorAvatar img { background: none; border: 0; margin: 0 10px 10px 0; } .k2AuthorsListBlock ul li a.abAuthorName { font-size: 18px;} .k2AuthorsListBlock ul li a.abAuthorName:hover {} .k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both; font-size: 11px;} .k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {} .k2AuthorsListBlock ul li span.abAuthorCommentsCount {} /* --- Breadcrumbs --- */ .k2BreadcrumbsBlock {} .k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} .k2BreadcrumbsBlock a {} .k2BreadcrumbsBlock a:hover {} .k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;} /* --- Calendar --- */ .k2CalendarBlock {height:280px;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; width: 100%;} table.calendar tr td {text-align:center;vertical-align:middle;padding:6px 2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {text-align:left;} table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarCurrentMonth {} table.calendar tr td.calendarNavMonthNext {text-align:right;} table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarDayName {font-size:11px;width:14.2%; background: #f5f5f5; } table.calendar tr td.calendarDateEmpty {background:#fbfbfb;} table.calendar tr td.calendarDate {} table.calendar tr td.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:6px 2px;text-decoration:none;background:#eee;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#333;color:#fff;padding:6px 2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#333;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#333;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding:6px 2px;color:#fff;text-decoration:none;} table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;} /* --- Category Tree Select Box --- */ .k2CategorySelectBlock {} .k2CategorySelectBlock form select {width:auto;} .k2CategorySelectBlock form select option {} /* --- Category List/Menu --- */ .k2CategoriesListBlock {} .k2CategoriesListBlock ul {} .k2CategoriesListBlock ul li {} .k2CategoriesListBlock ul > li { line-height: 30px; font-size: 1em; width: 100%; } .k2CategoriesListBlock ul > li { padding-left: 5px; } .k2CategoriesListBlock ul li a { width: 100%; display: block;} .k2CategoriesListBlock ul > li:hover { } .k2CategoriesListBlock ul li a:hover {} .k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;} .k2CategoriesListBlock ul li a span.catCounter {} .k2CategoriesListBlock ul li a:hover span.catTitle {} .k2CategoriesListBlock ul li a:hover span.catCounter {} .k2CategoriesListBlock ul li.activeCategory {} .k2CategoriesListBlock ul li.activeCategory a {color: #222;} /* Root level (0) */ ul.level0 {} ul.level0 > li > a { width: 100%; line-height: 30px; } ul.level0 > li > a:hover { background-color: #fafafa; color: #222; padding-left: 5px; } ul.level0 li a{ } ul.level0 li a:hover {} ul.level0 li a span {} ul.level0 li a:hover span {} /* First level (1) */ ul.level1 {} ul.level1 li {} ul.level1 li a { font-size: 11px;} ul.level1 li a:hover {} ul.level1 li a span {} ul.level1 li a:hover span {} /* n level (n) - like the above... */ /* --- Search Box --- */ .k2SearchBlock {position:relative;} .k2SearchBlock form {} .k2SearchBlock form input.inputbox { width: auto; } .k2SearchBlock form input.button { float:right;} .k2SearchBlock form input.k2SearchLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} .k2SearchBlock .k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99; overflow: visible; border:1px solid #ccc;margin-top:-1px;} /* Live search results (fetched via ajax) */ .k2SearchBlock .k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0; overflow: visible;} .k2SearchBlock .k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0; overflow: visible;} .k2SearchBlock .k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #eee;} .k2SearchBlock .k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;} /* --- Tag Cloud --- */ .k2TagCloudBlock { padding:8px 0; } .k2TagCloudBlock a { display: block; float: left; margin: 4px; padding: 4px 15px; border: 1px solid #e8e8e8; color: #666; font-size: 11px !important; -webkit-transition:all 100ms ease-in-out; -moz-transition:all 100ms ease-in-out; transition:all 100ms ease-in-out; } .k2TagCloudBlock a:hover { float:left;display:block; background-color: #333333; color: #fff;} /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ .k2UsersBlock {} .k2UsersBlock ul {} .k2UsersBlock ul li {} .k2UsersBlock ul li.lastItem {} .k2UsersBlock ul li a.ubUserAvatar img { background: none; border: 0; margin: 0 10px 5px 0; -webkit-border-radius: 100px; border-radius: 100px; } .k2UsersBlock ul li a.ubUserName {} .k2UsersBlock ul li a.ubUserName:hover {} .k2UsersBlock ul li .ubUserDescription {} .k2UsersBlock ul li .ubUserAdditionalInfo {} 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;} 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;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;} .k2UsersBlock ul li ul.ubUserItems {} .k2UsersBlock ul li ul.ubUserItems li {} /* --- END --- */