/** * @version 2.6.x * @package K2 * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved. * @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html */ /* ### Legend ### Font families used: font-family:Georgia, "Times New Roman", Times, serif; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; font-family:Arial, Helvetica, sans-serif; Colors used: #f7fafe (light blue) used as background on all toolbars, category and user/author boxes */ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Font Families --- */ div.itemHeader h2.itemTitle, div.itemAuthorBlock div.itemAuthorDetails h3.authorName a, div.k2ReportCommentFormContainer blockquote span.theComment, div.catItemHeader h3.catItemTitle, div.userItemHeader h3.userItemTitle, div.tagItemHeader h2.tagItemTitle, div.latestItemHeader h3.latestItemTitle {font-family:"Roboto Condensed", "Roboto", "Open Sans Condensed", "Open Sans", Arial, sans-serif;/*font-family:Georgia, "Times New Roman", Times, serif;*/} /* --- Basic typography --- */ a:active, a:focus {outline:0;} img {border:none;} /* --- Global K2 container --- */ #k2Container {padding:0 0 4px 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;padding:0;margin:0;border:none;} /* --- Zebra rows --- */ .even {/*background:#fffff0;padding:2px;border-bottom:1px dotted #ccc;*/} .odd {/*background:#fff;padding:2px;border-bottom:1px dotted #ccc;*/} /* --- RSS feed icon --- */ div.k2FeedIcon {padding:4px 8px;} div.k2FeedIcon a, div.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%;} div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;} /* --- Rating --- */ .itemRatingForm {display:block;vertical-align:middle;line-height:23px/*25*/;float:left;} .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;} div.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;} .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;} /* --- Primary lists in modules --- */ div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2ItemsBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2UserBlock ul.k2UserBlockActions li, div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ .clearList {display:none!important;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 --- */ div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.k2Pagination ul {margin:0 0 5px 0; text-align:center;} div.k2Pagination ul li {display:inline;margin:0 2px;padding:0 2px;} /* --- 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 --- */ div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {/*background:url(../images/system/featuredItem.png) no-repeat 100% 0;*/} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:4px;background:#F7FAFE;border:1px solid #ccc;text-align:center;color:#555;font-size:13px;} a.itemPrintThisPage:hover {background:#eee;text-decoration:none;} div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} /* this is the item container for this view */ div.itemIsFeatured {} /* Attach a class for each featured item */ span.itemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.itemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.itemEditLink a:hover {background:#ffffcc;} div.itemHeader {} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} div.itemHeader h2.itemTitle {margin:0 0 10px;padding:0;font-size:32px;line-height:1.2em;font-weight:normal;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.itemHeader h2.itemTitle span {} div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */ div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;} div.itemHeader span.itemAuthor a {} div.itemHeader span.itemAuthor a:hover {} div.itemToolbar {padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe;} div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;} div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px;} div.itemToolbar ul > li:first-child {border:none;} /* remove the first CSS border from the left of the toolbar */ div.itemToolbar ul li a {font-size:12px;font-weight:normal;} div.itemToolbar ul li a:hover {} div.itemToolbar ul li a span {} div.itemToolbar ul li a.itemPrintLink {} div.itemToolbar ul li a.itemPrintLink span {} div.itemToolbar ul li a.itemEmailLink {} div.itemToolbar ul li a.itemEmailLink span {} div.itemToolbar ul li a.itemVideoLink {} div.itemToolbar ul li a.itemVideoLink span {} div.itemToolbar ul li a.itemImageGalleryLink {} div.itemToolbar ul li a.itemImageGalleryLink span {} div.itemToolbar ul li a.itemCommentsLink {} div.itemToolbar ul li a.itemCommentsLink span {} div.itemToolbar ul li a img {vertical-align:middle;} div.itemToolbar ul li span.itemTextResizerTitle {} div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;background:url(../images/system/font_decrease.gif) no-repeat;} div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;background:url(../images/system/font_increase.gif) no-repeat;} div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span {display:none;} div.itemRatingBlock {padding:8px 0;} div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.itemBody {padding:8px 0;margin:0;} div.itemImageBlock {margin:0 0 25px 0; /*padding:8px; margin:0 0 16px 0;*/} span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img {/*border:1px solid #ccc;padding:8px;*/} span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;} span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;} div.itemIntroText {color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;} div.itemIntroText img {} div.itemFullText {} div.itemFullText h3 {} div.itemFullText p {} div.itemFullText img {} div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.itemExtraFields ul {margin:0;padding:0;list-style:none;} div.itemExtraFields ul li {display:block;} div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.itemExtraFields ul li span.itemExtraFieldsValue {} div.itemContentFooter {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999;} span.itemHits {float:left;} span.itemDateModified {} div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float: left;margin:0 15px 10px 0;} div.itemFacebookButton {float: left;margin: 2px 15px 25px 0;width: 300px;} .fb_iframe_widget span {width: 450px !important;} div.itemGooglePlusOneButton {float:left} div.itemLinks {margin:16px 0;padding:0;} div.itemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemCategory a {} div.itemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;} div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.itemTagsBlock ul.itemTags li a {} div.itemTagsBlock ul.itemTags li a:hover {} div.itemAttachmentsBlock {padding:8px 0;border-bottom:1px dotted #ccc;} div.itemAttachmentsBlock span {font-weight:bold;color:#686868;padding: 0;} div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.itemAttachmentsBlock ul.itemAttachments li {display: block;list-style: none;margin: 4px 0;padding: 0;} div.itemAttachmentsBlock ul.itemAttachments li a {} div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.itemAttachmentsBlock ul.itemAttachments li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Author block */ div.itemAuthorBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;} div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:4px 0 0 0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {/*font-family:Georgia, "Times New Roman", Times, serif;*/ font-size:16px;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.itemAuthorBlock div.itemAuthorDetails p {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;} /* Author latest */ div.itemAuthorLatest {margin-bottom:16px;padding:0;} div.itemAuthorLatest h3 {} div.itemAuthorLatest ul {} div.itemAuthorLatest ul li {} div.itemAuthorLatest ul li a {} div.itemAuthorLatest ul li a:hover {} /* Related by tag */ div.itemRelated {margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.itemRelated h3 {} div.itemRelated ul {} div.itemRelated ul li {} div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;background:#fff;} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} a.itemRelTitle {} div.itemRelCat {} div.itemRelCat a {} div.itemRelAuthor {} div.itemRelAuthor a {} img.itemRelImg {} div.itemRelIntrotext {} div.itemRelFulltext {} div.itemRelMedia {} div.itemRelImageGallery {} /* Video */ div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.itemVideoBlock div.itemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;} div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;} div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;} /* Image Gallery */ div.itemImageGallery {margin:0 0 16px 0;padding:0;} /* Article navigation */ div.itemNavigation {padding:4px 8px;margin:0 0 24px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#fffff0;} /*div.itemNavigation span.itemNavigationTitle {color:#999;}*/ div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;} /* Comments */ div.itemComments {/*background:#f7fafe;border:1px solid #ddd;padding:16px;*/} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {padding:4px;margin:0;border-bottom:1px dotted #ddd;} div.itemComments ul.itemCommentsList li.authorResponse {background:url(../images/system/stripes.png) repeat;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {float: left;margin: 0 12px 8px 0;padding: 4px;min-height: 48px;background: none repeat scroll 0 0 #fff;/*float:left;margin:4px 4px 4px 0;padding:4px;background:#fff;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;*/} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li p {padding:4px 0;} div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} div.itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;} div.itemComments ul.itemCommentsList li span.commentLink a {font-size:11px;color:#999;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;} div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;} div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;} div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;} div.itemCommentsForm form {margin-right:10px;} div.itemCommentsForm form label.formComment {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formName {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formEmail {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formUrl {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form textarea.inputbox {display: block;margin: 0;padding: 4px;height: 160px;width: 100%;max-width: 420px;} div.itemCommentsForm form input.inputbox {display: block;margin: 0;padding: 4px;width: 100%;max-width: 420px;} div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:4px 12px;border:1px solid #ccc;/*background:#eee;font-size:16px;*/} div.itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;} div.itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* "Report comment" form */ div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} div.k2ReportCommentFormContainer blockquote {width:462px;background:#f7fafe;border:1px solid #ddd;padding:8px;margin:0 0 8px 0;} div.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;} div.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;} div.k2ReportCommentFormContainer blockquote span.theComment {/*font-family:Georgia, "Times New Roman", Times, serif;*/ font-style:italic; font-size:12px; font-weight:normal; color:#000; padding:0 4px;} div.k2ReportCommentFormContainer form label {display:block;font-weight:bold;} div.k2ReportCommentFormContainer form input, div.k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px;} div.k2ReportCommentFormContainer form #recaptcha {margin-bottom:24px;} div.k2ReportCommentFormContainer form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;} div.k2ReportCommentFormContainer form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* Back to top link */ div.itemBackToTop {display:none!important;/*margin:10px 10px 0 0;text-align:right;*/} div.itemBackToTop a {/*text-decoration:underline;*/} div.itemBackToTop a:hover {/*text-decoration:underline;*/} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.itemListCategoriesBlock {} /* --- Category block --- */ div.itemListCategory {margin:0 0 20px;padding:4px 0 4px;background: none /*repeat scroll 0 0 #f7fafe*/;border: none;border-bottom: 2px solid #ddd;} span.catItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.catItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;} span.catItemAddLink a:hover {background:#ffffcc;} div.itemListCategory img {float:left;display:block;background:#fff;padding:4px;border:0;margin:0 8px 0 0;} div.itemListCategory h2 {} div.itemListCategory p {} /* --- Sub-category block --- */ div.itemListSubCategories {margin: 0 0 15px;} div.itemListSubCategories h3 {} div.subCategoryContainer {float:left;} div.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) */ div.subCategory {background:#f7fafe;border:none /*1px solid #ddd*/;margin:4px;padding:8px;} div.subCategory a.subCategoryImage, div.subCategory a.subCategoryImage:hover {/*text-align:center;*/display:block;} div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {margin:0 20px 0 0;/*background:#fff;padding:4px;border:1px solid #ddd;*/float:left;} div.subCategory h2 {} div.subCategory h2 a {} div.subCategory h2 a:hover {} div.subCategory p {} /* --- Item groups --- */ div.itemList {} div#itemListLeading {} div#itemListPrimary {} div#itemListSecondary {} div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;} div.itemContainer {float:left;} div.itemContainerLast {} /* 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) */ /* --- Item block for each item group --- */ div.catItemView {padding:4px;} /* 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 */ div.groupLeading {} div.groupPrimary {} div.groupSecondary {} div.groupLinks {padding:0;margin:0;} div.catItemIsFeatured {} /* Attach a class for each featured item */ span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.catItemEditLink a:hover {background:#ffffcc;} div.catItemHeader {} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {margin:0 0 5px;padding:0;font-size:21px;font-weight:bold;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.catItemHeader h3.catItemTitle span {} div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */ div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;} div.catItemHeader span.catItemAuthor a {} div.catItemHeader span.catItemAuthor a:hover {} div.catItemRatingBlock {padding:8px 0;} div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.catItemBody {padding:0;margin:0;/*padding:8px 0;*/} div.catItemImageBlock {/*padding:8px;*/margin:0 0 16px 0;} span.catItemImage {display:block;/*text-align:center;margin:0 0 8px 0;*/} span.catItemImage img {/*border:1px solid #ccc;padding:8px;*/} div.catItemIntroText {padding:0;font-size:inherit;line-height:1.4em;font-weight:normal;} div.catItemIntroText img {} div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;} div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;} div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.catItemExtraFields ul li span.catItemExtraFieldsValue {} div.catItemLinks {margin:0; padding:0; /*margin:0 0 10px;*/} div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;} span.catItemHits {} div.catItemCategory {padding:0 0 4px; /*border-bottom:1px dotted #ccc; padding:4px;*/} div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemCategory a {} div.catItemTagsBlock {padding:0 0 4px; /*padding:4px;border-bottom:1px dotted #ccc;*/} div.catItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;} div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.catItemTagsBlock ul.catItemTags li a {} div.catItemTagsBlock ul.catItemTags li a:hover {} div.catItemAttachmentsBlock {padding:4px 0; /*border-bottom:1px dotted #ccc;*/} div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Video */ div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.catItemVideoBlock span.catItemVideo {display:block;} /* Image Gallery */ div.catItemImageGallery {margin:0 0 16px 0;padding:0;} /* Anchor link to comments */ div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.catItemCommentsLink a {} div.catItemCommentsLink a:hover {} /* Read more link */ div.catItemReadMore {display:inline;} div.catItemReadMore a {} div.catItemReadMore a:hover {} /* Modified date */ span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.userView {} div.userBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;} span.userItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.userItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;} span.userItemAddLink a:hover {background:#ffffcc;} div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.userBlock h2 {} div.userBlock div.userDescription {padding:4px 0;} div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.userURL {font-weight:bold;color:#555;display:block;} span.userEmail {font-weight:bold;color:#555;display:block;} div.userItemList {} /* User items */ div.userItemView {} /* this is the item container for this view */ div.userItemIsFeatured {} /* Attach a class for each featured item */ div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;} span.userItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.userItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.userItemEditLink a:hover {background:#ffffcc;} div.userItemHeader {} div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} div.userItemHeader h3.userItemTitle {/*font-family:Georgia, "Times New Roman", Times, serif;*/ font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */ div.userItemBody {padding:8px 0;margin:0;} div.userItemImageBlock {padding:0;margin:0;float:left;} span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.userItemImage img {border:1px solid #ccc;padding:8px;} div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.userItemIntroText img {} div.userItemLinks {margin:0 0 16px 0;padding:0;} div.userItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemCategory a {} div.userItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.userItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;} div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.userItemTagsBlock ul.userItemTags li a {} div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.userItemCommentsLink a {} div.userItemCommentsLink a:hover {} /* Read more link */ div.userItemReadMore {display:inline;} div.userItemReadMore a {} div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.tagView {} div.tagItemList {} div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */ div.tagItemHeader {} div.tagItemHeader span.tagItemDateCreated {font-size:1em;/*color:#999;font-size:11px;*/} div.tagItemHeader h2.tagItemTitle {margin:0 0 10px;/*font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;*/} div.tagItemBody {padding:6px 0;margin:0;/*padding:8px 0;margin:0;*/} div.tagItemImageBlock {float:left;margin:0 20px 10px 0;padding:0;/*padding:0;margin:0;float:left;*/} span.tagItemImage {/*display:block;text-align:center;margin:0 20px 10px 0;*/} span.tagItemImage img {/*border:1px solid #ccc;padding:8px;*/} div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.tagItemIntroText img {} div.tagItemExtraFields {} div.tagItemExtraFields h4 {} div.tagItemExtraFields ul {} div.tagItemExtraFields ul li {} div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.tagItemCategory a {} /* Read more link */ div.tagItemReadMore {display:inline;} div.tagItemReadMore a {} div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ div.genericView {} div.genericItemList {} div.genericItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */ div.genericItemHeader {} div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;} div.genericItemHeader h2.genericItemTitle {/*font-family:Georgia, "Times New Roman", Times, serif;*/ font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.genericItemBody {padding:8px 0;margin:0;} div.genericItemImageBlock {padding:0;margin:0;float:left;} span.genericItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.genericItemImage img {border:1px solid #ccc;padding:8px;} div.genericItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.genericItemIntroText img {} div.genericItemExtraFields {} div.genericItemExtraFields h4 {} div.genericItemExtraFields ul {} div.genericItemExtraFields ul li {} div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {} div.genericItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.genericItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.genericItemCategory a {} /* Read more link */ div.genericItemReadMore {display:inline;} div.genericItemReadMore a {} div.genericItemReadMore a:hover {} /* No results found message */ div#genericItemListNothingFound {padding:40px;text-align:center;} div#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 ----------------------------------------------------------------------*/ div.latestItemsContainer {float:left;} /* Category info block */ div.latestItemsCategory {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;} div.latestItemsCategoryImage {text-align:center;} div.latestItemsCategoryImage img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsCategory h2 {} div.latestItemsCategory p {} /* User info block */ div.latestItemsUser {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;clear:both;} div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsUser h2 {} div.latestItemsUser p.latestItemsUserDescription {padding:4px 0;} div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.latestItemsUserURL {font-weight:bold;color:#555;display:block;} span.latestItemsUserEmail {font-weight:bold;color:#555;display:block;} /* Latest items list */ div.latestItemList {padding:0 8px 8px 0;} div.latestItemView {} /* this is the item container for this view */ div.latestItemHeader {} div.latestItemHeader h3.latestItemTitle {/*font-family:Georgia, "Times New Roman", Times, serif;*/ font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} span.latestItemDateCreated {color:#999;font-size:11px;} div.latestItemBody {padding:8px 0;margin:0;} div.latestItemImageBlock {padding:0;margin:0;float:left; width:100%;} span.latestItemImage {display:block;text-align:center;margin:0 0 15px 0;/*margin:0 8px 8px 0;*/} span.latestItemImage img {/*border:1px solid #ccc;padding:8px;*/} div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.latestItemIntroText img {} div.latestItemLinks {margin:0 0 16px 0;padding:0;} div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemCategory a {} div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;} div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.latestItemTagsBlock ul.latestItemTags li a {} div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.latestItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.latestItemVideoBlock span.latestItemVideo {display:block;} /* Anchor link to comments */ div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.latestItemCommentsLink a {} div.latestItemCommentsLink a:hover {} /* Read more link */ div.latestItemReadMore {display:inline;} div.latestItemReadMore a {} div.latestItemReadMore a:hover {} /* 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 #ccc;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 {border:4px solid #ddd;margin:10px 0;padding:0;display:block;} .k2AccountPage div.k2AccountPageNotice {padding:8px;} .k2AccountPage div.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;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/} .k2AccountPage td#userAdminParams {padding:0;margin:0;} .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;} /* Profile edit */ .k2AccountPage table.admintable {} .k2AccountPage table.admintable tr td {} .k2AccountPage table.admintable tr td span {} .k2AccountPage table.admintable tr td span label {} /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /* Latest Comments */ div.k2LatestCommentsBlock {} div.k2LatestCommentsBlock ul {} div.k2LatestCommentsBlock ul li {} div.k2LatestCommentsBlock ul li.lastItem {} div.k2LatestCommentsBlock ul li a.lcAvatar img {} div.k2LatestCommentsBlock ul li a {} div.k2LatestCommentsBlock ul li a:hover {} div.k2LatestCommentsBlock ul li span.lcComment {} div.k2LatestCommentsBlock ul li span.lcUsername {} div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;} div.k2LatestCommentsBlock ul li span.lcItemTitle {} div.k2LatestCommentsBlock ul li span.lcItemCategory {} /* Top Commenters */ div.k2TopCommentersBlock {} div.k2TopCommentersBlock ul {} div.k2TopCommentersBlock ul li {} div.k2TopCommentersBlock ul li.lastItem {} div.k2TopCommentersBlock ul li a.tcAvatar img {} div.k2TopCommentersBlock ul li a.tcLink {} div.k2TopCommentersBlock ul li a.tcLink:hover {} div.k2TopCommentersBlock ul li span.tcUsername {} div.k2TopCommentersBlock ul li span.tcCommentsCounter {} div.k2TopCommentersBlock ul li a.tcLatestComment {} div.k2TopCommentersBlock ul li a.tcLatestComment:hover {} div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;} /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.k2ItemsBlock {display: block;} div.k2ItemsBlock img {width:100%;} div.k2ItemsBlock p.modulePretext {} div.k2ItemsBlock ul {list-style:none;margin:0;} div.k2ItemsBlock ul li {} div.k2ItemsBlock ul li a {} div.k2ItemsBlock ul li a:hover {} div.k2ItemsBlock ul li.lastItem {} div.k2ItemsBlock ul li a.moduleItemTitle {} div.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.k2ItemsBlock ul li div.moduleItemAuthor {} div.k2ItemsBlock ul li div.moduleItemAuthor a {} div.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;padding: 0;line-height:1.4em;} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;border:2px solid #ddd;} div.k2ItemsBlock ul li div.moduleItemExtraFields {} div.moduleItemExtraFields ul {} div.moduleItemExtraFields ul li {} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} div.k2ItemsBlock ul li div.moduleItemVideo {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.k2ItemsBlock ul li span.moduleItemDateCreated {} div.k2ItemsBlock ul li a.moduleItemCategory {} div.k2ItemsBlock ul li div.moduleItemTags {} div.k2ItemsBlock ul li div.moduleItemTags b {} div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;} div.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.k2ItemsBlock ul li div.moduleAttachments {} div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemComments:hover {} div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemReadMore {} div.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.k2ItemsBlock a.moduleCustomLink {} div.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ div.k2LoginBlock {} div.k2LoginBlock p.preText {} div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;} div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;} div.k2LoginBlock fieldset.input p label {display:block;} div.k2LoginBlock fieldset.input p input {display:block;} div.k2LoginBlock fieldset.input p#form-login-remember label, div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;} div.k2LoginBlock fieldset.input input.button {} div.k2LoginBlock ul {} div.k2LoginBlock ul li {} div.k2LoginBlock p.postText {} div.k2UserBlock {} div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;} div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {} div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;} div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {} div.k2UserBlock ul.k2UserBlockActions {} div.k2UserBlock ul.k2UserBlockActions li {} div.k2UserBlock ul.k2UserBlockActions li a {} div.k2UserBlock ul.k2UserBlockActions li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu {} div.k2UserBlock ul.k2UserBlockRenderedMenu li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {} div.k2UserBlock form {} div.k2UserBlock form input.ubLogout {} /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /* --- Archives --- */ div.k2ArchivesBlock {} div.k2ArchivesBlock ul {} div.k2ArchivesBlock ul li {} div.k2ArchivesBlock ul li a {} div.k2ArchivesBlock ul li a:hover {} /* --- Authors --- */ div.k2AuthorsListBlock {} div.k2AuthorsListBlock ul {} div.k2AuthorsListBlock ul li {} div.k2AuthorsListBlock ul li a.abAuthorAvatar img {} div.k2AuthorsListBlock ul li a.abAuthorName {} div.k2AuthorsListBlock ul li a.abAuthorName:hover {} div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;} div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {} div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {} /* --- Breadcrumbs --- */ div.k2BreadcrumbsBlock {} div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} div.k2BreadcrumbsBlock a {} div.k2BreadcrumbsBlock a:hover {} div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;} /* --- Calendar --- */ div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */ div.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:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;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 {background:#f3f3f3;} table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;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 {background:#e9e9e9;font-size:11px;width:14.2%;} 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:2px;text-decoration:none;background:#eee;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#135cae;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding: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 --- */ div.k2CategorySelectBlock {} div.k2CategorySelectBlock form select {width:auto;} div.k2CategorySelectBlock form select option {} /* --- Category List/Menu --- */ div.k2CategoriesListBlock {} div.k2CategoriesListBlock ul {} div.k2CategoriesListBlock ul li {} div.k2CategoriesListBlock ul li a {} div.k2CategoriesListBlock ul li a:hover {} div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;} div.k2CategoriesListBlock ul li a span.catCounter {} div.k2CategoriesListBlock ul li a:hover span.catTitle {} div.k2CategoriesListBlock ul li a:hover span.catCounter {} div.k2CategoriesListBlock ul li.activeCategory {} div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;} /* Root level (0) */ ul.level0 {list-style:none;margin:0px;} ul.level0 li {} 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 {} ul.level1 li a:hover {} ul.level1 li a span {} ul.level1 li a:hover span {} /* Second level (2) */ ul.level2 {} ul.level2 li {} ul.level2 li a {} ul.level2 li a:hover {} ul.level2 li a span {} ul.level2 li a:hover span {} /* n level (n) - like the above... */ /* --- Search Box --- */ /*div.k2SearchBlock {position:relative;} div.k2SearchBlock form {} div.k2SearchBlock form input.inputbox {} div.k2SearchBlock form input.button {} div.k2SearchBlock form input.k2SearchLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px;}*/ /* Live search results (fetched via ajax) */ /*div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #eee;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;}*/ /* --- Tag Cloud --- */ div.k2TagCloudBlock {padding:8px 0;} div.k2TagCloudBlock a {padding:4px;float:left;display:block;} div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;} /* --- Custom Code --- */ div.k2CustomCodeBlock {} /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.k2UsersBlock {} div.k2UsersBlock ul {} div.k2UsersBlock ul li {} div.k2UsersBlock ul li.lastItem {} div.k2UsersBlock ul li a.ubUserAvatar img {} div.k2UsersBlock ul li a.ubUserName {} div.k2UsersBlock ul li a.ubUserName:hover {} div.k2UsersBlock ul li div.ubUserDescription {} div.k2UsersBlock ul li div.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;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;} div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;} div.k2UsersBlock ul li ul.ubUserItems {} div.k2UsersBlock ul li ul.ubUserItems li {} /*---------------------------------------------------------------------- RESPONSIVE STYLING FOR Component & Module ----------------------------------------------------------------------*/ @media (min-width: 1200px) { /* K2 Component */ /* K2 Module */ } @media (min-width: 960px) and (max-width: 1199px) { /* K2 Component */ /* K2 Module */ } @media (min-width: 768px) and (max-width: 959px) { /* K2 CSP14 */ /* K2 Component */ /* K2 Module */ } @media (max-width: 767px) { /* K2 Component */ /* K2 Module */ } @media (min-width: 481px) and (max-width: 767px) { /* K2 Component */ /* K2 Module */ } @media (min-width: 321px) and (max-width: 480px) { /* K2 Component */ /* K2 Module */ } @media (max-width: 360px) { /* K2 Component */ /* K2 Module */ } @media (max-width: 320px) { /* K2 Component */ /* K2 Module */ } /* --- END --- */ /*---------------------------------------------------------------------------------------------------- EXTRA CSS STYLING FOR K2 SUB-TEMPLATES CSP14 & MSP14 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Basic typography --- */ div.CSP14 a:active, div.CSP14 a:focus {} div.CSP14 img {max-width:100%;} /* --- Global K2 container --- */ #k2Container div.CSP14 {} body.contentpane #k2Container div.CSP14 {} /* used in popups */ /* --- General padding --- */ div.CSP14 .k2Padding {} /* --- Clearing --- */ div.CSP14 .clr {} /* --- Zebra rows --- */ div.CSP14 .even {} div.CSP14 .odd {} /* --- RSS feed icon --- */ div.CSP14 div.k2FeedIcon {} div.CSP14 div.k2FeedIcon a, div.CSP14 div.k2FeedIcon a:hover {} div.CSP14 div.k2FeedIcon a span, div.CSP14 div.k2FeedIcon a:hover span {} /* --- Rating --- */ div.CSP14 .itemRatingForm {} div.CSP14 .itemRatingLog {} div.CSP14 div.itemRatingForm .formLogLoading {} div.CSP14 .itemRatingList, div.CSP14 .itemRatingList a:hover, div.CSP14 .itemRatingList .itemCurrentRating {} div.CSP14 .itemRatingList {} div.CSP14 .itemRatingList li {} div.CSP14 .itemRatingList a, div.CSP14 .itemRatingList .itemCurrentRating {} div.CSP14 .itemRatingList a:hover {} div.CSP14 .itemRatingList a.one-star {} div.CSP14 .itemRatingList a.two-stars {} div.CSP14 .itemRatingList a.three-stars {} div.CSP14 .itemRatingList a.four-stars {} div.CSP14 .itemRatingList a.five-stars {} div.CSP14 .itemRatingList .itemCurrentRating {} div.CSP14 span.siteRoot {} /* --- CSS added with Javascript --- */ div.CSP14 .smallerFontSize {} div.CSP14 .largerFontSize {} /* --- ReCaptcha --- */ div.CSP14 .recaptchatable .recaptcha_image_cell, div.CSP14 #recaptcha_table {} div.CSP14 #recaptcha_table {} div.CSP14 #recaptcha_response_field {} /* --- Primary lists in modules --- */ div.CSP14 div.k2LatestCommentsBlock ul, div.CSP14 div.k2TopCommentersBlock ul, div.CSP14 div.k2ItemsBlock ul, div.CSP14 div.k2LoginBlock ul, div.CSP14 div.k2UserBlock ul.k2UserBlockActions, div.CSP14 div.k2UserBlock ul.k2UserBlockRenderedMenu, div.CSP14 div.k2ArchivesBlock ul, div.CSP14 div.k2AuthorsListBlock ul, div.CSP14 div.k2CategoriesListBlock ul, div.CSP14 div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.CSP14 div.k2LatestCommentsBlock ul li, div.CSP14 div.k2TopCommentersBlock ul li, div.CSP14 div.k2ItemsBlock ul li, div.CSP14 div.k2LoginBlock ul li, div.CSP14 div.k2UserBlock ul.k2UserBlockActions li, div.CSP14 div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.CSP14 div.k2ArchivesBlock ul li, div.CSP14 div.k2AuthorsListBlock ul li, div.CSP14 div.k2CategoriesListBlock ul li, div.CSP14 div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ div.CSP14 .clearList {} /* this class is used to clear all previous floating list elements */ div.CSP14 .lastItem {} /* class appended on last list item */ /* --- Avatars --- */ div.CSP14 .k2Avatar img {} /* --- Read more --- */ div.CSP14 a.k2ReadMore {} div.CSP14 a.k2ReadMore:hover {} /* --- Pagination --- */ div.CSP14 div.k2Pagination {} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.CSP14 div.k2Pagination ul {} div.CSP14 div.k2Pagination ul li {} /* --- Extra fields: CSV data styling --- */ div.CSP14 table.csvData {} div.CSP14 table.csvData tr th {} div.CSP14 table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.CSP14 div.itemIsFeatured, div.CSP14 div.catItemIsFeatured, div.CSP14 div.userItemIsFeatured {} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ div.CSP14 a.itemPrintThisPage {} div.CSP14 a.itemPrintThisPage:hover {} div.CSP14.itemView {} /* this is the item container for this view */ div.CSP14 div.itemIsFeatured {} /* Attach a class for each featured item */ div.CSP14 span.itemEditLink {} div.CSP14 span.itemEditLink a {} div.CSP14 span.itemEditLink a:hover {} div.CSP14 div.itemHeader {} div.CSP14 div.itemHeader span.itemDateCreated {} div.CSP14 div.itemHeader div.itemDateCreated {display:inline-block;font-size:1em;} div.CSP14 div.itemHeader div.itemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 1px 0 0;} div.CSP14 div.itemHeader h2.itemTitle {} div.CSP14 div.itemHeader h2.itemTitle span {} div.CSP14 div.itemHeader h2.itemTitle span sup {} /* "Featured" presented in superscript */ div.CSP14 div.itemHeader span.itemAuthor {} div.CSP14 div.itemHeader div.itemAuthor {display:inline-block;margin:0 0 0 10px;font-size:1em;} div.CSP14 div.itemHeader div.itemAuthor:before {font-family: FontAwesome; content: ""; margin:0;} div.CSP14 div.itemHeader span.itemAuthor a {} div.CSP14 div.itemHeader span.itemAuthor a:hover {} div.CSP14 div.itemToolbar {} div.CSP14 div.itemToolbar ul {} div.CSP14 div.itemToolbar ul li {} div.CSP14 div.itemToolbar ul > li:first-child {} /* remove the first CSS border from the left of the toolbar */ div.CSP14 div.itemToolbar ul li a {} div.CSP14 div.itemToolbar ul li a:hover {} div.CSP14 div.itemToolbar ul li a span {} div.CSP14 div.itemToolbar ul li a.itemPrintLink {} div.CSP14 div.itemToolbar ul li a.itemPrintLink span {} div.CSP14 div.itemToolbar ul li a.itemEmailLink {} div.CSP14 div.itemToolbar ul li a.itemEmailLink span {} div.CSP14 div.itemToolbar ul li a.itemVideoLink {} div.CSP14 div.itemToolbar ul li a.itemVideoLink span {} div.CSP14 div.itemToolbar ul li a.itemImageGalleryLink {} div.CSP14 div.itemToolbar ul li a.itemImageGalleryLink span {} div.CSP14 div.itemToolbar ul li a.itemCommentsLink {} div.CSP14 div.itemToolbar ul li a.itemCommentsLink span {} div.CSP14 div.itemToolbar ul li a img {} div.CSP14 div.itemToolbar ul li span.itemTextResizerTitle {} div.CSP14 div.itemToolbar ul li a#fontDecrease {} div.CSP14 div.itemToolbar ul li a#fontDecrease img {} div.CSP14 div.itemToolbar ul li a#fontIncrease {} div.CSP14 div.itemToolbar ul li a#fontIncrease img {} div.CSP14 div.itemToolbar ul li a#fontDecrease span, div.CSP14 div.itemToolbar ul li a#fontIncrease span {} div.CSP14 div.itemRatingBlock {} div.CSP14 div.itemRatingBlock span {display: block;float: left;margin: 0;padding: 2px 4px 0 0;color: #999;font-style: normal;} div.CSP14 div.itemBody {} div.CSP14 div.itemImageBlock {margin: 0 0 25px;} div.CSP14 div.itemImageBlock img {/*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);*/} div.CSP14 span.itemImage {} div.CSP14 span.itemImage img {} div.CSP14 span.itemImageCaption {} div.CSP14 span.itemImageCredits {} div.CSP14 .inItemImageCaption {margin:5px 0 15px;font-size: 12px;} div.CSP14 div.itemIntroText {} div.CSP14 div.itemIntroText img {} div.CSP14 div.itemFullText {} div.CSP14 div.itemFullText h3 {margin: 0;padding: 5px 0 15px;font-size:18px;line-height:1.5em;} div.CSP14 div.itemFullText p {} div.CSP14 div.itemFullText img {} div.CSP14 div.itemFullText li {margin:0 0 5px;} div.CSP14 div.itemExtraFields {} div.CSP14 div.itemExtraFields h3 {} div.CSP14 div.itemExtraFields ul {} div.CSP14 div.itemExtraFields ul li {} div.CSP14 div.itemExtraFields ul li span.itemExtraFieldsLabel {} div.CSP14 div.itemExtraFields ul li span.itemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP14 .itemExtraFieldTopTitle {color:#666;font-size:1em; text-transform:uppercase;} div.CSP14 .itemExtraFieldSubtitle {} div.CSP14 .itemExtraFieldCreditsBlock {margin-bottom:15px;font-size:1em;} div.CSP14 .itemExtraFieldTranslator {display:inline-block;margin-right:25px;} div.CSP14 .itemExtraFieldTranslatorLabel {} div.CSP14 .itemExtraFieldTranslatorValue {color:#333;} div.CSP14 .itemExtraFieldEditor {display:inline-block;} div.CSP14 .itemExtraFieldEditorLabel {} div.CSP14 .itemExtraFieldEditorValue {color:#333;} div.CSP14 div.itemContentFooter {display: block;margin: 16px 0 4px;padding: 4px 0;color: #999;text-align:left!important;border-top: 1px solid #ddd;} div.CSP14 span.itemHits {} div.CSP14 div.itemHits {display:inline-block;margin:0 25px 0 0;} div.CSP14 div.itemHits:before {font-family: FontAwesome; content: "";} div.CSP14 span.itemDateModified {} div.CSP14 div.itemDateModified {display:inline-block;} div.CSP14 div.itemDateModified:before {font-family: FontAwesome; content: "";} div.CSP14 div.itemSocialSharing {} div.CSP14 div.itemTwitterButton {} div.CSP14 div.itemFacebookButton {} div.CSP14 div.itemGooglePlusOneButton {} div.CSP14 div.itemLinks {} div.CSP14 div.itemCategory {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP14 div.itemCategory span {} div.CSP14 div.itemCategory a {} div.CSP14 div.itemTagsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP14 div.itemTagsBlock span {} div.CSP14 div.itemTagsBlock ul.itemTags {} div.CSP14 div.itemTagsBlock ul.itemTags li {} div.CSP14 div.itemTagsBlock ul.itemTags li a {} div.CSP14 div.itemTagsBlock ul.itemTags li a:hover {} div.CSP14 div.itemAttachmentsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP14 div.itemAttachmentsBlock span {} div.CSP14 div.itemAttachmentsBlock ul.itemAttachments {} div.CSP14 div.itemAttachmentsBlock ul.itemAttachments li {} div.CSP14 div.itemAttachmentsBlock ul.itemAttachments li a {} div.CSP14 div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.CSP14 div.itemAttachmentsBlock ul.itemAttachments li span {} /* Author block */ div.CSP14 div.itemAuthorBlock {margin: 0 0 16px;padding: 8px;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP14 div.itemAuthorBlock img.itemAuthorAvatar {display: block;float: left;margin: 0 15px 0 0;padding: 4px;width:100px;background: none repeat scroll 0 0 #fff;border: 1px solid #ddd;} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails {} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails h3.authorName {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails p {} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {} div.CSP14 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.CSP14 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {} /* Author latest */ div.CSP14 div.itemAuthorLatest {} div.CSP14 div.itemAuthorLatest h3 {font-size:21px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);border-bottom: 1px solid #ddd;} div.CSP14 div.itemAuthorLatest ul {list-style:none;margin:0;padding:0;} div.CSP14 div.itemAuthorLatest ul li {} div.CSP14 div.itemAuthorLatest ul li a {} div.CSP14 div.itemAuthorLatest ul li a:hover {} div.CSP14 div.itemAuthorLatest ul li a:before {font-family: FontAwesome; content: "";margin:0 5px 0 0;} /* Related by tag */ div.CSP14 div.itemRelated {} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.CSP14 div.itemRelated h3 {} div.CSP14 div.itemRelated ul {margin:0px; list-style: outside none none;} div.CSP14 div.itemRelated ul li {margin-bottom:10px;} div.CSP14 div.itemRelated ul li.k2ScrollerElement {} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.CSP14 div.itemRelated ul li.clr {} div.CSP14 a.itemRelTitle {} div.CSP14 div.itemRelCat {} div.CSP14 div.itemRelCat a {} div.CSP14 div.itemRelAuthor {} div.CSP14 div.itemRelAuthor a {} div.CSP14 img.itemRelImg {} div.CSP14 div.itemRelIntrotext {} div.CSP14 div.itemRelFulltext {} div.CSP14 div.itemRelMedia {} div.CSP14 div.itemRelImageGallery {} /* Video */ div.CSP14 div.itemVideoBlock {} div.CSP14 div.itemVideoBlock div.itemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP14 div.itemVideoBlock span.itemVideo {} div.CSP14 div.itemVideoBlock span.itemVideoCaption {} div.CSP14 div.itemVideoBlock span.itemVideoCredits {} /* Image Gallery */ div.CSP14 div.itemImageGallery {} /* Article navigation */ div.CSP14 div.itemNavigation {margin: 0 0 15px;padding: 4px 8px;background: none repeat scroll 0 0 #fffff0;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;} div.CSP14 div.itemNavigation span.itemNavigationTitle {} div.CSP14 div.itemNavigation a.itemPrevious {} div.CSP14 div.itemNavigation a.itemNext {} /* Comments */ div.CSP14 div.itemComments {display: block !important;padding:16px!important;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP14 div.itemComments ul.itemCommentsList {} div.CSP14 div.itemComments ul.itemCommentsList li {} div.CSP14 div.itemComments ul.itemCommentsList li.authorResponse {} div.CSP14 div.itemComments ul.itemCommentsList li.unpublishedComment {} div.CSP14 div.itemComments ul.itemCommentsList li img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP14 div.itemComments ul.itemCommentsList li span.commentDate {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentAuthorName {} div.CSP14 div.itemComments ul.itemCommentsList li p {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentAuthorEmail {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentLink {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentLink a {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentLink a:hover {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentToolbar {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentToolbar a {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {} div.CSP14 div.itemComments ul.itemCommentsList li span.commentToolbarLoading {} div.CSP14 div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.CSP14 div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.CSP14 div.itemCommentsForm h3 {} div.CSP14 div.itemCommentsForm p.itemCommentsFormNotes {padding:5px 0 0;border-top: 2px solid #ccc;} div.CSP14 div.itemCommentsForm form {margin-right:10px;} div.CSP14 div.itemCommentsForm form label.formComment {} div.CSP14 div.itemCommentsForm form label.formName {} div.CSP14 div.itemCommentsForm form label.formEmail {} div.CSP14 div.itemCommentsForm form label.formUrl {} div.CSP14 div.itemCommentsForm form label.formRecaptcha {} div.CSP14 div.itemCommentsForm form textarea.inputbox {display: block;margin: 0;padding: 4px;height: 160px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP14 div.itemCommentsForm form input.inputbox {display: block;margin: 0;padding: 4px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP14 div.itemCommentsForm form input#submitCommentButton {} div.CSP14 div.itemCommentsForm form span#formLog {} div.CSP14 div.itemCommentsForm form .formLogLoading {} /* "Report comment" form */ div.CSP14 div.k2ReportCommentFormContainer {} div.CSP14 div.k2ReportCommentFormContainer blockquote {} div.CSP14 div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {} div.CSP14 div.k2ReportCommentFormContainer blockquote span.quoteIconRight {} div.CSP14 div.k2ReportCommentFormContainer blockquote span.theComment {} div.CSP14 div.k2ReportCommentFormContainer form label {} div.CSP14 div.k2ReportCommentFormContainer form input, div.CSP14 div.k2ReportCommentFormContainer form textarea {} div.CSP14 div.k2ReportCommentFormContainer form #recaptcha {} div.CSP14 div.k2ReportCommentFormContainer form span#formLog {} div.CSP14 div.k2ReportCommentFormContainer form .formLogLoading {} /* Back to top link */ div.CSP14 div.itemBackToTop {} div.CSP14 div.itemBackToTop a {text-transform:uppercase;text-decoration: none;padding:0 4px;border:1px solid #ddd;background-color:#f3f3f3;} div.CSP14 div.itemBackToTop a:hover {} div.CSP14 div.itemBackToTop a:before {font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.CSP14 div.itemListCategoriesBlock {} /* --- Category block --- */ div.CSP14 div.itemListCategory {} div.CSP14 span.catItemAddLink {} div.CSP14 span.catItemAddLink a {} div.CSP14 span.catItemAddLink a:hover {} div.CSP14 div.itemListCategory img {display: block;float: left;margin: 0 12px 0 0;padding: 0;width:48px;background: none;border: none;} div.CSP14 div.itemListCategory h2 {margin:10px 0 10px;font-size:24px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP14 div.itemListCategoryDescription {line-height:1.4em;} div.CSP14 div.itemListCategoryDescription p {margin:0 0 10px;} div.CSP14 div.itemListCategory p {} /* --- Sub-category block --- */ div.CSP14 div.itemListSubCategories {} div.CSP14 div.itemListSubCategories h3 {} div.CSP14 div.subCategoryContainer {} div.CSP14 div.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) */ div.CSP14 div.subCategory {background: none;border-bottom: 1px solid rgba(0, 0, 0, 0.12);margin: 0 0 10px;padding: 0;} div.CSP14 div.subCategory a.subCategoryImage, div.CSP14 div.subCategory a.subCategoryImage:hover {} div.CSP14 div.subCategory a.subCategoryImage img {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transition: all 0.2s ease-out 0s;} div.CSP14 div.subCategory a.subCategoryImage:hover img {transform: scale(1.1);} div.CSP14 div.subCategory h2 {margin:0 0 10px;} div.CSP14 div.subCategory h2 a {} div.CSP14 div.subCategory h2 a:hover {} div.CSP14 div.subCategory p {} /* --- Item groups --- */ div.CSP14 div.itemList {} div.CSP14 div#itemListLeading {} div.CSP14 div#itemListPrimary {} div.CSP14 div#itemListSecondary {} div.CSP14 div#itemListLinks {margin: 10px 0 0;padding: 0;background: none;border: none;} div.CSP14 div#itemListLinks h4 {margin: 0 0 20px;} div.CSP14 div.itemContainer {width:100%;} div.CSP14 div.itemContainerLast {} /* 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) */ /* --- Item block for each item group --- */ div.CSP14 div.catItemView {display: block;margin: 0 0 10px;padding:0 0 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.12);} /* 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 */ div.CSP14 div.groupLeading {} div.CSP14 div.groupPrimary {} div.CSP14 div.groupSecondary {} div.CSP14 div.groupLinks {} div.CSP14 div.catItemGroupLinksView {display:block;margin:0 0 15px 0;min-height:93px;border-bottom: 2px solid rgba(0, 0, 0, 0.12);} div.CSP14 .catItemGroupLinksImageBlock {float:left;margin:0 20px 0 0;height:76px;width:76px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP14 .catItemGroupLinksImageBlock img {width:auto; height:76px; margin-left: -19px; position:absolute; max-width:none;} div.CSP14 h3.catItemGroupLinksTitle {margin:0 0 6px;font-size:21px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP14 div.catItemGroupLinksDateCreated {display:inline-block;margin:0 8px 10px 0;} div.CSP14 div.catItemGroupLinksDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP14 div.catItemGroupLinksDateCreated span.catItemDateCreatedDay {} div.CSP14 div.catItemGroupLinksDateCreated span.catItemDateCreatedMonth {} div.CSP14 div.catItemGroupLinksDateCreated span.catItemDateCreatedYear {} div.CSP14 div.catItemGroupLinksAuthor {display:inline-block;} div.CSP14 div.catItemGroupLinksAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP14 div.catItemIsFeatured {} /* Attach a class for each featured item */ div.CSP14 span.catItemEditLink {} div.CSP14 span.catItemEditLink a {} div.CSP14 span.catItemEditLink a:hover {} div.CSP14 article.catItemContainer {display:table; position: relative; width:100%;} div.CSP14 .catItemContainer {display:table-cell;vertical-align:top; width:100%;} div.CSP14 div.catItemHeader {} div.CSP14 div.catItemHeader span.catItemDateCreated {} div.CSP14 div.catItemHeader div.catItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.CSP14 div.catItemHeader div.catItemDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP14 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedDay {} div.CSP14 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMonth {} div.CSP14 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedYear {} div.CSP14 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedTime {} div.CSP14 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedHour {} div.CSP14 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMinute {} div.CSP14 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedSecond {} div.CSP14 div.catItemHeader h3.catItemTitle {} div.CSP14 div.catItemHeader h3.catItemTitle span {} div.CSP14 div.catItemHeader h3.catItemTitle span sup {} /* superscript */ div.CSP14 div.catItemHeader span.catItemAuthor {} div.CSP14 div.catItemHeader span.catItemAuthor a {} div.CSP14 div.catItemHeader span.catItemAuthor a:hover {} div.CSP14 div.catItemHeader div.catItemAuthor {display:inline-block;} div.CSP14 div.catItemHeader div.catItemAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP14 div.catItemRatingBlock {} div.CSP14 div.catItemRatingBlock span {} div.CSP14 div.catItemBody {} div.CSP14 div.catItemImageBlock {display:table-cell;vertical-align:top;} div.CSP14 span.catItemImage {} div.CSP14 span.catItemImage img {} div.CSP14 .catItemImageBlock {float:left;margin:0 20px 0 0;overflow:hidden; /*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);*/ position: relative;} div.CSP14 .catItemImageBlock img {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transition: all 0.2s ease-out 0s;} div.CSP14 .catItemImageBlock img:hover {transform: scale(1.05);} div.CSP14 div.catItemIntroText {} div.CSP14 div.catItemIntroText img {} div.CSP14 div.catItemExtraFields, div.genericItemExtraFields {} div.CSP14 div.catItemExtraFields h4, div.genericItemExtraFields h4 {} div.CSP14 div.catItemExtraFields ul, div.genericItemExtraFields ul {} div.CSP14 div.catItemExtraFields ul li, div.genericItemExtraFields ul li {} div.CSP14 div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.CSP14 div.catItemExtraFields ul li span.catItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP14 .catItemExtraFieldTopTitle {margin: 0 0 5px;color:#666;font-size:1em;line-height: 1.2em;text-transform:uppercase;} div.CSP14 div.catItemLinks {} div.CSP14 div.catItemHitsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP14 span.catItemHits {} div.CSP14 div.catItemHits {display:inline-block;} div.CSP14 div.catItemHits:before {font-family: FontAwesome; content: "";} div.CSP14 div.catItemCategory {} div.CSP14 div.catItemCategory span {} div.CSP14 div.catItemCategory a {} div.CSP14 div.catItemTagsBlock {} div.CSP14 div.catItemTagsBlock span {} div.CSP14 div.catItemTagsBlock ul.catItemTags {} div.CSP14 div.catItemTagsBlock ul.catItemTags li {margin:0 2px 0 0;} div.CSP14 div.catItemTagsBlock ul.catItemTags li a {} div.CSP14 div.catItemTagsBlock ul.catItemTags li a:hover {} div.CSP14 div.catItemTagsBlock ul.catItemTags li a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.CSP14 div.catItemAttachmentsBlock {} div.CSP14 div.catItemAttachmentsBlock span {} div.CSP14 div.catItemAttachmentsBlock ul.catItemAttachments {} div.CSP14 div.catItemAttachmentsBlock ul.catItemAttachments li {display: block;margin: 0;padding: 0px;list-style: none outside none;text-align: left;} div.CSP14 div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.CSP14 div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.CSP14 div.catItemAttachmentsBlock ul.catItemAttachments li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP14 div.catItemAttachmentsBlock ul.catItemAttachments li span {} /* Video */ div.CSP14 div.catItemVideoBlock {} div.CSP14 div.catItemVideoBlock div.catItemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP14 div.catItemVideoBlock span.catItemVideo {} /* Image Gallery */ div.CSP14 div.catItemImageGallery {} /* Anchor link to comments */ div.CSP14 div.catItemCommentsLink {} div.CSP14 div.catItemCommentsLink a {} div.CSP14 div.catItemCommentsLink a:hover {} div.CSP14 div.catItemCommentsLink a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} /* Read more link */ div.CSP14 div.catItemReadMore {} div.CSP14 div.catItemReadMore a {} div.CSP14 div.catItemReadMore a:hover {} div.CSP14 div.catItemReadMore a.readon {float:right;margin:-5px 25px 5px 0;padding: 6px 12px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} /* Modified date */ div.CSP14 span.catItemDateModified {} div.CSP14 div.catItemDateModified {display:inline-block;margin:4px 0 4px 0;/*font-size:0.8em;*/} div.CSP14 div.catItemDateModified:before {margin:0 1px 0 0;font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.CSP14 div.userView {} div.CSP14 div.userBlock {} div.CSP14 span.userItemAddLink {} div.CSP14 span.userItemAddLink a {} div.CSP14 span.userItemAddLink a:hover {} div.CSP14 div.userBlock img {} div.CSP14 div.userBlock h2 {} div.CSP14 div.userBlock div.userDescription {} div.CSP14 div.userBlock div.userAdditionalInfo {} div.CSP14 span.userURL {} div.CSP14 span.userEmail {} div.CSP14 div.userItemList {} /* User items */ div.CSP14 div.userItemView {} /* this is the item container for this view */ div.CSP14 div.userItemIsFeatured {} /* Attach a class for each featured item */ div.CSP14 div.userItemViewUnpublished {} div.CSP14 span.userItemEditLink {} div.CSP14 span.userItemEditLink a {} div.CSP14 span.userItemEditLink a:hover {} div.CSP14 div.userItemHeader {} div.CSP14 div.userItemHeader span.userItemDateCreated {} div.CSP14 div.userItemHeader h3.userItemTitle {} div.CSP14 div.userItemHeader h3.userItemTitle span sup {} /* "Unpublished" presented in superscript */ div.CSP14 div.userItemBody {} div.CSP14 div.userItemImageBlock {} div.CSP14 span.userItemImage {} div.CSP14 span.userItemImage img {} div.CSP14 div.userItemIntroText {} div.CSP14 div.userItemIntroText img {} div.CSP14 div.userItemLinks {} div.CSP14 div.userItemCategory {} div.CSP14 div.userItemCategory span {} div.CSP14 div.userItemCategory a {} div.CSP14 div.userItemTagsBlock {} div.CSP14 div.userItemTagsBlock span {} div.CSP14 div.userItemTagsBlock ul.userItemTags {} div.CSP14 div.userItemTagsBlock ul.userItemTags li {} div.CSP14 div.userItemTagsBlock ul.userItemTags li a {} div.CSP14 div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.CSP14 div.userItemCommentsLink {} div.CSP14 div.userItemCommentsLink a {} div.CSP14 div.userItemCommentsLink a:hover {} /* Read more link */ div.CSP14 div.userItemReadMore {} div.CSP14 div.userItemReadMore a {} div.CSP14 div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.CSP14 div.tagView {} div.CSP14 div.tagItemList {} div.CSP14 div.tagItemView {} /* this is the item container for this view */ div.CSP14 article.tagItemContainer {display:block; position: relative; padding: 0 0 12px 0;} div.CSP14 .tagItemContainer {display:table-cell!important;} div.CSP14 div.tagItemHeader {} div.CSP14 div.tagItemHeader span.tagItemDateCreated {} div.CSP14 div.tagItemHeader h2.tagItemTitle {line-height:1.2em;} div.CSP14 div.tagItemBody {margin: 0;padding: 6px 0 0;} div.CSP14 div.tagItemImageBlock {} div.CSP14 .tagItemImageBlock {float:left;margin:0 20px 0 0;height:160px;width:160px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP14 .tagItemImageBlock img {width:auto; height:160px; margin-left: -40px; position:absolute; max-width:none;} div.CSP14 div.tagItemIntroText {padding:0;} div.CSP14 div.tagItemIntroText img {} div.CSP14 div.tagItemExtraFields {} div.CSP14 div.tagItemExtraFields h4 {} div.CSP14 div.tagItemExtraFields ul {} div.CSP14 div.tagItemExtraFields ul li {} div.CSP14 div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.CSP14 div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.CSP14 div.tagItemCategory {} div.CSP14 div.tagItemCategory span {} div.CSP14 div.tagItemCategory a {} /* Read more link */ div.CSP14 div.tagItemReadMore {} div.CSP14 div.tagItemReadMore a {} div.CSP14 div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.CSP14 div.latestItemsContainer {} /* Category info block */ div.CSP14 div.latestItemsCategory {} div.CSP14 div.latestItemsCategoryImage {} div.CSP14 div.latestItemsCategoryImage img {} div.CSP14 div.latestItemsCategory h2 {} div.CSP14 div.latestItemsCategory p {} /* User info block */ div.CSP14 div.latestItemsUser {} div.CSP14 div.latestItemsUser img {} div.CSP14 div.latestItemsUser h2 {} div.CSP14 div.latestItemsUser p.latestItemsUserDescription {} div.CSP14 div.latestItemsUser p.latestItemsUserAdditionalInfo {} div.CSP14 span.latestItemsUserURL {} div.CSP14 span.latestItemsUserEmail {} /* Latest items list */ div.CSP14 div.latestItemList {} div.CSP14 div.latestItemView {} /* this is the item container for this view */ div.CSP14 div.latestItemHeader {} div.CSP14 div.latestItemHeader h3.latestItemTitle {} div.CSP14 span.latestItemDateCreated {} div.CSP14 div.latestItemBody {} div.CSP14 div.latestItemImageBlock {} div.CSP14 span.latestItemImage {} div.CSP14 span.latestItemImage img {} div.CSP14 div.latestItemIntroText {} div.CSP14 div.latestItemIntroText img {} div.CSP14 div.latestItemLinks {} div.CSP14 div.latestItemCategory {} div.CSP14 div.latestItemCategory span {} div.CSP14 div.latestItemCategory a {} div.CSP14 div.latestItemTagsBlock {} div.CSP14 div.latestItemTagsBlock span {} div.CSP14 div.latestItemTagsBlock ul.latestItemTags {} div.CSP14 div.latestItemTagsBlock ul.latestItemTags li {} div.CSP14 div.latestItemTagsBlock ul.latestItemTags li a {} div.CSP14 div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.CSP14 div.latestItemVideoBlock {} div.CSP14 div.latestItemVideoBlock span.latestItemVideo {} /* Anchor link to comments */ div.CSP14 div.latestItemCommentsLink {} div.CSP14 div.latestItemCommentsLink a {} div.CSP14 div.latestItemCommentsLink a:hover {} /* Read more link */ div.CSP14 div.latestItemReadMore {} div.CSP14 div.latestItemReadMore a {} div.CSP14 div.latestItemReadMore a:hover {} /* Items presented in a list */ div.CSP14 h2.latestItemTitleList {} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.MSP14.k2ItemsBlock {display: block;} div.MSP14.k2ItemsBlock p.modulePretext {} div.MSP14.k2ItemsBlock ul {} div.MSP14.k2ItemsBlock ul li {} div.MSP14.k2ItemsBlock ul li a {} div.MSP14.k2ItemsBlock ul li a:hover {} div.MSP14.k2ItemsBlock ul li.lastItem {} div.MSP14.k2ItemsBlock div.moduleItemPadding {display:block; margin:0 0 10px; padding: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} div.MSP14.k2ItemsBlock ul li.lastItem .moduleItemPadding {margin:0;border-bottom: none;} div.MSP14.k2ItemsBlock article.moduleListsItem {display:block; position: relative;} div.MSP14.k2ItemsBlock .moduleListsImage {display:block; float:left; margin: 0 20px 0 0; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.MSP14.k2ItemsBlock .moduleListsImage img {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} div.MSP14.k2ItemsBlock div.moduleListsItemBody {display:table-cell;margin-bottom:5px;} div.MSP14.k2ItemsBlock ul li a.moduleItemTitle {} div.MSP14.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.MSP14.k2ItemsBlock div.moduleListsTitle {cursor:pointer;display:block;font-size:21px;font-weight:bold;line-height:1.2em;margin: 0px 0 5px;position: relative;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.MSP14.k2ItemsBlock div.moduleListsTitle a.moduleItemTitle {} div.MSP14.k2ItemsBlock div.moduleListsInfos {font-size: 1em;} div.MSP14.k2ItemsBlock ul li div.moduleItemAuthor {} div.MSP14.k2ItemsBlock ul li div.moduleItemAuthor a {} div.MSP14.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.MSP14.k2ItemsBlock div.moduleItemAuthor {display:inline-block;} div.MSP14.k2ItemsBlock div.moduleItemAuthor a:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP14.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.MSP14.k2ItemsBlock div.moduleItemAuthorAvatar {display:block;} div.MSP14.k2ItemsBlock ul li div.moduleItemIntrotext {} div.MSP14.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {} div.MSP14.k2ItemsBlock div.moduleItemIntrotext {} div.MSP14.k2ItemsBlock ul li div.moduleItemExtraFields {} div.MSP14.moduleItemExtraFields ul {} div.MSP14.moduleItemExtraFields ul li {} div.MSP14.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {} div.MSP14.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.MSP14 .moduleItemExtraFieldTopTitle {margin: 0 0 5px;color:#666;font-size:1em;line-height: 1.2em;text-transform:uppercase;} div.MSP14.k2ItemsBlock ul li div.moduleItemVideo {} div.MSP14.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.MSP14.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.MSP14.k2ItemsBlock ul li span.moduleItemDateCreated {} div.MSP14.k2ItemsBlock div.moduleItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.MSP14.k2ItemsBlock div.moduleItemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP14.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedDay {} div.MSP14.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedMonth {} div.MSP14.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedYear {display:none;} div.MSP14.k2ItemsBlock ul li a.moduleItemCategory {} div.MSP14.k2ItemsBlock div.moduleItemCategory {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP14.k2ItemsBlock div.moduleItemCategory span {font-weight:bold;} div.MSP14.k2ItemsBlock ul li div.moduleItemTags {} div.MSP14.k2ItemsBlock ul li div.moduleItemTags b {} div.MSP14.k2ItemsBlock ul li div.moduleItemTags a {} div.MSP14.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.MSP14.k2ItemsBlock div.moduleItemTags {padding:4px 0;/*border-bottom:1px dotted #ccc;*/} div.MSP14.k2ItemsBlock div.moduleItemTags span {font-weight:bold;} div.MSP14.k2ItemsBlock div.moduleItemTags a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.MSP14.k2ItemsBlock ul li div.moduleAttachments {} div.MSP14.k2ItemsBlock div.moduleAttachments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP14.k2ItemsBlock div.moduleAttachments span {font-weight:bold;} div.MSP14.k2ItemsBlock div.moduleAttachments ul {display: inline;list-style: none outside none;margin: 0;padding: 0;} div.MSP14.k2ItemsBlock div.moduleAttachments ul li {} div.MSP14.k2ItemsBlock div.moduleAttachments ul li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP14.k2ItemsBlock ul li a.moduleItemComments {} div.MSP14.k2ItemsBlock ul li a.moduleItemComments:hover {} div.MSP14.k2ItemsBlock div.moduleItemComments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP14.k2ItemsBlock div.moduleItemComments a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP14.k2ItemsBlock ul li span.moduleItemHits {} div.MSP14.k2ItemsBlock div.moduleItemHits {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP14.k2ItemsBlock div.moduleItemHits:before {font-family: FontAwesome; content: "";} div.MSP14.k2ItemsBlock ul li a.moduleItemReadMore {} div.MSP14.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.MSP14.k2ItemsBlock div.moduleListsReadonWrapper {display:block;} div.MSP14.k2ItemsBlock div.moduleListsReadonWrapper a.readon {float:right;margin:-5px 25px 5px 0;padding: 2px 10px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} div.MSP14.k2ItemsBlock a.moduleCustomLink {} div.MSP14.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.MSP14 div.k2UsersBlock {} div.MSP14 div.k2UsersBlock ul {} div.MSP14 div.k2UsersBlock ul li {} div.MSP14 div.k2UsersBlock ul li.lastItem {} div.MSP14 div.k2UsersBlock ul li a.ubUserAvatar img {} div.MSP14 div.k2UsersBlock ul li a.ubUserName {} div.MSP14 div.k2UsersBlock ul li a.ubUserName:hover {} div.MSP14 div.k2UsersBlock ul li div.ubUserDescription {} div.MSP14 div.k2UsersBlock ul li div.ubUserAdditionalInfo {} div.MSP14 a.ubUserFeedIcon, div.MSP14 a.ubUserFeedIcon:hover {} div.MSP14 a.ubUserFeedIcon span, div.MSP14 a.ubUserFeedIcon:hover span {} div.MSP14 a.ubUserURL, div.MSP14 a.ubUserURL:hover {} div.MSP14 a.ubUserURL span, div.MSP14 a.ubUserURL:hover span {} div.MSP14 span.ubUserEmail {} div.MSP14 span.ubUserEmail a {} div.MSP14 div.k2UsersBlock ul li h3 {} div.MSP14 div.k2UsersBlock ul li ul.ubUserItems {} div.MSP14 div.k2UsersBlock ul li ul.ubUserItems li {} /*---------------------------------------------------------------------- RESPONSIVE STYLING FOR CSP14 & MSP14 ----------------------------------------------------------------------*/ @media (min-width: 1200px) { /* K2 CSP14 */ div.CSP14 div.itemListCategory h2 {font-size:28px;} div.CSP14 div.catItemView {} div.CSP14 .catItemImageBlock {width:160px;} div.CSP14 .catItemImageBlock img {} div.CSP14 div.catItemHeader h3.catItemTitle {font-size:24px;} div.CSP14 h3.catItemGroupLinksTitle {font-size:24px;} div.CSP14 .tagItemImageBlock {height:160px;width:160px;} div.CSP14 .tagItemImageBlock img {height:160px; margin-left: -40px;} /* K2 MSP14 */ div.MSP14.k2ItemsBlock .moduleListsImage {width:160px;} div.MSP14.k2ItemsBlock .moduleListsImage img {} div.MSP14.k2ItemsBlock div.moduleListsTitle {font-size:24px;} } @media (min-width: 960px) and (max-width: 1199px) { /* K2 CSP14 */ div.CSP14 .catItemImageBlock, div.CSP14 .tagItemImageBlock {width:140px;} div.CSP14 .catItemImageBlock img, div.CSP14 .tagItemImageBlock img {} /* K2 MSP14 */ div.MSP14.k2ItemsBlock div.moduleItemPadding {} div.MSP14.k2ItemsBlock .moduleListsImage {width:140px;} div.MSP14.k2ItemsBlock .moduleListsImage img {} } @media (min-width: 768px) and (max-width: 959px) { /* K2 CSP14 */ div.CSP14 .catItemImageBlock, div.CSP14 .tagItemImageBlock {width:120px;} div.CSP14 .catItemImageBlock img, div.CSP14 .tagItemImageBlock img {} /* K2 MSP14 */ div.MSP14.k2ItemsBlock div.moduleItemPadding {} div.MSP14.k2ItemsBlock .moduleListsImage {width:120px;} div.MSP14.k2ItemsBlock .moduleListsImage img {} } @media (max-width: 767px) { /* K2 CSP14 */ div.CSP14 .catItemImageBlock, div.CSP14 .tagItemImageBlock {width:100px;} div.CSP14 .catItemImageBlock img, div.CSP14 .tagItemImageBlock img {} /* K2 MSP14 */ div.MSP14.k2ItemsBlock div.moduleItemPadding {} div.MSP14.k2ItemsBlock .moduleListsImage {width:100px;} div.MSP14.k2ItemsBlock .moduleListsImage img {} } @media (min-width: 481px) and (max-width: 767px) { /* K2 CSP14 */ /* K2 MSP14 */ } @media (max-width: 480px) { /* K2 CSP14 */ div.CSP14 h2.itemTitle {font-size:28px; font-weight: 300; line-height: 1.3em; text-shadow:none;} div.CSP14 h3.catItemTitle {font-size:18px} div.CSP14 .catItemImageBlock, div.CSP14 .tagItemImageBlock {margin:0 12px 0 0;width:76px;} div.CSP14 .catItemImageBlock img, div.CSP14 .tagItemImageBlock img {} div.CSP14 div.itemHeader div.itemDateCreated {} div.CSP14 div.itemHeader div.itemAuthor {margin:0 0 0 5px;} div.CSP14 div.itemHits {display:block;} div.CSP14 div.itemDateModified {display:block;margin-left:2px;} div.CSP14 div.itemContainer {width:100%!important;} /* K2 MSP14 */ div.MSP14.k2ItemsBlock div.moduleItemPadding {} div.MSP14.k2ItemsBlock div.moduleListsTitle {} div.MSP14.k2ItemsBlock .moduleListsImage {margin: 0 12px 10px 0;width:75px;} div.MSP14.k2ItemsBlock .moduleListsImage img {} div.MSP14.k2ItemsBlock div.moduleItemDateCreated {} div.MSP14.k2ItemsBlock div.moduleItemAuthor {} div.MSP14.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP14.k2ItemsBlock div.moduleListsIntroText, div.MSP14.k2ItemsBlock div.moduleListsReadonWrapper {} } @media (max-width: 360px) { div.MSP14 .moduleItemExtraFieldTopTitle {color:#333; letter-spacing:-1px;} } @media (max-width: 320px) { /* K2 CSP14 */ div.CSP14 div.itemListCategory h2 {font-size:18px;} div.CSP14 h2.itemTitle {font-size:21px;} div.CSP14 div.catItemHeader h3.catItemTitle {margin:0 0 5px;font-size:16px} div.CSP14 .catItemExtraFieldTopTitle {font-size:13px;} div.CSP14 .catItemImageBlock, div.CSP14 .tagItemImageBlock {margin:0 12px 0 0;width:72px;} div.CSP14 .catItemImageBlock img, div.CSP14 .tagItemImageBlock img {} div.CSP14 div.catItemHeader div.catItemDateCreated {font-size:0.8em;} div.CSP14 div.catItemHeader div.catItemAuthor {margin:0 0 0 5px;font-size:0.8em;} div.CSP14 div.itemHits {display:block;} div.CSP14 div.itemDateModified {display:block;margin-left:2px;} div.CSP14 div.catItemGroupLinksView {min-height:85px;} div.CSP14 .catItemGroupLinksImageBlock {margin:0 12px 0 0;height:68px;width:68px;} div.CSP14 .catItemGroupLinksImageBlock img {height:68px; margin-left: -17px;} div.CSP14 h3.catItemGroupLinksTitle {margin:0 0 2px;font-size:14px;} div.CSP14 div.catItemGroupLinksDateCreated {display:block;margin:0 0 0 0;font-size:0.8em;} div.CSP14 div.catItemGroupLinksAuthor {display:block;margin:-3px 0 10px 0;font-size:0.8em;} /* K2 MSP14 */ div.MSP14.k2ItemsBlock article.moduleListsItem {padding:0;} div.MSP14.k2ItemsBlock div.moduleItemPadding {} div.MSP14.k2ItemsBlock div.moduleListsItemBody {display:table-cell;} div.MSP14.k2ItemsBlock div.moduleListsTitle {font-size: 18px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);} div.MSP14.k2ItemsBlock .moduleListsImage {margin: 0 12px 10px 0;width:72px;} div.MSP14.k2ItemsBlock .moduleListsImage img {} div.MSP14.k2ItemsBlock div.moduleItemDateCreated {font-size: 0.8em;display:block;margin-top:-3px;} div.MSP14.k2ItemsBlock div.moduleItemAuthor {font-size: 0.8em;display:block;margin-top:-5px;} div.MSP14.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP14.k2ItemsBlock div.moduleListsIntroText, div.MSP14.k2ItemsBlock div.moduleListsReadonWrapper {display:none;} div.MSP14.k2ItemsBlock ul li div.moduleItemIntrotext {/*display:none;*/font-size:14px;} div.MSP14 .moduleItemExtraFieldTopTitle, div.MSP14.k2ItemsBlock div.moduleItemTags {display:none;} } /* --- END --- */ /*---------------------------------------------------------------------------------------------------- EXTRA CSS STYLING FOR K2 SUB-TEMPLATES CSP15 & MSP15 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Basic typography --- */ div.CSP15 a:active, div.CSP15 a:focus {} div.CSP15 img {max-width:100%;} /* --- Global K2 container --- */ #k2Container div.CSP15 {} body.contentpane #k2Container div.CSP15 {} /* used in popups */ /* --- General padding --- */ div.CSP15 .k2Padding {} /* --- Clearing --- */ div.CSP15 .clr {} /* --- Zebra rows --- */ div.CSP15 .even {} div.CSP15 .odd {} /* --- RSS feed icon --- */ div.CSP15 div.k2FeedIcon {} div.CSP15 div.k2FeedIcon a, div.CSP15 div.k2FeedIcon a:hover {} div.CSP15 div.k2FeedIcon a span, div.CSP15 div.k2FeedIcon a:hover span {} /* --- Rating --- */ div.CSP15 .itemRatingForm {} div.CSP15 .itemRatingLog {} div.CSP15 div.itemRatingForm .formLogLoading {} div.CSP15 .itemRatingList, div.CSP15 .itemRatingList a:hover, div.CSP15 .itemRatingList .itemCurrentRating {} div.CSP15 .itemRatingList {} div.CSP15 .itemRatingList li {} div.CSP15 .itemRatingList a, div.CSP15 .itemRatingList .itemCurrentRating {} div.CSP15 .itemRatingList a:hover {} div.CSP15 .itemRatingList a.one-star {} div.CSP15 .itemRatingList a.two-stars {} div.CSP15 .itemRatingList a.three-stars {} div.CSP15 .itemRatingList a.four-stars {} div.CSP15 .itemRatingList a.five-stars {} div.CSP15 .itemRatingList .itemCurrentRating {} div.CSP15 span.siteRoot {} /* --- CSS added with Javascript --- */ div.CSP15 .smallerFontSize {} div.CSP15 .largerFontSize {} /* --- ReCaptcha --- */ div.CSP15 .recaptchatable .recaptcha_image_cell, div.CSP15 #recaptcha_table {} div.CSP15 #recaptcha_table {} div.CSP15 #recaptcha_response_field {} /* --- Primary lists in modules --- */ div.CSP15 div.k2LatestCommentsBlock ul, div.CSP15 div.k2TopCommentersBlock ul, div.CSP15 div.k2ItemsBlock ul, div.CSP15 div.k2LoginBlock ul, div.CSP15 div.k2UserBlock ul.k2UserBlockActions, div.CSP15 div.k2UserBlock ul.k2UserBlockRenderedMenu, div.CSP15 div.k2ArchivesBlock ul, div.CSP15 div.k2AuthorsListBlock ul, div.CSP15 div.k2CategoriesListBlock ul, div.CSP15 div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.CSP15 div.k2LatestCommentsBlock ul li, div.CSP15 div.k2TopCommentersBlock ul li, div.CSP15 div.k2ItemsBlock ul li, div.CSP15 div.k2LoginBlock ul li, div.CSP15 div.k2UserBlock ul.k2UserBlockActions li, div.CSP15 div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.CSP15 div.k2ArchivesBlock ul li, div.CSP15 div.k2AuthorsListBlock ul li, div.CSP15 div.k2CategoriesListBlock ul li, div.CSP15 div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ div.CSP15 .clearList {} /* this class is used to clear all previous floating list elements */ div.CSP15 .lastItem {} /* class appended on last list item */ /* --- Avatars --- */ div.CSP15 .k2Avatar img {} /* --- Read more --- */ div.CSP15 a.k2ReadMore {} div.CSP15 a.k2ReadMore:hover {} /* --- Pagination --- */ div.CSP15 div.k2Pagination {} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.CSP15 div.k2Pagination ul {} div.CSP15 div.k2Pagination ul li {} /* --- Extra fields: CSV data styling --- */ div.CSP15 table.csvData {} div.CSP15 table.csvData tr th {} div.CSP15 table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.CSP15 div.itemIsFeatured, div.CSP15 div.catItemIsFeatured, div.CSP15 div.userItemIsFeatured {} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ div.CSP15 a.itemPrintThisPage {} div.CSP15 a.itemPrintThisPage:hover {} div.CSP15.itemView {} /* this is the item container for this view */ div.CSP15 div.itemIsFeatured {} /* Attach a class for each featured item */ div.CSP15 span.itemEditLink {} div.CSP15 span.itemEditLink a {} div.CSP15 span.itemEditLink a:hover {} div.CSP15 div.itemHeader {} div.CSP15 div.itemHeader span.itemDateCreated {} div.CSP15 div.itemHeader div.itemDateCreated {display:inline-block;font-size:1em;} div.CSP15 div.itemHeader div.itemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 1px 0 0;} div.CSP15 div.itemHeader h2.itemTitle {} div.CSP15 div.itemHeader h2.itemTitle span {} div.CSP15 div.itemHeader h2.itemTitle span sup {} /* "Featured" presented in superscript */ div.CSP15 div.itemHeader span.itemAuthor {} div.CSP15 div.itemHeader div.itemAuthor {display:inline-block;margin:0 0 0 10px;font-size:1em;} div.CSP15 div.itemHeader div.itemAuthor:before {font-family: FontAwesome; content: ""; margin:0;} div.CSP15 div.itemHeader span.itemAuthor a {} div.CSP15 div.itemHeader span.itemAuthor a:hover {} div.CSP15 div.itemToolbar {} div.CSP15 div.itemToolbar ul {} div.CSP15 div.itemToolbar ul li {} div.CSP15 div.itemToolbar ul > li:first-child {} /* remove the first CSS border from the left of the toolbar */ div.CSP15 div.itemToolbar ul li a {} div.CSP15 div.itemToolbar ul li a:hover {} div.CSP15 div.itemToolbar ul li a span {} div.CSP15 div.itemToolbar ul li a.itemPrintLink {} div.CSP15 div.itemToolbar ul li a.itemPrintLink span {} div.CSP15 div.itemToolbar ul li a.itemEmailLink {} div.CSP15 div.itemToolbar ul li a.itemEmailLink span {} div.CSP15 div.itemToolbar ul li a.itemVideoLink {} div.CSP15 div.itemToolbar ul li a.itemVideoLink span {} div.CSP15 div.itemToolbar ul li a.itemImageGalleryLink {} div.CSP15 div.itemToolbar ul li a.itemImageGalleryLink span {} div.CSP15 div.itemToolbar ul li a.itemCommentsLink {} div.CSP15 div.itemToolbar ul li a.itemCommentsLink span {} div.CSP15 div.itemToolbar ul li a img {} div.CSP15 div.itemToolbar ul li span.itemTextResizerTitle {} div.CSP15 div.itemToolbar ul li a#fontDecrease {} div.CSP15 div.itemToolbar ul li a#fontDecrease img {} div.CSP15 div.itemToolbar ul li a#fontIncrease {} div.CSP15 div.itemToolbar ul li a#fontIncrease img {} div.CSP15 div.itemToolbar ul li a#fontDecrease span, div.CSP15 div.itemToolbar ul li a#fontIncrease span {} div.CSP15 div.itemRatingBlock {} div.CSP15 div.itemRatingBlock span {display: block;float: left;margin: 0;padding: 2px 4px 0 0;color: #999;font-style: normal;} div.CSP15 div.itemBody {} div.CSP15 div.itemImageBlock {margin: 0 0 25px;} div.CSP15 div.itemImageBlock img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP15 span.itemImage {} div.CSP15 span.itemImage img {} div.CSP15 span.itemImageCaption {} div.CSP15 span.itemImageCredits {} div.CSP15 .inItemImageCaption {margin:5px 0 15px;font-size: 12px;} div.CSP15 div.itemIntroText {} div.CSP15 div.itemIntroText img {} div.CSP15 div.itemFullText {} div.CSP15 div.itemFullText h3 {margin: 0;padding: 5px 0 15px;font-size:18px!important;line-height:1.5em;} div.CSP15 div.itemFullText p {} div.CSP15 div.itemFullText img {} div.CSP15 div.itemFullText li {margin:0 0 5px;} div.CSP15 div.itemExtraFields {} div.CSP15 div.itemExtraFields h3 {} div.CSP15 div.itemExtraFields ul {} div.CSP15 div.itemExtraFields ul li {} div.CSP15 div.itemExtraFields ul li span.itemExtraFieldsLabel {} div.CSP15 div.itemExtraFields ul li span.itemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP15 .itemExtraFieldTopTitle {color:#666;font-size:1em; text-transform:uppercase;} div.CSP15 .itemExtraFieldSubtitle {} div.CSP15 .itemExtraFieldCreditsBlock {margin-bottom:15px;font-size:1em;} div.CSP15 .itemExtraFieldTranslator {display:inline-block;margin-right:25px;} div.CSP15 .itemExtraFieldTranslatorLabel {} div.CSP15 .itemExtraFieldTranslatorValue {color:#333;} div.CSP15 .itemExtraFieldEditor {display:inline-block;} div.CSP15 .itemExtraFieldEditorLabel {} div.CSP15 .itemExtraFieldEditorValue {color:#333;} div.CSP15 div.itemContentFooter {display: block;margin: 16px 0 4px;padding: 4px 0;color: #999;text-align:left!important;border-top: 1px solid #ddd;} div.CSP15 span.itemHits {} div.CSP15 div.itemHits {display:inline-block;margin:0 25px 0 0;} div.CSP15 div.itemHits:before {font-family: FontAwesome; content: "";} div.CSP15 span.itemDateModified {} div.CSP15 div.itemDateModified {display:inline-block;} div.CSP15 div.itemDateModified:before {font-family: FontAwesome; content: "";} div.CSP15 div.itemSocialSharing {} div.CSP15 div.itemTwitterButton {} div.CSP15 div.itemFacebookButton {} div.CSP15 div.itemGooglePlusOneButton {} div.CSP15 div.itemLinks {} div.CSP15 div.itemCategory {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP15 div.itemCategory span {} div.CSP15 div.itemCategory a {} div.CSP15 div.itemTagsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP15 div.itemTagsBlock span {} div.CSP15 div.itemTagsBlock ul.itemTags {} div.CSP15 div.itemTagsBlock ul.itemTags li {} div.CSP15 div.itemTagsBlock ul.itemTags li a {} div.CSP15 div.itemTagsBlock ul.itemTags li a:hover {} div.CSP15 div.itemAttachmentsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP15 div.itemAttachmentsBlock span {} div.CSP15 div.itemAttachmentsBlock ul.itemAttachments {} div.CSP15 div.itemAttachmentsBlock ul.itemAttachments li {} div.CSP15 div.itemAttachmentsBlock ul.itemAttachments li a {} div.CSP15 div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.CSP15 div.itemAttachmentsBlock ul.itemAttachments li span {} /* Author block */ div.CSP15 div.itemAuthorBlock {margin: 0 0 16px;padding: 8px;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP15 div.itemAuthorBlock img.itemAuthorAvatar {display: block;float: left;margin: 0 15px 0 0;padding: 4px;width:100px;background: none repeat scroll 0 0 #fff;border: 1px solid #ddd;} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails {} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails h3.authorName {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails p {} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {} div.CSP15 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.CSP15 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {} /* Author latest */ div.CSP15 div.itemAuthorLatest {} div.CSP15 div.itemAuthorLatest h3 {font-size:21px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);border-bottom: 1px solid #ddd;} div.CSP15 div.itemAuthorLatest ul {list-style:none;margin:0;padding:0;} div.CSP15 div.itemAuthorLatest ul li {} div.CSP15 div.itemAuthorLatest ul li a {} div.CSP15 div.itemAuthorLatest ul li a:hover {} div.CSP15 div.itemAuthorLatest ul li a:before {font-family: FontAwesome; content: "";margin:0 5px 0 0;} /* Related by tag */ div.CSP15 div.itemRelated {} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.CSP15 div.itemRelated h3 {} div.CSP15 div.itemRelated ul {} div.CSP15 div.itemRelated ul li {} div.CSP15 div.itemRelated ul li.k2ScrollerElement {} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.CSP15 div.itemRelated ul li.clr {} div.CSP15 a.itemRelTitle {} div.CSP15 div.itemRelCat {} div.CSP15 div.itemRelCat a {} div.CSP15 div.itemRelAuthor {} div.CSP15 div.itemRelAuthor a {} div.CSP15 img.itemRelImg {} div.CSP15 div.itemRelIntrotext {} div.CSP15 div.itemRelFulltext {} div.CSP15 div.itemRelMedia {} div.CSP15 div.itemRelImageGallery {} /* Video */ div.CSP15 div.itemVideoBlock {} div.CSP15 div.itemVideoBlock div.itemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP15 div.itemVideoBlock span.itemVideo {} div.CSP15 div.itemVideoBlock span.itemVideoCaption {} div.CSP15 div.itemVideoBlock span.itemVideoCredits {} /* Image Gallery */ div.CSP15 div.itemImageGallery {} /* Article navigation */ div.CSP15 div.itemNavigation {margin: 0 0 15px;padding: 4px 8px;background: none repeat scroll 0 0 #fffff0;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;} div.CSP15 div.itemNavigation span.itemNavigationTitle {} div.CSP15 div.itemNavigation a.itemPrevious {} div.CSP15 div.itemNavigation a.itemNext {} /* Comments */ div.CSP15 div.itemComments {display: block !important;padding:16px!important;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP15 div.itemComments ul.itemCommentsList {} div.CSP15 div.itemComments ul.itemCommentsList li {} div.CSP15 div.itemComments ul.itemCommentsList li.authorResponse {} div.CSP15 div.itemComments ul.itemCommentsList li.unpublishedComment {} div.CSP15 div.itemComments ul.itemCommentsList li img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP15 div.itemComments ul.itemCommentsList li span.commentDate {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentAuthorName {} div.CSP15 div.itemComments ul.itemCommentsList li p {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentAuthorEmail {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentLink {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentLink a {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentLink a:hover {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentToolbar {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentToolbar a {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {} div.CSP15 div.itemComments ul.itemCommentsList li span.commentToolbarLoading {} div.CSP15 div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.CSP15 div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.CSP15 div.itemCommentsForm h3 {} div.CSP15 div.itemCommentsForm p.itemCommentsFormNotes {padding:5px 0 0;border-top: 2px solid #ccc;} div.CSP15 div.itemCommentsForm form {margin-right:10px;} div.CSP15 div.itemCommentsForm form label.formComment {} div.CSP15 div.itemCommentsForm form label.formName {} div.CSP15 div.itemCommentsForm form label.formEmail {} div.CSP15 div.itemCommentsForm form label.formUrl {} div.CSP15 div.itemCommentsForm form label.formRecaptcha {} div.CSP15 div.itemCommentsForm form textarea.inputbox {display: block;margin: 0;padding: 4px;height: 160px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP15 div.itemCommentsForm form input.inputbox {display: block;margin: 0;padding: 4px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP15 div.itemCommentsForm form input#submitCommentButton {} div.CSP15 div.itemCommentsForm form span#formLog {} div.CSP15 div.itemCommentsForm form .formLogLoading {} /* "Report comment" form */ div.CSP15 div.k2ReportCommentFormContainer {} div.CSP15 div.k2ReportCommentFormContainer blockquote {} div.CSP15 div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {} div.CSP15 div.k2ReportCommentFormContainer blockquote span.quoteIconRight {} div.CSP15 div.k2ReportCommentFormContainer blockquote span.theComment {} div.CSP15 div.k2ReportCommentFormContainer form label {} div.CSP15 div.k2ReportCommentFormContainer form input, div.CSP15 div.k2ReportCommentFormContainer form textarea {} div.CSP15 div.k2ReportCommentFormContainer form #recaptcha {} div.CSP15 div.k2ReportCommentFormContainer form span#formLog {} div.CSP15 div.k2ReportCommentFormContainer form .formLogLoading {} /* Back to top link */ div.CSP15 div.itemBackToTop {} div.CSP15 div.itemBackToTop a {text-transform:uppercase;text-decoration: none;padding:0 4px;border:1px solid #ddd;background-color:#f3f3f3;} div.CSP15 div.itemBackToTop a:hover {} div.CSP15 div.itemBackToTop a:before {font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.CSP15 div.itemListCategoriesBlock {} /* --- Category block --- */ div.CSP15 div.itemListCategory {} div.CSP15 span.catItemAddLink {} div.CSP15 span.catItemAddLink a {} div.CSP15 span.catItemAddLink a:hover {} div.CSP15 div.itemListCategory img {display: block;float: left;margin: 0 12px 0 0;padding: 0;width:48px;background: none;border: none;} div.CSP15 div.itemListCategory h2 {margin:10px 0 10px;font-size:24px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP15 div.itemListCategoryDescription {line-height:1.4em;} div.CSP15 div.itemListCategoryDescription p {margin:0 0 10px;} div.CSP15 div.itemListCategory p {} /* --- Sub-category block --- */ div.CSP15 div.itemListSubCategories {} div.CSP15 div.itemListSubCategories h3 {} div.CSP15 div.subCategoryContainer {} div.CSP15 div.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) */ div.CSP15 div.subCategory {} div.CSP15 div.subCategory a.subCategoryImage, div.CSP15 div.subCategory a.subCategoryImage:hover {} div.CSP15 div.subCategory a.subCategoryImage img, div.CSP15 div.subCategory a.subCategoryImage:hover img {} div.CSP15 div.subCategory h2 {} div.CSP15 div.subCategory h2 a {} div.CSP15 div.subCategory h2 a:hover {} div.CSP15 div.subCategory p {} /* --- Item groups --- */ div.CSP15 div.itemList {} div.CSP15 div#itemListLeading {} div.CSP15 div#itemListPrimary {} div.CSP15 div#itemListSecondary {} div.CSP15 div#itemListLinks {margin: 10px 0 0;padding: 0;background: none;border: none;} div.CSP15 div#itemListLinks h4 {margin: 0 0 20px;} div.CSP15 div.itemContainer {width:100%; box-sizing:border-box; color:#fff;} div.CSP15 div.itemContainerLast {} /* 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) */ /* --- Item block for each item group --- */ div.CSP15 div.catItemView {padding: 2px;} /* 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 */ div.CSP15 div.groupLeading {} div.CSP15 div.groupPrimary {} div.CSP15 div.groupSecondary {} div.CSP15 div.groupLinks {} div.CSP15 div.catItemGroupLinksView {display:block;margin:0 0 15px 0;min-height:93px;border-bottom: 2px solid rgba(0, 0, 0, 0.12);} div.CSP15 .catItemGroupLinksImageBlock {float:left;margin:0 20px 0 0;height:76px;width:76px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP15 .catItemGroupLinksImageBlock img {width:auto; height:76px; margin-left: -19px; position:absolute; max-width:none;} div.CSP15 h3.catItemGroupLinksTitle {margin:0 0 6px;font-size:21px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP15 div.catItemGroupLinksDateCreated {display:inline-block;margin:0 8px 10px 0;} div.CSP15 div.catItemGroupLinksDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP15 div.catItemGroupLinksDateCreated span.catItemDateCreatedDay {} div.CSP15 div.catItemGroupLinksDateCreated span.catItemDateCreatedMonth {} div.CSP15 div.catItemGroupLinksDateCreated span.catItemDateCreatedYear {} div.CSP15 div.catItemGroupLinksAuthor {display:inline-block;} div.CSP15 div.catItemGroupLinksAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP15 div.catItemIsFeatured {} /* Attach a class for each featured item */ div.CSP15 span.catItemEditLink {} div.CSP15 span.catItemEditLink a {} div.CSP15 span.catItemEditLink a:hover {} div.CSP15 .catItemMainContainer {position:relative;} div.CSP15 .catItemContainer {} div.CSP15 .catItemHeaderContainer {width:100%; position:absolute; bottom:0; padding: 30px 15px 10px; box-sizing: border-box; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));} div.CSP15 div.catItemHeader {} div.CSP15 div.catItemHeader span.catItemDateCreated {} div.CSP15 div.catItemHeader div.catItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.CSP15 div.catItemHeader div.catItemDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP15 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedDay {} div.CSP15 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMonth {} div.CSP15 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedYear {} div.CSP15 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedTime {} div.CSP15 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedHour {} div.CSP15 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMinute {} div.CSP15 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedSecond {} div.CSP15 div.catItemHeader h3.catItemTitle {} div.CSP15 div.catItemHeader h3.catItemTitle span {} div.CSP15 div.catItemHeader h3.catItemTitle span sup {} /* superscript */ div.CSP15 div.catItemHeader span.catItemAuthor {} div.CSP15 div.catItemHeader span.catItemAuthor a {} div.CSP15 div.catItemHeader span.catItemAuthor a:hover {} div.CSP15 div.catItemHeader div.catItemAuthor {display:inline-block;} div.CSP15 div.catItemHeader div.catItemAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP15 div.catItemRatingBlock {} div.CSP15 div.catItemRatingBlock span {} div.CSP15 div.catItemBody {} div.CSP15 div.catItemImageBlock {} div.CSP15 span.catItemImage {} div.CSP15 span.catItemImage img {} div.CSP15 .catItemImageBlock {box-sizing:border-box;float:left;margin:0;width:100%;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP15 .catItemImageBlock img {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transition: all 0.2s ease-out 0s;} div.CSP15 .catItemImageBlock img:hover {transform: scale(1.1);} div.CSP15 div.catItemIntroText {} div.CSP15 div.catItemIntroText img {} div.CSP15 div.catItemExtraFields, div.genericItemExtraFields {} div.CSP15 div.catItemExtraFields h4, div.genericItemExtraFields h4 {} div.CSP15 div.catItemExtraFields ul, div.genericItemExtraFields ul {} div.CSP15 div.catItemExtraFields ul li, div.genericItemExtraFields ul li {} div.CSP15 div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.CSP15 div.catItemExtraFields ul li span.catItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP15 .catItemExtraFieldTopTitle {display: inline-block; margin: 0 0 3px; padding: 2px 4px 2px; color:#fff; font-family:'Arial Narrow'; font-size:1em; line-height: 1.2em; text-transform:uppercase; background:#c00; box-sizing: border-box;} div.CSP15 div.catItemLinks {} div.CSP15 div.catItemHitsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP15 span.catItemHits {} div.CSP15 div.catItemHits {display:inline-block;} div.CSP15 div.catItemHits:before {font-family: FontAwesome; content: "";} div.CSP15 div.catItemCategory {} div.CSP15 div.catItemCategory span {} div.CSP15 div.catItemCategory a {} div.CSP15 div.catItemTagsBlock {} div.CSP15 div.catItemTagsBlock span {} div.CSP15 div.catItemTagsBlock ul.catItemTags {} div.CSP15 div.catItemTagsBlock ul.catItemTags li {margin:0 2px 0 0;} div.CSP15 div.catItemTagsBlock ul.catItemTags li a {} div.CSP15 div.catItemTagsBlock ul.catItemTags li a:hover {} div.CSP15 div.catItemTagsBlock ul.catItemTags li a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.CSP15 div.catItemAttachmentsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP15 div.catItemAttachmentsBlock span {} div.CSP15 div.catItemAttachmentsBlock ul.catItemAttachments {} div.CSP15 div.catItemAttachmentsBlock ul.catItemAttachments li {display: block;margin: 0;padding: 0px;list-style: none outside none;text-align: left;} div.CSP15 div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.CSP15 div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.CSP15 div.catItemAttachmentsBlock ul.catItemAttachments li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP15 div.catItemAttachmentsBlock ul.catItemAttachments li span {} /* Video */ div.CSP15 div.catItemVideoBlock {} div.CSP15 div.catItemVideoBlock div.catItemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP15 div.catItemVideoBlock span.catItemVideo {} /* Image Gallery */ div.CSP15 div.catItemImageGallery {} /* Anchor link to comments */ div.CSP15 div.catItemCommentsLink {} div.CSP15 div.catItemCommentsLink a {} div.CSP15 div.catItemCommentsLink a:hover {} div.CSP15 div.catItemCommentsLink a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} /* Read more link */ div.CSP15 div.catItemReadMore {} div.CSP15 div.catItemReadMore a {} div.CSP15 div.catItemReadMore a:hover {} div.CSP15 div.catItemReadMore a.readon {float:right;margin:-5px 25px 5px 0;padding: 2px 10px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} /* Modified date */ div.CSP15 span.catItemDateModified {} div.CSP15 div.catItemDateModified {display:inline-block;margin:4px 0 4px 0;/*font-size:0.8em;*/} div.CSP15 div.catItemDateModified:before {margin:0 1px 0 0;font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.CSP15 div.userView {} div.CSP15 div.userBlock {} div.CSP15 span.userItemAddLink {} div.CSP15 span.userItemAddLink a {} div.CSP15 span.userItemAddLink a:hover {} div.CSP15 div.userBlock img {} div.CSP15 div.userBlock h2 {} div.CSP15 div.userBlock div.userDescription {} div.CSP15 div.userBlock div.userAdditionalInfo {} div.CSP15 span.userURL {} div.CSP15 span.userEmail {} div.CSP15 div.userItemList {} /* User items */ div.CSP15 div.userItemView {} /* this is the item container for this view */ div.CSP15 div.userItemIsFeatured {} /* Attach a class for each featured item */ div.CSP15 div.userItemViewUnpublished {} div.CSP15 span.userItemEditLink {} div.CSP15 span.userItemEditLink a {} div.CSP15 span.userItemEditLink a:hover {} div.CSP15 div.userItemHeader {} div.CSP15 div.userItemHeader span.userItemDateCreated {} div.CSP15 div.userItemHeader h3.userItemTitle {} div.CSP15 div.userItemHeader h3.userItemTitle span sup {} /* "Unpublished" presented in superscript */ div.CSP15 div.userItemBody {} div.CSP15 div.userItemImageBlock {} div.CSP15 span.userItemImage {} div.CSP15 span.userItemImage img {} div.CSP15 div.userItemIntroText {} div.CSP15 div.userItemIntroText img {} div.CSP15 div.userItemLinks {} div.CSP15 div.userItemCategory {} div.CSP15 div.userItemCategory span {} div.CSP15 div.userItemCategory a {} div.CSP15 div.userItemTagsBlock {} div.CSP15 div.userItemTagsBlock span {} div.CSP15 div.userItemTagsBlock ul.userItemTags {} div.CSP15 div.userItemTagsBlock ul.userItemTags li {} div.CSP15 div.userItemTagsBlock ul.userItemTags li a {} div.CSP15 div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.CSP15 div.userItemCommentsLink {} div.CSP15 div.userItemCommentsLink a {} div.CSP15 div.userItemCommentsLink a:hover {} /* Read more link */ div.CSP15 div.userItemReadMore {} div.CSP15 div.userItemReadMore a {} div.CSP15 div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.CSP15 div.tagView {} div.CSP15 div.tagItemList {} div.CSP15 div.tagItemView {} /* this is the item container for this view */ div.CSP15 article.tagItemContainer {display:block; position: relative; padding: 0 0 12px 0;} div.CSP15 .tagItemContainer {display:table-cell!important;} div.CSP15 div.tagItemHeader {} div.CSP15 div.tagItemHeader span.tagItemDateCreated {} div.CSP15 div.tagItemHeader h2.tagItemTitle {line-height:1.2em;} div.CSP15 div.tagItemBody {margin: 0;padding: 6px 0 0;} div.CSP15 div.tagItemImageBlock {} div.CSP15 .tagItemImageBlock {float:left;margin:0 20px 0 0;height:160px;width:160px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP15 .tagItemImageBlock img {width:auto; height:160px; margin-left: -40px; position:absolute; max-width:none;} div.CSP15 div.tagItemIntroText {padding:0;} div.CSP15 div.tagItemIntroText img {} div.CSP15 div.tagItemExtraFields {} div.CSP15 div.tagItemExtraFields h4 {} div.CSP15 div.tagItemExtraFields ul {} div.CSP15 div.tagItemExtraFields ul li {} div.CSP15 div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.CSP15 div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.CSP15 div.tagItemCategory {} div.CSP15 div.tagItemCategory span {} div.CSP15 div.tagItemCategory a {} /* Read more link */ div.CSP15 div.tagItemReadMore {} div.CSP15 div.tagItemReadMore a {} div.CSP15 div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.CSP15 div.latestItemsContainer {} /* Category info block */ div.CSP15 div.latestItemsCategory {} div.CSP15 div.latestItemsCategoryImage {} div.CSP15 div.latestItemsCategoryImage img {} div.CSP15 div.latestItemsCategory h2 {} div.CSP15 div.latestItemsCategory p {} /* User info block */ div.CSP15 div.latestItemsUser {} div.CSP15 div.latestItemsUser img {} div.CSP15 div.latestItemsUser h2 {} div.CSP15 div.latestItemsUser p.latestItemsUserDescription {} div.CSP15 div.latestItemsUser p.latestItemsUserAdditionalInfo {} div.CSP15 span.latestItemsUserURL {} div.CSP15 span.latestItemsUserEmail {} /* Latest items list */ div.CSP15 div.latestItemList {} div.CSP15 div.latestItemView {} /* this is the item container for this view */ div.CSP15 div.latestItemHeader {} div.CSP15 div.latestItemHeader h3.latestItemTitle {} div.CSP15 span.latestItemDateCreated {} div.CSP15 div.latestItemBody {} div.CSP15 div.latestItemImageBlock {} div.CSP15 span.latestItemImage {} div.CSP15 span.latestItemImage img {} div.CSP15 div.latestItemIntroText {} div.CSP15 div.latestItemIntroText img {} div.CSP15 div.latestItemLinks {} div.CSP15 div.latestItemCategory {} div.CSP15 div.latestItemCategory span {} div.CSP15 div.latestItemCategory a {} div.CSP15 div.latestItemTagsBlock {} div.CSP15 div.latestItemTagsBlock span {} div.CSP15 div.latestItemTagsBlock ul.latestItemTags {} div.CSP15 div.latestItemTagsBlock ul.latestItemTags li {} div.CSP15 div.latestItemTagsBlock ul.latestItemTags li a {} div.CSP15 div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.CSP15 div.latestItemVideoBlock {} div.CSP15 div.latestItemVideoBlock span.latestItemVideo {} /* Anchor link to comments */ div.CSP15 div.latestItemCommentsLink {} div.CSP15 div.latestItemCommentsLink a {} div.CSP15 div.latestItemCommentsLink a:hover {} /* Read more link */ div.CSP15 div.latestItemReadMore {} div.CSP15 div.latestItemReadMore a {} div.CSP15 div.latestItemReadMore a:hover {} /* Items presented in a list */ div.CSP15 h2.latestItemTitleList {} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.MSP15.k2ItemsBlock {display: block; margin:-5px;} div.MSP15.k2ItemsBlock p.modulePretext {} div.MSP15.k2ItemsBlock ul {margin:0 -3px;} div.MSP15.k2ItemsBlock ul li {} /* EXPERIMENTAL div.MSP15.k2ItemsBlock ul li:nth-of-type(n+9) {display:none!important;}*/ div.MSP15.k2ItemsBlock ul li a {} div.MSP15.k2ItemsBlock ul li a:hover {} div.MSP15.k2ItemsBlock ul li.lastItem {} div.MSP15.k2ItemsBlock div.moduleItemPadding {position:relative;display:block; padding: 5px;} div.MSP15.k2ItemsBlock ul li.lastItem .moduleItemPadding {margin:0;border-bottom: none;} div.MSP15.k2ItemsBlock article.moduleListsItem {display:block; position: relative;box-shadow:0px 0px 4px rgba(0,0,0,0.2);} div.MSP15.k2ItemsBlock div.moduleImageBlock {position:relative;} div.MSP15.k2ItemsBlock .moduleListsImage {display:block; background-color: rgb(0,0,0);overflow:hidden;} div.MSP15.k2ItemsBlock .moduleListsImage img {background-repeat:no-repeat; background-position:50% 50%; background-size:cover; opacity:0.75; transition: all 0.2s ease-out 0s;} div.MSP15.k2ItemsBlock .moduleListsImage img:hover {opacity:0.95; transform: scale(1.05) rotate(0deg);} /*div.MSP15.k2ItemsBlock a:hover img {opacity:0.95; transform: scale(1.05) rotate(0deg);}*/ /*div.MSP15.k2ItemsBlock div.moduleListsItemImageOverlay {position:absolute; top:0; background-color:rgba(255,0,0,0.5);}*/ div.MSP15.k2ItemsBlock div.moduleListsItemImageHeaders {position:absolute; bottom:0; padding:0 10px 5px;} div.MSP15.k2ItemsBlock div.moduleListsItemBody {padding:10px; border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);border-left: 1px solid rgba(0, 0, 0, 0.1);} /* EXPERIMENTAL div.MSP15.k2ItemsBlock ul li:nth-of-type(n+5) div.moduleListsItemBody {display:none!important;}*/ div.MSP15.k2ItemsBlock ul li a.moduleItemTitle {color:#fff;} div.MSP15.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.MSP15.k2ItemsBlock div.moduleListsTitle {cursor:pointer;display:block;font-size:21px;font-weight:400;line-height:1.2em;margin: 0px 0 5px;position: relative;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);} div.MSP15.k2ItemsBlock div.moduleListsTitle a.moduleItemTitle {} div.MSP15.k2ItemsBlock div.moduleListsTitle a.moduleItemTitle:hover {} div.MSP15.k2ItemsBlock div.moduleListsInfos {font-size: 13px; margin: 2px 0 5px;} div.MSP15.k2ItemsBlock ul li div.moduleItemAuthor {} div.MSP15.k2ItemsBlock ul li div.moduleItemAuthor a {} div.MSP15.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.MSP15.k2ItemsBlock div.moduleItemAuthor {display:inline-block;} div.MSP15.k2ItemsBlock div.moduleItemAuthor a:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP15.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.MSP15.k2ItemsBlock div.moduleItemAuthorAvatar {display:block;} div.MSP15.k2ItemsBlock ul li div.moduleItemIntrotext {height:5.6em!important;overflow:hidden;position:relative;} div.MSP15.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {} div.MSP15.k2ItemsBlock ul li div.moduleItemIntrotextFadeOut {position:absolute;bottom:0;right:0;height:1.4em;width:70%;background:rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.99));} div.MSP15.k2ItemsBlock div.moduleItemIntrotext {} div.MSP15.k2ItemsBlock ul li div.moduleItemExtraFields {} div.MSP15.moduleItemExtraFields ul {} div.MSP15.moduleItemExtraFields ul li {} div.MSP15.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {} div.MSP15.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.MSP15 .moduleItemExtraFieldTopTitle {margin: 0 0 5px;color:#ff3;font-size:14px;line-height: 1.2em;text-transform:uppercase;} div.MSP15.k2ItemsBlock ul li div.moduleItemVideo {} div.MSP15.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.MSP15.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.MSP15.k2ItemsBlock ul li span.moduleItemDateCreated {} div.MSP15.k2ItemsBlock div.moduleItemDateCreated {display:inline-block;margin:0 8px 0 0;} div.MSP15.k2ItemsBlock div.moduleItemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP15.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedDay {} div.MSP15.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedMonth {} div.MSP15.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedYear {} div.MSP15.k2ItemsBlock ul li a.moduleItemCategory {color:#fff;} div.MSP15.k2ItemsBlock div.moduleItemCategory {padding:3px 5px 3px; font-size:12px; line-height:1em;text-transform:uppercase; letter-spacing:1px;background-color:#2885da;display:inline-block;} div.MSP15.k2ItemsBlock div.moduleItemCategory span {font-weight:bold;} div.MSP15.k2ItemsBlock ul li div.moduleItemTags {} div.MSP15.k2ItemsBlock ul li div.moduleItemTags b {} div.MSP15.k2ItemsBlock ul li div.moduleItemTags a {} div.MSP15.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.MSP15.k2ItemsBlock div.moduleItemTags {padding:4px 0;/*border-bottom:1px dotted #ccc;*/} div.MSP15.k2ItemsBlock div.moduleItemTags span {font-weight:bold;} div.MSP15.k2ItemsBlock div.moduleItemTags a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.MSP15.k2ItemsBlock ul li div.moduleAttachments {} div.MSP15.k2ItemsBlock div.moduleAttachments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP15.k2ItemsBlock div.moduleAttachments span {font-weight:bold;} div.MSP15.k2ItemsBlock div.moduleAttachments ul {display: inline;list-style: none outside none;margin: 0;padding: 0;} div.MSP15.k2ItemsBlock div.moduleAttachments ul li {} div.MSP15.k2ItemsBlock div.moduleAttachments ul li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP15.k2ItemsBlock ul li a.moduleItemComments {} div.MSP15.k2ItemsBlock ul li a.moduleItemComments:hover {} div.MSP15.k2ItemsBlock div.moduleItemComments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP15.k2ItemsBlock div.moduleItemComments a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP15.k2ItemsBlock ul li span.moduleItemHits {} div.MSP15.k2ItemsBlock div.moduleItemHits {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP15.k2ItemsBlock div.moduleItemHits:before {font-family: FontAwesome; content: "";} div.MSP15.k2ItemsBlock ul li a.moduleItemReadMore {} div.MSP15.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.MSP15.k2ItemsBlock div.moduleListsReadonWrapper {display:block;} div.MSP15.k2ItemsBlock div.moduleListsReadonWrapper a.readon {float:right;margin:10px 5px 5px 0;padding: 5px 10px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);border-radius: 2px;} div.MSP15.k2ItemsBlock .moduleCustomLinkContainer {display: block; width: 100%; box-sizing: border-box; margin-top: 10px; padding: 10px; border: 1px solid #0085f6; border-radius: 3px; text-align: center; text-transform:uppercase;} div.MSP15.k2ItemsBlock a.moduleCustomLink {display:block;} div.MSP15.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.MSP15 div.k2UsersBlock {} div.MSP15 div.k2UsersBlock ul {} div.MSP15 div.k2UsersBlock ul li {} div.MSP15 div.k2UsersBlock ul li.lastItem {} div.MSP15 div.k2UsersBlock ul li a.ubUserAvatar img {} div.MSP15 div.k2UsersBlock ul li a.ubUserName {} div.MSP15 div.k2UsersBlock ul li a.ubUserName:hover {} div.MSP15 div.k2UsersBlock ul li div.ubUserDescription {} div.MSP15 div.k2UsersBlock ul li div.ubUserAdditionalInfo {} div.MSP15 a.ubUserFeedIcon, div.MSP15 a.ubUserFeedIcon:hover {} div.MSP15 a.ubUserFeedIcon span, div.MSP15 a.ubUserFeedIcon:hover span {} div.MSP15 a.ubUserURL, div.MSP15 a.ubUserURL:hover {} div.MSP15 a.ubUserURL span, div.MSP15 a.ubUserURL:hover span {} div.MSP15 span.ubUserEmail {} div.MSP15 span.ubUserEmail a {} div.MSP15 div.k2UsersBlock ul li h3 {} div.MSP15 div.k2UsersBlock ul li ul.ubUserItems {} div.MSP15 div.k2UsersBlock ul li ul.ubUserItems li {} /*---------------------------------------------------------------------- RESPONSIVE STYLING FOR CSP15 & MSP15 ----------------------------------------------------------------------*/ @media (min-width: 1200px) { /* K2 CSP15 */ div.CSP15 div.itemListCategory h2 {font-size:28px;} div.CSP15 div.catItemView {} div.CSP15 .catItemImageBlock {} div.CSP15 .catItemImageBlock img {} div.CSP15 div.catItemHeader h3.catItemTitle {font-size:24px;} div.CSP15 h3.catItemGroupLinksTitle {font-size:24px;} div.CSP15 .tagItemImageBlock {} div.CSP15 .tagItemImageBlock img {} /* K2 MSP15 */ div.MSP15.k2ItemsBlock .moduleListsImage {} div.MSP15.k2ItemsBlock .moduleListsImage img {} div.MSP15.k2ItemsBlock div.moduleListsTitle {font-size:24px;} .resMcol-433-21 div.MSP15.k2ItemsBlock div.moduleListsTitle {font-size:21px;} .resMcol-332-11 div.MSP15.k2ItemsBlock div.moduleListsTitle {} /* K2 MSP15 responsive columns*/ .resMcol-433-21 div.MSP15.k2ItemsBlock ul li {float:left; width:25%;} .resMcol-333-21 div.MSP15.k2ItemsBlock ul li {float:left; width:33.33%;} .resMcol-332-11 div.MSP15.k2ItemsBlock ul li {float:left; width:33.33%;} /*.resMcol-332-11 div.MSP15.k2ItemsBlock ul li:hover {transform:scale(1.03); transition: all 0.2s ease-in 0.2s;}*/ /* EXPERIMENTAL .resMcol-433-21 div.MSP15.k2ItemsBlock ul li:nth-of-type(n+5) {float:left; width:16.66%!important;} .resMcol-433-21 div.MSP15.k2ItemsBlock ul li:nth-of-type(n+11) {display:none!important;} .resMcol-433-21 div.MSP15.k2ItemsBlock ul li:nth-of-type(n+5) div.moduleListsTitle {font-size:17px;} .resMcol-433-21 div.MSP15.k2ItemsBlock ul li:nth-of-type(n+5) .moduleItemCategory {display:none!important;}*/ } @media (min-width: 960px) and (max-width: 1199px) { /* K2 CSP15 */ div.CSP15 .catItemImageBlock, div.CSP15 .tagItemImageBlock {} div.CSP15 .catItemImageBlock img, div.CSP15 .tagItemImageBlock img {} /* K2 MSP15 */ div.MSP15.k2ItemsBlock div.moduleItemPadding {} div.MSP15.k2ItemsBlock .moduleListsImage {} div.MSP15.k2ItemsBlock .moduleListsImage img {} /* K2 MSP15 responsive columns*/ .resMcol-433-21 div.MSP15.k2ItemsBlock ul li {float:left; width:33.33%;} .resMcol-333-21 div.MSP15.k2ItemsBlock ul li {float:left; width:33.33%;} .resMcol-332-11 div.MSP15.k2ItemsBlock ul li {float:left; width:33.33%;} } @media (min-width: 768px) and (max-width: 959px) { /* K2 CSP15 */ div.CSP15 div.itemContainer {} div.CSP15 .catItemImageBlock, div.CSP15 .tagItemImageBlock {} div.CSP15 .catItemImageBlock img, div.CSP15 .tagItemImageBlock img {} /* K2 MSP15 */ div.MSP15.k2ItemsBlock div.moduleItemPadding {} div.MSP15.k2ItemsBlock .moduleListsImage {} div.MSP15.k2ItemsBlock .moduleListsImage img {} /* K2 MSP15 responsive columns*/ .resMcol-433-21 div.MSP15.k2ItemsBlock ul li {float:left; width:33.33%;} .resMcol-333-21 div.MSP15.k2ItemsBlock ul li {float:left; width:33.33%;} .resMcol-332-11 div.MSP15.k2ItemsBlock ul li {float:left; width:50%;} } @media (max-width: 767px) { /* K2 CSP15 */ div.CSP15 div.itemContainer {width:100%!important;} div.CSP15 .catItemImageBlock, div.CSP15 .tagItemImageBlock {} div.CSP15 .catItemImageBlock img, div.CSP15 .tagItemImageBlock img {} /* K2 MSP15 */ div.MSP15.k2ItemsBlock div.moduleItemPadding {} div.MSP15.k2ItemsBlock .moduleListsImage {} div.MSP15.k2ItemsBlock .moduleListsImage img {} div.MSP15.k2ItemsBlock ul li div.moduleItemIntrotext {} /* K2 MSP15 responsive columns*/ .resMcol-433-21 div.MSP15.k2ItemsBlock ul li {float:left; width:50%;} .resMcol-333-21 div.MSP15.k2ItemsBlock ul li {float:left; width:50%;} .resMcol-332-11 div.MSP15.k2ItemsBlock ul li {float:left; width:100%;} } @media (min-width: 481px) and (max-width: 767px) { /* K2 CSP15 */ /* K2 MSP15 */ .resMcol-433-21 div.MSP15.k2ItemsBlock div.moduleListsTitle {font-size:16px;} .resMcol-332-11 div.MSP15.k2ItemsBlock div.moduleListsTitle {font-size:32px;font-weight:300;} } @media (min-width: 361px) and (max-width: 480px) { /* K2 CSP15 */ /* K2 MSP15 */ .resMcol-433-21 div.MSP15.k2ItemsBlock div.moduleListsTitle, .resMcol-332-11 div.MSP15.k2ItemsBlock div.moduleListsTitle {font-size:30px;font-weight:300;} } @media (min-width: 321px) and (max-width: 480px) { /* K2 CSP15 */ div.CSP15 h2.itemTitle {font-size:24px;} div.CSP15 h3.catItemTitle {font-size:24px;} div.CSP15 .catItemImageBlock, div.CSP15 .tagItemImageBlock {} div.CSP15 .catItemImageBlock img, div.CSP15 .tagItemImageBlock img {} div.CSP15 div.itemHeader div.itemDateCreated {} div.CSP15 div.itemHeader div.itemAuthor {margin:0 0 0 5px;} div.CSP15 div.itemHits {display:block;} div.CSP15 div.itemDateModified {display:block;margin-left:2px;} /* K2 MSP15 */ div.MSP15.k2ItemsBlock {margin:0px;} div.MSP15.k2ItemsBlock div.moduleItemPadding {padding: 0px 0px 12px;} div.MSP15.k2ItemsBlock div.moduleListsTitle {/*font-size:15px;*/} div.MSP15.k2ItemsBlock .moduleListsImage {} div.MSP15.k2ItemsBlock .moduleListsImage img {} div.MSP15.k2ItemsBlock div.moduleItemDateCreated {} div.MSP15.k2ItemsBlock div.moduleItemAuthor {} div.MSP15.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP15.k2ItemsBlock div.moduleListsIntroText, div.MSP15.k2ItemsBlock div.moduleListsReadonWrapper {} /* K2 MSP15 responsive columns*/ .resMcol-433-21 div.MSP15.k2ItemsBlock ul li {width:100%;} .resMcol-333-21 div.MSP15.k2ItemsBlock ul li {width:100%;} .resMcol-332-11 div.MSP15.k2ItemsBlock ul li {width:100%;} } @media (max-width: 360px) { .resMcol-433-21 div.MSP15.k2ItemsBlock div.moduleListsTitle, .resMcol-332-11 div.MSP15.k2ItemsBlock div.moduleListsTitle {font-size:21px;} div.MSP15 .moduleItemExtraFieldTopTitle {color:#333; letter-spacing:-1px;} } @media (max-width: 320px) { /* K2 CSP15 */ div.CSP15 div.itemListCategory h2 {font-size:18px;} div.CSP15 h2.itemTitle {font-size:21px;} div.CSP15 div.catItemHeader h3.catItemTitle {margin:0 0 5px;font-size:16px} div.CSP15 .catItemExtraFieldTopTitle {font-size:13px;} div.CSP15 .catItemImageBlock, div.CSP15 .tagItemImageBlock {} div.CSP15 .catItemImageBlock img, div.CSP15 .tagItemImageBlock img {} div.CSP15 div.catItemHeader div.catItemDateCreated {font-size:0.8em;} div.CSP15 div.catItemHeader div.catItemAuthor {margin:0 0 0 5px;font-size:0.8em;} div.CSP15 div.itemHits {display:block;} div.CSP15 div.itemDateModified {display:block;margin-left:2px;} div.CSP15 div.catItemGroupLinksView {min-height:85px;} div.CSP15 .catItemGroupLinksImageBlock {margin:0 12px 0 0;height:68px;width:68px;} div.CSP15 .catItemGroupLinksImageBlock img {height:68px; margin-left: -17px;} div.CSP15 h3.catItemGroupLinksTitle {margin:0 0 2px;font-size:14px;} div.CSP15 div.catItemGroupLinksDateCreated {display:block;margin:0 0 0 0;font-size:0.8em;} div.CSP15 div.catItemGroupLinksAuthor {display:block;margin:-3px 0 10px 0;font-size:0.8em;} /* K2 MSP15 */ div.MSP15.k2ItemsBlock article.moduleListsItem {padding:0;} div.MSP15.k2ItemsBlock div.moduleItemPadding {} div.MSP15.k2ItemsBlock div.moduleListsItemBody {display:table-cell;} div.MSP15.k2ItemsBlock div.moduleListsTitle {font-size: 18px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);} div.MSP15.k2ItemsBlock .moduleListsImage {} div.MSP15.k2ItemsBlock .moduleListsImage img {} div.MSP15.k2ItemsBlock div.moduleItemDateCreated {font-size: 0.8em;display:block;margin-top:-3px;} div.MSP15.k2ItemsBlock div.moduleItemAuthor {font-size: 0.8em;display:block;margin-top:-5px;} div.MSP15.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP15.k2ItemsBlock div.moduleListsIntroText, div.MSP15.k2ItemsBlock div.moduleListsReadonWrapper {display:none;} div.MSP15.k2ItemsBlock ul li div.moduleItemIntrotext {/*display:none;*/font-size:14px;} div.MSP15 .moduleItemExtraFieldTopTitle, div.MSP15.k2ItemsBlock div.moduleItemTags {display:none;} /* K2 MSP15 responsive columns*/ .resMcol-433-21 div.MSP15.k2ItemsBlock ul li {width:100%;} .resMcol-333-21 div.MSP15.k2ItemsBlock ul li {width:100%;} .resMcol-332-11 div.MSP15.k2ItemsBlock ul li {width:100%;} } /* --- END --- */ /*---------------------------------------------------------------------------------------------------- EXTRA CSS STYLING FOR K2 SUB-TEMPLATES CSP17 & MSP17 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Basic typography --- */ div.CSP17 a:active, div.CSP17 a:focus {} div.CSP17 img {max-width:100%;} /* --- Global K2 container --- */ #k2Container div.CSP17 {} body.contentpane #k2Container div.CSP17 {} /* used in popups */ /* --- General padding --- */ div.CSP17 .k2Padding {} /* --- Clearing --- */ div.CSP17 .clr {} /* --- Zebra rows --- */ div.CSP17 .even {} div.CSP17 .odd {} /* --- RSS feed icon --- */ div.CSP17 div.k2FeedIcon {} div.CSP17 div.k2FeedIcon a, div.CSP17 div.k2FeedIcon a:hover {} div.CSP17 div.k2FeedIcon a span, div.CSP17 div.k2FeedIcon a:hover span {} /* --- Rating --- */ div.CSP17 .itemRatingForm {} div.CSP17 .itemRatingLog {} div.CSP17 div.itemRatingForm .formLogLoading {} div.CSP17 .itemRatingList, div.CSP17 .itemRatingList a:hover, div.CSP17 .itemRatingList .itemCurrentRating {} div.CSP17 .itemRatingList {} div.CSP17 .itemRatingList li {} div.CSP17 .itemRatingList a, div.CSP17 .itemRatingList .itemCurrentRating {} div.CSP17 .itemRatingList a:hover {} div.CSP17 .itemRatingList a.one-star {} div.CSP17 .itemRatingList a.two-stars {} div.CSP17 .itemRatingList a.three-stars {} div.CSP17 .itemRatingList a.four-stars {} div.CSP17 .itemRatingList a.five-stars {} div.CSP17 .itemRatingList .itemCurrentRating {} div.CSP17 span.siteRoot {} /* --- CSS added with Javascript --- */ div.CSP17 .smallerFontSize {} div.CSP17 .largerFontSize {} /* --- ReCaptcha --- */ div.CSP17 .recaptchatable .recaptcha_image_cell, div.CSP17 #recaptcha_table {} div.CSP17 #recaptcha_table {} div.CSP17 #recaptcha_response_field {} /* --- Primary lists in modules --- */ div.CSP17 div.k2LatestCommentsBlock ul, div.CSP17 div.k2TopCommentersBlock ul, div.CSP17 div.k2ItemsBlock ul, div.CSP17 div.k2LoginBlock ul, div.CSP17 div.k2UserBlock ul.k2UserBlockActions, div.CSP17 div.k2UserBlock ul.k2UserBlockRenderedMenu, div.CSP17 div.k2ArchivesBlock ul, div.CSP17 div.k2AuthorsListBlock ul, div.CSP17 div.k2CategoriesListBlock ul, div.CSP17 div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.CSP17 div.k2LatestCommentsBlock ul li, div.CSP17 div.k2TopCommentersBlock ul li, div.CSP17 div.k2ItemsBlock ul li, div.CSP17 div.k2LoginBlock ul li, div.CSP17 div.k2UserBlock ul.k2UserBlockActions li, div.CSP17 div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.CSP17 div.k2ArchivesBlock ul li, div.CSP17 div.k2AuthorsListBlock ul li, div.CSP17 div.k2CategoriesListBlock ul li, div.CSP17 div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ div.CSP17 .clearList {} /* this class is used to clear all previous floating list elements */ div.CSP17 .lastItem {} /* class appended on last list item */ /* --- Avatars --- */ div.CSP17 .k2Avatar img {} /* --- Read more --- */ div.CSP17 a.k2ReadMore {} div.CSP17 a.k2ReadMore:hover {} /* --- Pagination --- */ div.CSP17 div.k2Pagination {} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.CSP17 div.k2Pagination ul {} div.CSP17 div.k2Pagination ul li {} /* --- Extra fields: CSV data styling --- */ div.CSP17 table.csvData {} div.CSP17 table.csvData tr th {} div.CSP17 table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.CSP17 div.itemIsFeatured, div.CSP17 div.catItemIsFeatured, div.CSP17 div.userItemIsFeatured {} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ div.CSP17 a.itemPrintThisPage {} div.CSP17 a.itemPrintThisPage:hover {} div.CSP17.itemView {} /* this is the item container for this view */ div.CSP17 div.itemIsFeatured {} /* Attach a class for each featured item */ div.CSP17 span.itemEditLink {} div.CSP17 span.itemEditLink a {} div.CSP17 span.itemEditLink a:hover {} div.CSP17 div.itemHeader {} div.CSP17 div.itemHeader span.itemDateCreated {} div.CSP17 div.itemHeader div.itemDateCreated {display:inline-block;font-size:1em;} div.CSP17 div.itemHeader div.itemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 1px 0 0;} div.CSP17 div.itemHeader h2.itemTitle {} div.CSP17 div.itemHeader h2.itemTitle span {} div.CSP17 div.itemHeader h2.itemTitle span sup {} /* "Featured" presented in superscript */ div.CSP17 div.itemHeader span.itemAuthor {} div.CSP17 div.itemHeader div.itemAuthor {display:inline-block;margin:0 0 0 10px;font-size:1em;} div.CSP17 div.itemHeader div.itemAuthor:before {font-family: FontAwesome; content: ""; margin:0;} div.CSP17 div.itemHeader span.itemAuthor a {} div.CSP17 div.itemHeader span.itemAuthor a:hover {} div.CSP17 div.itemToolbar {} div.CSP17 div.itemToolbar ul {} div.CSP17 div.itemToolbar ul li {} div.CSP17 div.itemToolbar ul > li:first-child {} /* remove the first CSS border from the left of the toolbar */ div.CSP17 div.itemToolbar ul li a {} div.CSP17 div.itemToolbar ul li a:hover {} div.CSP17 div.itemToolbar ul li a span {} div.CSP17 div.itemToolbar ul li a.itemPrintLink {} div.CSP17 div.itemToolbar ul li a.itemPrintLink span {} div.CSP17 div.itemToolbar ul li a.itemEmailLink {} div.CSP17 div.itemToolbar ul li a.itemEmailLink span {} div.CSP17 div.itemToolbar ul li a.itemVideoLink {} div.CSP17 div.itemToolbar ul li a.itemVideoLink span {} div.CSP17 div.itemToolbar ul li a.itemImageGalleryLink {} div.CSP17 div.itemToolbar ul li a.itemImageGalleryLink span {} div.CSP17 div.itemToolbar ul li a.itemCommentsLink {} div.CSP17 div.itemToolbar ul li a.itemCommentsLink span {} div.CSP17 div.itemToolbar ul li a img {} div.CSP17 div.itemToolbar ul li span.itemTextResizerTitle {} div.CSP17 div.itemToolbar ul li a#fontDecrease {} div.CSP17 div.itemToolbar ul li a#fontDecrease img {} div.CSP17 div.itemToolbar ul li a#fontIncrease {} div.CSP17 div.itemToolbar ul li a#fontIncrease img {} div.CSP17 div.itemToolbar ul li a#fontDecrease span, div.CSP17 div.itemToolbar ul li a#fontIncrease span {} div.CSP17 div.itemRatingBlock {} div.CSP17 div.itemRatingBlock span {display: block;float: left;margin: 0;padding: 2px 4px 0 0;color: #999;font-style: normal;} div.CSP17 div.itemBody {} div.CSP17 div.itemImageBlock {margin: 0 0 25px;} div.CSP17 div.itemImageBlock img {/*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);*/} div.CSP17 span.itemImage {} div.CSP17 span.itemImage img {} div.CSP17 span.itemImageCaption {} div.CSP17 span.itemImageCredits {} div.CSP17 .inItemImageCaption {margin:5px 0 15px;font-size: 12px;} div.CSP17 div.itemIntroText {} div.CSP17 div.itemIntroText img {} div.CSP17 div.itemFullText {} div.CSP17 div.itemFullText h3 {margin: 0;padding: 5px 0 15px;font-size:18px;line-height:1.5em;} div.CSP17 div.itemFullText p {} div.CSP17 div.itemFullText img {} div.CSP17 div.itemFullText li {margin:0 0 5px;} div.CSP17 div.itemExtraFields {} div.CSP17 div.itemExtraFields h3 {} div.CSP17 div.itemExtraFields ul {} div.CSP17 div.itemExtraFields ul li {} div.CSP17 div.itemExtraFields ul li span.itemExtraFieldsLabel {} div.CSP17 div.itemExtraFields ul li span.itemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP17 .itemExtraFieldTopTitle {color:#666;font-size:1em; text-transform:uppercase;} div.CSP17 .itemExtraFieldSubtitle {} div.CSP17 .itemExtraFieldCreditsBlock {margin-bottom:15px;font-size:1em;} div.CSP17 .itemExtraFieldTranslator {display:inline-block;margin-right:25px;} div.CSP17 .itemExtraFieldTranslatorLabel {} div.CSP17 .itemExtraFieldTranslatorValue {color:#333;} div.CSP17 .itemExtraFieldEditor {display:inline-block;} div.CSP17 .itemExtraFieldEditorLabel {} div.CSP17 .itemExtraFieldEditorValue {color:#333;} div.CSP17 div.itemContentFooter {display: block;margin: 16px 0 4px;padding: 4px 0;color: #999;text-align:left!important;border-top: 1px solid #ddd;} div.CSP17 span.itemHits {} div.CSP17 div.itemHits {display:inline-block;margin:0 25px 0 0;} div.CSP17 div.itemHits:before {font-family: FontAwesome; content: "";} div.CSP17 span.itemDateModified {} div.CSP17 div.itemDateModified {display:inline-block;} div.CSP17 div.itemDateModified:before {font-family: FontAwesome; content: "";} div.CSP17 div.itemSocialSharing {} div.CSP17 div.itemTwitterButton {} div.CSP17 div.itemFacebookButton {} div.CSP17 div.itemGooglePlusOneButton {} div.CSP17 div.itemLinks {} div.CSP17 div.itemCategory {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP17 div.itemCategory span {} div.CSP17 div.itemCategory a {} div.CSP17 div.itemTagsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP17 div.itemTagsBlock span {} div.CSP17 div.itemTagsBlock ul.itemTags {} div.CSP17 div.itemTagsBlock ul.itemTags li {} div.CSP17 div.itemTagsBlock ul.itemTags li a {} div.CSP17 div.itemTagsBlock ul.itemTags li a:hover {} div.CSP17 div.itemAttachmentsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP17 div.itemAttachmentsBlock span {} div.CSP17 div.itemAttachmentsBlock ul.itemAttachments {} div.CSP17 div.itemAttachmentsBlock ul.itemAttachments li {} div.CSP17 div.itemAttachmentsBlock ul.itemAttachments li a {} div.CSP17 div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.CSP17 div.itemAttachmentsBlock ul.itemAttachments li span {} /* Author block */ div.CSP17 div.itemAuthorBlock {margin: 0 0 16px;padding: 8px;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP17 div.itemAuthorBlock img.itemAuthorAvatar {display: block;float: left;margin: 0 15px 0 0;padding: 4px;width:100px;background: none repeat scroll 0 0 #fff;border: 1px solid #ddd;} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails {} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails h3.authorName {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails p {} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {} div.CSP17 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.CSP17 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {} /* Author latest */ div.CSP17 div.itemAuthorLatest {} div.CSP17 div.itemAuthorLatest h3 {font-size:21px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);border-bottom: 1px solid #ddd;} div.CSP17 div.itemAuthorLatest ul {list-style:none;margin:0;padding:0;} div.CSP17 div.itemAuthorLatest ul li {} div.CSP17 div.itemAuthorLatest ul li a {} div.CSP17 div.itemAuthorLatest ul li a:hover {} div.CSP17 div.itemAuthorLatest ul li a:before {font-family: FontAwesome; content: "";margin:0 5px 0 0;} /* Related by tag */ div.CSP17 div.itemRelated {} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.CSP17 div.itemRelated h3 {} div.CSP17 div.itemRelated ul {} div.CSP17 div.itemRelated ul li {} div.CSP17 div.itemRelated ul li.k2ScrollerElement {} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.CSP17 div.itemRelated ul li.clr {} div.CSP17 a.itemRelTitle {} div.CSP17 div.itemRelCat {} div.CSP17 div.itemRelCat a {} div.CSP17 div.itemRelAuthor {} div.CSP17 div.itemRelAuthor a {} div.CSP17 img.itemRelImg {} div.CSP17 div.itemRelIntrotext {} div.CSP17 div.itemRelFulltext {} div.CSP17 div.itemRelMedia {} div.CSP17 div.itemRelImageGallery {} /* Video */ div.CSP17 div.itemVideoBlock {} div.CSP17 div.itemVideoBlock div.itemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP17 div.itemVideoBlock span.itemVideo {} div.CSP17 div.itemVideoBlock span.itemVideoCaption {} div.CSP17 div.itemVideoBlock span.itemVideoCredits {} /* Image Gallery */ div.CSP17 div.itemImageGallery {} /* Article navigation */ div.CSP17 div.itemNavigation {margin: 0 0 15px;padding: 4px 8px;background: none repeat scroll 0 0 #fffff0;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;} div.CSP17 div.itemNavigation span.itemNavigationTitle {} div.CSP17 div.itemNavigation a.itemPrevious {} div.CSP17 div.itemNavigation a.itemNext {} /* Comments */ div.CSP17 div.itemComments {display: block !important;padding:16px!important;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP17 div.itemComments ul.itemCommentsList {} div.CSP17 div.itemComments ul.itemCommentsList li {} div.CSP17 div.itemComments ul.itemCommentsList li.authorResponse {} div.CSP17 div.itemComments ul.itemCommentsList li.unpublishedComment {} div.CSP17 div.itemComments ul.itemCommentsList li img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP17 div.itemComments ul.itemCommentsList li span.commentDate {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentAuthorName {} div.CSP17 div.itemComments ul.itemCommentsList li p {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentAuthorEmail {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentLink {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentLink a {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentLink a:hover {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentToolbar {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentToolbar a {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {} div.CSP17 div.itemComments ul.itemCommentsList li span.commentToolbarLoading {} div.CSP17 div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.CSP17 div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.CSP17 div.itemCommentsForm h3 {} div.CSP17 div.itemCommentsForm p.itemCommentsFormNotes {padding:5px 0 0;border-top: 2px solid #ccc;} div.CSP17 div.itemCommentsForm form {margin-right:10px;} div.CSP17 div.itemCommentsForm form label.formComment {} div.CSP17 div.itemCommentsForm form label.formName {} div.CSP17 div.itemCommentsForm form label.formEmail {} div.CSP17 div.itemCommentsForm form label.formUrl {} div.CSP17 div.itemCommentsForm form label.formRecaptcha {} div.CSP17 div.itemCommentsForm form textarea.inputbox {display: block;margin: 0;padding: 4px;height: 160px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP17 div.itemCommentsForm form input.inputbox {display: block;margin: 0;padding: 4px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP17 div.itemCommentsForm form input#submitCommentButton {} div.CSP17 div.itemCommentsForm form span#formLog {} div.CSP17 div.itemCommentsForm form .formLogLoading {} /* "Report comment" form */ div.CSP17 div.k2ReportCommentFormContainer {} div.CSP17 div.k2ReportCommentFormContainer blockquote {} div.CSP17 div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {} div.CSP17 div.k2ReportCommentFormContainer blockquote span.quoteIconRight {} div.CSP17 div.k2ReportCommentFormContainer blockquote span.theComment {} div.CSP17 div.k2ReportCommentFormContainer form label {} div.CSP17 div.k2ReportCommentFormContainer form input, div.CSP17 div.k2ReportCommentFormContainer form textarea {} div.CSP17 div.k2ReportCommentFormContainer form #recaptcha {} div.CSP17 div.k2ReportCommentFormContainer form span#formLog {} div.CSP17 div.k2ReportCommentFormContainer form .formLogLoading {} /* Back to top link */ div.CSP17 div.itemBackToTop {} div.CSP17 div.itemBackToTop a {text-transform:uppercase;text-decoration: none;padding:0 4px;border:1px solid #ddd;background-color:#f3f3f3;} div.CSP17 div.itemBackToTop a:hover {} div.CSP17 div.itemBackToTop a:before {font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.CSP17 div.itemListCategoriesBlock {} /* --- Category block --- */ div.CSP17 div.itemListCategory {} div.CSP17 span.catItemAddLink {} div.CSP17 span.catItemAddLink a {} div.CSP17 span.catItemAddLink a:hover {} div.CSP17 div.itemListCategory img {display: block;float: left;margin: 0 12px 0 0;padding: 0;width:48px;background: none;border: none;} div.CSP17 div.itemListCategory h2 {margin:10px 0 10px;font-size:24px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP17 div.itemListCategoryDescription {line-height:1.4em;} div.CSP17 div.itemListCategoryDescription p {margin:0 0 10px;} div.CSP17 div.itemListCategory p {} /* --- Sub-category block --- */ div.CSP17 div.itemListSubCategories {} div.CSP17 div.itemListSubCategories h3 {} div.CSP17 div.subCategoryContainer {} div.CSP17 div.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) */ div.CSP17 div.subCategory {background: none;border-bottom: 1px solid rgba(0, 0, 0, 0.12);margin: 0 0 10px;padding: 0 0 10px;} div.CSP17 div.subCategory a.subCategoryImage, div.CSP17 div.subCategory a.subCategoryImage:hover {} div.CSP17 div.subCategory a.subCategoryImage img {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transition: all 0.2s ease-out 0s;} div.CSP17 div.subCategory a.subCategoryImage:hover img {transform: scale(1.1);} div.CSP17 div.subCategory h2 {margin:0 0 10px;} div.CSP17 div.subCategory h2 a {} div.CSP17 div.subCategory h2 a:hover {} div.CSP17 div.subCategory p {} /* --- Item groups --- */ div.CSP17 div.itemList {} div.CSP17 div#itemListLeading {} div.CSP17 div#itemListPrimary {} div.CSP17 div#itemListSecondary {} div.CSP17 div#itemListLinks {margin: 10px 0 0;padding: 0;background: none;border: none;} div.CSP17 div#itemListLinks h4 {margin: 0 0 20px;} div.CSP17 div.itemContainer {width:100%;} div.CSP17 div.itemContainerLast {} /* 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) */ /* --- Item block for each item group --- */ div.CSP17 div.catItemView {display: block;margin: 0 0 10px;padding:0 0 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.12);} /* 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 */ div.CSP17 div.groupLeading {} div.CSP17 div.groupPrimary {} div.CSP17 div.groupSecondary {} div.CSP17 div.groupLinks {} div.CSP17 div.catItemGroupLinksView {display:block;margin:0 0 15px 0;min-height:93px;border-bottom: 2px solid rgba(0, 0, 0, 0.12);} div.CSP17 .catItemGroupLinksImageBlock {float:left;margin:0 20px 0 0;height:76px;width:76px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP17 .catItemGroupLinksImageBlock img {width:auto; height:76px; margin-left: -19px; position:absolute; max-width:none;} div.CSP17 h3.catItemGroupLinksTitle {margin:0 0 6px;font-size:21px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP17 div.catItemGroupLinksDateCreated {display:inline-block;margin:0 8px 10px 0;} div.CSP17 div.catItemGroupLinksDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP17 div.catItemGroupLinksDateCreated span.catItemDateCreatedDay {} div.CSP17 div.catItemGroupLinksDateCreated span.catItemDateCreatedMonth {} div.CSP17 div.catItemGroupLinksDateCreated span.catItemDateCreatedYear {} div.CSP17 div.catItemGroupLinksAuthor {display:inline-block;} div.CSP17 div.catItemGroupLinksAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP17 div.catItemIsFeatured {} /* Attach a class for each featured item */ div.CSP17 span.catItemEditLink {} div.CSP17 span.catItemEditLink a {} div.CSP17 span.catItemEditLink a:hover {} div.CSP17 article.catItemContainer {display:table; position: relative;} div.CSP17 .catItemContainer {display:table-cell;vertical-align:top;} div.CSP17 div.catItemHeader {} div.CSP17 div.catItemHeader span.catItemDateCreated {} div.CSP17 div.catItemHeader div.catItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.CSP17 div.catItemHeader div.catItemDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP17 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedDay {} div.CSP17 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMonth {} div.CSP17 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedYear {} div.CSP17 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedTime {} div.CSP17 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedHour {} div.CSP17 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMinute {} div.CSP17 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedSecond {} div.CSP17 div.catItemHeader h3.catItemTitle {} div.CSP17 div.catItemHeader h3.catItemTitle span {} div.CSP17 div.catItemHeader h3.catItemTitle span sup {} /* superscript */ div.CSP17 div.catItemHeader span.catItemAuthor {} div.CSP17 div.catItemHeader span.catItemAuthor a {} div.CSP17 div.catItemHeader span.catItemAuthor a:hover {} div.CSP17 div.catItemHeader div.catItemAuthor {display:inline-block;} div.CSP17 div.catItemHeader div.catItemAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP17 div.catItemRatingBlock {} div.CSP17 div.catItemRatingBlock span {} div.CSP17 div.catItemBody {} div.CSP17 div.catItemImageBlock {display:table-cell;vertical-align:top;} div.CSP17 span.catItemImage {} div.CSP17 span.catItemImage img {} div.CSP17 .catItemImageBlock {float:left;margin:0 20px 0 0;overflow:hidden; /*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);*/ position: relative;} div.CSP17 .catItemImageBlock img {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transition: all 0.2s ease-out 0s;} div.CSP17 .catItemImageBlock img:hover {transform: scale(1.05);} div.CSP17 div.catItemIntroText {} div.CSP17 div.catItemIntroText img {} div.CSP17 div.catItemExtraFields, div.genericItemExtraFields {} div.CSP17 div.catItemExtraFields h4, div.genericItemExtraFields h4 {} div.CSP17 div.catItemExtraFields ul, div.genericItemExtraFields ul {} div.CSP17 div.catItemExtraFields ul li, div.genericItemExtraFields ul li {} div.CSP17 div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.CSP17 div.catItemExtraFields ul li span.catItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP17 .catItemExtraFieldTopTitle {margin: 0 0 5px;color:#666;font-size:1em;line-height: 1.2em;text-transform:uppercase;} div.CSP17 div.catItemLinks {} div.CSP17 div.catItemHitsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP17 span.catItemHits {} div.CSP17 div.catItemHits {display:inline-block;} div.CSP17 div.catItemHits:before {font-family: FontAwesome; content: "";} div.CSP17 div.catItemCategory {} div.CSP17 div.catItemCategory span {} div.CSP17 div.catItemCategory a {} div.CSP17 div.catItemTagsBlock {} div.CSP17 div.catItemTagsBlock span {} div.CSP17 div.catItemTagsBlock ul.catItemTags {} div.CSP17 div.catItemTagsBlock ul.catItemTags li {margin:0 2px 0 0;} div.CSP17 div.catItemTagsBlock ul.catItemTags li a {} div.CSP17 div.catItemTagsBlock ul.catItemTags li a:hover {} div.CSP17 div.catItemTagsBlock ul.catItemTags li a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.CSP17 div.catItemAttachmentsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP17 div.catItemAttachmentsBlock span {} div.CSP17 div.catItemAttachmentsBlock ul.catItemAttachments {} div.CSP17 div.catItemAttachmentsBlock ul.catItemAttachments li {display: block;margin: 0;padding: 0px;list-style: none outside none;text-align: left;} div.CSP17 div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.CSP17 div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.CSP17 div.catItemAttachmentsBlock ul.catItemAttachments li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP17 div.catItemAttachmentsBlock ul.catItemAttachments li span {} /* Video */ div.CSP17 div.catItemVideoBlock {} div.CSP17 div.catItemVideoBlock div.catItemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP17 div.catItemVideoBlock span.catItemVideo {} /* Image Gallery */ div.CSP17 div.catItemImageGallery {} /* Anchor link to comments */ div.CSP17 div.catItemCommentsLink {} div.CSP17 div.catItemCommentsLink a {} div.CSP17 div.catItemCommentsLink a:hover {} div.CSP17 div.catItemCommentsLink a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} /* Read more link */ div.CSP17 div.catItemReadMore {} div.CSP17 div.catItemReadMore a {} div.CSP17 div.catItemReadMore a:hover {} div.CSP17 div.catItemReadMore a.readon {float:right;margin:-5px 25px 5px 0;padding: 6px 12px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} /* Modified date */ div.CSP17 span.catItemDateModified {} div.CSP17 div.catItemDateModified {display:inline-block;margin:4px 0 4px 0;/*font-size:0.8em;*/} div.CSP17 div.catItemDateModified:before {margin:0 1px 0 0;font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.CSP17 div.userView {} div.CSP17 div.userBlock {} div.CSP17 span.userItemAddLink {} div.CSP17 span.userItemAddLink a {} div.CSP17 span.userItemAddLink a:hover {} div.CSP17 div.userBlock img {} div.CSP17 div.userBlock h2 {} div.CSP17 div.userBlock div.userDescription {} div.CSP17 div.userBlock div.userAdditionalInfo {} div.CSP17 span.userURL {} div.CSP17 span.userEmail {} div.CSP17 div.userItemList {} /* User items */ div.CSP17 div.userItemView {} /* this is the item container for this view */ div.CSP17 div.userItemIsFeatured {} /* Attach a class for each featured item */ div.CSP17 div.userItemViewUnpublished {} div.CSP17 span.userItemEditLink {} div.CSP17 span.userItemEditLink a {} div.CSP17 span.userItemEditLink a:hover {} div.CSP17 div.userItemHeader {} div.CSP17 div.userItemHeader span.userItemDateCreated {} div.CSP17 div.userItemHeader h3.userItemTitle {} div.CSP17 div.userItemHeader h3.userItemTitle span sup {} /* "Unpublished" presented in superscript */ div.CSP17 div.userItemBody {} div.CSP17 div.userItemImageBlock {} div.CSP17 span.userItemImage {} div.CSP17 span.userItemImage img {} div.CSP17 div.userItemIntroText {} div.CSP17 div.userItemIntroText img {} div.CSP17 div.userItemLinks {} div.CSP17 div.userItemCategory {} div.CSP17 div.userItemCategory span {} div.CSP17 div.userItemCategory a {} div.CSP17 div.userItemTagsBlock {} div.CSP17 div.userItemTagsBlock span {} div.CSP17 div.userItemTagsBlock ul.userItemTags {} div.CSP17 div.userItemTagsBlock ul.userItemTags li {} div.CSP17 div.userItemTagsBlock ul.userItemTags li a {} div.CSP17 div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.CSP17 div.userItemCommentsLink {} div.CSP17 div.userItemCommentsLink a {} div.CSP17 div.userItemCommentsLink a:hover {} /* Read more link */ div.CSP17 div.userItemReadMore {} div.CSP17 div.userItemReadMore a {} div.CSP17 div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.CSP17 div.tagView {} div.CSP17 div.tagItemList {} div.CSP17 div.tagItemView {} /* this is the item container for this view */ div.CSP17 article.tagItemContainer {display:block; position: relative; padding: 0 0 12px 0;} div.CSP17 .tagItemContainer {display:table-cell!important;} div.CSP17 div.tagItemHeader {} div.CSP17 div.tagItemHeader span.tagItemDateCreated {} div.CSP17 div.tagItemHeader h2.tagItemTitle {line-height:1.2em;} div.CSP17 div.tagItemBody {margin: 0;padding: 6px 0 0;} div.CSP17 div.tagItemImageBlock {} div.CSP17 .tagItemImageBlock {float:left;margin:0 20px 0 0;height:160px;width:160px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP17 .tagItemImageBlock img {width:auto; height:160px; margin-left: -40px; position:absolute; max-width:none;} div.CSP17 div.tagItemIntroText {padding:0;} div.CSP17 div.tagItemIntroText img {} div.CSP17 div.tagItemExtraFields {} div.CSP17 div.tagItemExtraFields h4 {} div.CSP17 div.tagItemExtraFields ul {} div.CSP17 div.tagItemExtraFields ul li {} div.CSP17 div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.CSP17 div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.CSP17 div.tagItemCategory {} div.CSP17 div.tagItemCategory span {} div.CSP17 div.tagItemCategory a {} /* Read more link */ div.CSP17 div.tagItemReadMore {} div.CSP17 div.tagItemReadMore a {} div.CSP17 div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.CSP17 div.latestItemsContainer {} /* Category info block */ div.CSP17 div.latestItemsCategory {} div.CSP17 div.latestItemsCategoryImage {} div.CSP17 div.latestItemsCategoryImage img {} div.CSP17 div.latestItemsCategory h2 {} div.CSP17 div.latestItemsCategory p {} /* User info block */ div.CSP17 div.latestItemsUser {} div.CSP17 div.latestItemsUser img {} div.CSP17 div.latestItemsUser h2 {} div.CSP17 div.latestItemsUser p.latestItemsUserDescription {} div.CSP17 div.latestItemsUser p.latestItemsUserAdditionalInfo {} div.CSP17 span.latestItemsUserURL {} div.CSP17 span.latestItemsUserEmail {} /* Latest items list */ div.CSP17 div.latestItemList {} div.CSP17 div.latestItemView {} /* this is the item container for this view */ div.CSP17 div.latestItemHeader {} div.CSP17 div.latestItemHeader h3.latestItemTitle {} div.CSP17 span.latestItemDateCreated {} div.CSP17 div.latestItemBody {} div.CSP17 div.latestItemImageBlock {} div.CSP17 span.latestItemImage {} div.CSP17 span.latestItemImage img {} div.CSP17 div.latestItemIntroText {} div.CSP17 div.latestItemIntroText img {} div.CSP17 div.latestItemLinks {} div.CSP17 div.latestItemCategory {} div.CSP17 div.latestItemCategory span {} div.CSP17 div.latestItemCategory a {} div.CSP17 div.latestItemTagsBlock {} div.CSP17 div.latestItemTagsBlock span {} div.CSP17 div.latestItemTagsBlock ul.latestItemTags {} div.CSP17 div.latestItemTagsBlock ul.latestItemTags li {} div.CSP17 div.latestItemTagsBlock ul.latestItemTags li a {} div.CSP17 div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.CSP17 div.latestItemVideoBlock {} div.CSP17 div.latestItemVideoBlock span.latestItemVideo {} /* Anchor link to comments */ div.CSP17 div.latestItemCommentsLink {} div.CSP17 div.latestItemCommentsLink a {} div.CSP17 div.latestItemCommentsLink a:hover {} /* Read more link */ div.CSP17 div.latestItemReadMore {} div.CSP17 div.latestItemReadMore a {} div.CSP17 div.latestItemReadMore a:hover {} /* Items presented in a list */ div.CSP17 h2.latestItemTitleList {} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.MSP17.k2ItemsBlock {display: block;} div.MSP17.k2ItemsBlock p.modulePretext {} div.MSP17.k2ItemsBlock ul {} div.MSP17.k2ItemsBlock ul li {} div.MSP17.k2ItemsBlock ul li a {} div.MSP17.k2ItemsBlock ul li a:hover {} div.MSP17.k2ItemsBlock ul li.lastItem {} div.MSP17.k2ItemsBlock div.moduleItemPadding {display:block; margin:0 0 10px; padding: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} div.MSP17.k2ItemsBlock ul li.lastItem .moduleItemPadding {display:block; margin:0 0 10px; padding: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} div.MSP17.k2ItemsBlock article.moduleListsItem {display:block; position: relative;} div.MSP17.k2ItemsBlock .moduleListsImage {display:block; float:left; margin: 0 20px 0 0; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.MSP17.k2ItemsBlock .moduleListsImage img {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} div.MSP17.k2ItemsBlock div.moduleListsItemBody {display:table-cell;margin-bottom:5px;} div.MSP17.k2ItemsBlock ul li a.moduleItemTitle {} div.MSP17.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.MSP17.k2ItemsBlock div.moduleListsTitle {cursor:pointer;display:block;font-size:inherit;font-weight:normal;line-height:1.5em;margin: 0;position: relative;} div.MSP17.k2ItemsBlock div.moduleListsTitle a.moduleItemTitle {} div.MSP17.k2ItemsBlock div.moduleListsTitle .moduleItemDateInTitle {} div.MSP17.k2ItemsBlock div.moduleListsTitle:hover .moduleItemDateInTitle {} div.MSP17.k2ItemsBlock div.moduleListsInfos {font-size: 1em;} div.MSP17.k2ItemsBlock ul li div.moduleItemAuthor {} div.MSP17.k2ItemsBlock ul li div.moduleItemAuthor a {} div.MSP17.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.MSP17.k2ItemsBlock div.moduleItemAuthor {display:inline-block;} div.MSP17.k2ItemsBlock div.moduleItemAuthor a:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP17.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.MSP17.k2ItemsBlock div.moduleItemAuthorAvatar {display:block;} div.MSP17.k2ItemsBlock ul li div.moduleItemIntrotext {} div.MSP17.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {} div.MSP17.k2ItemsBlock div.moduleItemIntrotext {} div.MSP17.k2ItemsBlock ul li div.moduleItemExtraFields {} div.MSP17.moduleItemExtraFields ul {} div.MSP17.moduleItemExtraFields ul li {} div.MSP17.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {} div.MSP17.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.MSP17 .moduleItemExtraFieldTopTitle {margin: 0 0 5px;color:#666;font-size:1em;line-height: 1.2em;text-transform:uppercase;} div.MSP17.k2ItemsBlock ul li div.moduleItemVideo {} div.MSP17.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.MSP17.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.MSP17.k2ItemsBlock ul li span.moduleItemDateCreated {} div.MSP17.k2ItemsBlock div.moduleItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.MSP17.k2ItemsBlock div.moduleItemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP17.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedDay {} div.MSP17.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedMonth {} div.MSP17.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedYear {display:none;} div.MSP17.k2ItemsBlock ul li a.moduleItemCategory {} div.MSP17.k2ItemsBlock div.moduleItemCategory {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP17.k2ItemsBlock div.moduleItemCategory span {font-weight:bold;} div.MSP17.k2ItemsBlock ul li div.moduleItemTags {} div.MSP17.k2ItemsBlock ul li div.moduleItemTags b {} div.MSP17.k2ItemsBlock ul li div.moduleItemTags a {} div.MSP17.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.MSP17.k2ItemsBlock div.moduleItemTags {padding:4px 0;/*border-bottom:1px dotted #ccc;*/} div.MSP17.k2ItemsBlock div.moduleItemTags span {font-weight:bold;} div.MSP17.k2ItemsBlock div.moduleItemTags a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.MSP17.k2ItemsBlock ul li div.moduleAttachments {} div.MSP17.k2ItemsBlock div.moduleAttachments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP17.k2ItemsBlock div.moduleAttachments span {font-weight:bold;} div.MSP17.k2ItemsBlock div.moduleAttachments ul {display: inline;list-style: none outside none;margin: 0;padding: 0;} div.MSP17.k2ItemsBlock div.moduleAttachments ul li {} div.MSP17.k2ItemsBlock div.moduleAttachments ul li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP17.k2ItemsBlock ul li a.moduleItemComments {} div.MSP17.k2ItemsBlock ul li a.moduleItemComments:hover {} div.MSP17.k2ItemsBlock div.moduleItemComments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP17.k2ItemsBlock div.moduleItemComments a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP17.k2ItemsBlock ul li span.moduleItemHits {} div.MSP17.k2ItemsBlock div.moduleItemHits {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP17.k2ItemsBlock div.moduleItemHits:before {font-family: FontAwesome; content: "";} div.MSP17.k2ItemsBlock ul li a.moduleItemReadMore {} div.MSP17.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.MSP17.k2ItemsBlock div.moduleListsReadonWrapper {display:block;} div.MSP17.k2ItemsBlock div.moduleListsReadonWrapper a.readon {float:right;margin:-5px 25px 5px 0;padding: 2px 10px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} div.MSP17.k2ItemsBlock a.moduleCustomLink {} div.MSP17.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.MSP17 div.k2UsersBlock {} div.MSP17 div.k2UsersBlock ul {} div.MSP17 div.k2UsersBlock ul li {} div.MSP17 div.k2UsersBlock ul li.lastItem {} div.MSP17 div.k2UsersBlock ul li a.ubUserAvatar img {} div.MSP17 div.k2UsersBlock ul li a.ubUserName {} div.MSP17 div.k2UsersBlock ul li a.ubUserName:hover {} div.MSP17 div.k2UsersBlock ul li div.ubUserDescription {} div.MSP17 div.k2UsersBlock ul li div.ubUserAdditionalInfo {} div.MSP17 a.ubUserFeedIcon, div.MSP17 a.ubUserFeedIcon:hover {} div.MSP17 a.ubUserFeedIcon span, div.MSP17 a.ubUserFeedIcon:hover span {} div.MSP17 a.ubUserURL, div.MSP17 a.ubUserURL:hover {} div.MSP17 a.ubUserURL span, div.MSP17 a.ubUserURL:hover span {} div.MSP17 span.ubUserEmail {} div.MSP17 span.ubUserEmail a {} div.MSP17 div.k2UsersBlock ul li h3 {} div.MSP17 div.k2UsersBlock ul li ul.ubUserItems {} div.MSP17 div.k2UsersBlock ul li ul.ubUserItems li {} /*---------------------------------------------------------------------- RESPONSIVE STYLING FOR CSP17 & MSP17 ----------------------------------------------------------------------*/ @media (min-width: 1200px) { /* K2 CSP17 */ div.CSP17 div.itemListCategory h2 {font-size:28px;} div.CSP17 div.catItemView {} div.CSP17 .catItemImageBlock {width:160px;} div.CSP17 .catItemImageBlock img {} div.CSP17 div.catItemHeader h3.catItemTitle {font-size:24px;} div.CSP17 h3.catItemGroupLinksTitle {font-size:24px;} div.CSP17 .tagItemImageBlock {height:160px;width:160px;} div.CSP17 .tagItemImageBlock img {height:160px; margin-left: -40px;} /* K2 MSP17 */ div.MSP17.k2ItemsBlock .moduleListsImage {width:160px;} div.MSP17.k2ItemsBlock .moduleListsImage img {} div.MSP17.k2ItemsBlock div.moduleListsTitle {} } @media (min-width: 960px) and (max-width: 1199px) { /* K2 CSP17 */ div.CSP17 .catItemImageBlock, div.CSP17 .tagItemImageBlock {width:140px;} div.CSP17 .catItemImageBlock img, div.CSP17 .tagItemImageBlock img {} /* K2 MSP17 */ div.MSP17.k2ItemsBlock div.moduleItemPadding {} div.MSP17.k2ItemsBlock .moduleListsImage {width:140px;} div.MSP17.k2ItemsBlock .moduleListsImage img {} } @media (min-width: 768px) and (max-width: 959px) { /* K2 CSP17 */ div.CSP17 .catItemImageBlock, div.CSP17 .tagItemImageBlock {width:120px;} div.CSP17 .catItemImageBlock img, div.CSP17 .tagItemImageBlock img {} /* K2 MSP17 */ div.MSP17.k2ItemsBlock div.moduleItemPadding {} div.MSP17.k2ItemsBlock .moduleListsImage {width:120px;} div.MSP17.k2ItemsBlock .moduleListsImage img {} } @media (max-width: 767px) { /* K2 CSP17 */ div.CSP17 .catItemImageBlock, div.CSP17 .tagItemImageBlock {width:100px;} div.CSP17 .catItemImageBlock img, div.CSP17 .tagItemImageBlock img {} /* K2 MSP17 */ div.MSP17.k2ItemsBlock div.moduleItemPadding {} div.MSP17.k2ItemsBlock .moduleListsImage {width:100px;} div.MSP17.k2ItemsBlock .moduleListsImage img {} } @media (min-width: 481px) and (max-width: 767px) { /* K2 CSP17 */ /* K2 MSP17 */ } @media (max-width: 480px) { /* K2 CSP17 */ div.CSP17 h2.itemTitle {font-size:24px;} div.CSP17 h3.catItemTitle {font-size:18px} div.CSP17 .catItemImageBlock, div.CSP17 .tagItemImageBlock {margin:0 12px 0 0;width:76px;} div.CSP17 .catItemImageBlock img, div.CSP17 .tagItemImageBlock img {} div.CSP17 div.itemHeader div.itemDateCreated {} div.CSP17 div.itemHeader div.itemAuthor {margin:0 0 0 5px;} div.CSP17 div.itemHits {display:block;} div.CSP17 div.itemDateModified {display:block;margin-left:2px;} div.CSP17 div.itemContainer {width:100%!important;} /* K2 MSP17 */ div.MSP17.k2ItemsBlock div.moduleItemPadding {} div.MSP17.k2ItemsBlock div.moduleListsTitle {} div.MSP17.k2ItemsBlock .moduleListsImage {margin: 0 12px 10px 0;width:75px;} div.MSP17.k2ItemsBlock .moduleListsImage img {} div.MSP17.k2ItemsBlock div.moduleItemDateCreated {} div.MSP17.k2ItemsBlock div.moduleItemAuthor {} div.MSP17.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP17.k2ItemsBlock div.moduleListsIntroText, div.MSP17.k2ItemsBlock div.moduleListsReadonWrapper {} } @media (max-width: 360px) { div.MSP17 .moduleItemExtraFieldTopTitle {color:#333; letter-spacing:-1px;} } @media (max-width: 320px) { /* K2 CSP17 */ div.CSP17 div.itemListCategory h2 {font-size:18px;} div.CSP17 h2.itemTitle {font-size:21px;} div.CSP17 div.catItemHeader h3.catItemTitle {margin:0 0 5px;font-size:16px} div.CSP17 .catItemExtraFieldTopTitle {font-size:13px;} div.CSP17 .catItemImageBlock, div.CSP17 .tagItemImageBlock {margin:0 12px 0 0;width:72px;} div.CSP17 .catItemImageBlock img, div.CSP17 .tagItemImageBlock img {} div.CSP17 div.catItemHeader div.catItemDateCreated {font-size:0.8em;} div.CSP17 div.catItemHeader div.catItemAuthor {margin:0 0 0 5px;font-size:0.8em;} div.CSP17 div.itemHits {display:block;} div.CSP17 div.itemDateModified {display:block;margin-left:2px;} div.CSP17 div.catItemGroupLinksView {min-height:85px;} div.CSP17 .catItemGroupLinksImageBlock {margin:0 12px 0 0;height:68px;width:68px;} div.CSP17 .catItemGroupLinksImageBlock img {height:68px; margin-left: -17px;} div.CSP17 h3.catItemGroupLinksTitle {margin:0 0 2px;font-size:14px;} div.CSP17 div.catItemGroupLinksDateCreated {display:block;margin:0 0 0 0;font-size:0.8em;} div.CSP17 div.catItemGroupLinksAuthor {display:block;margin:-3px 0 10px 0;font-size:0.8em;} /* K2 MSP17 */ div.MSP17.k2ItemsBlock article.moduleListsItem {padding:0;} div.MSP17.k2ItemsBlock div.moduleItemPadding {} div.MSP17.k2ItemsBlock div.moduleListsItemBody {display:table-cell;} div.MSP17.k2ItemsBlock div.moduleListsTitle {font-size: 18px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);} div.MSP17.k2ItemsBlock .moduleListsImage {margin: 0 12px 10px 0;width:72px;} div.MSP17.k2ItemsBlock .moduleListsImage img {} div.MSP17.k2ItemsBlock div.moduleItemDateCreated {font-size: 0.8em;display:block;margin-top:-3px;} div.MSP17.k2ItemsBlock div.moduleItemAuthor {font-size: 0.8em;display:block;margin-top:-5px;} div.MSP17.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP17.k2ItemsBlock div.moduleListsIntroText, div.MSP17.k2ItemsBlock div.moduleListsReadonWrapper {display:none;} div.MSP17.k2ItemsBlock ul li div.moduleItemIntrotext {/*display:none;*/font-size:14px;} div.MSP17 .moduleItemExtraFieldTopTitle, div.MSP17.k2ItemsBlock div.moduleItemTags {display:none;} } /* --- END --- */ /*---------------------------------------------------------------------------------------------------- EXTRA CSS STYLING FOR K2 SUB-TEMPLATES CSP19 & MSP19 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Basic typography --- */ div.CSP19 a:active, div.CSP19 a:focus {} div.CSP19 img {max-width:100%;} /* --- Global K2 container --- */ #k2Container div.CSP19 {} body.contentpane #k2Container div.CSP19 {} /* used in popups */ /* --- General padding --- */ div.CSP19 .k2Padding {} /* --- Clearing --- */ div.CSP19 .clr {} /* --- Zebra rows --- */ div.CSP19 .even {} div.CSP19 .odd {} /* --- RSS feed icon --- */ div.CSP19 div.k2FeedIcon {} div.CSP19 div.k2FeedIcon a, div.CSP19 div.k2FeedIcon a:hover {} div.CSP19 div.k2FeedIcon a span, div.CSP19 div.k2FeedIcon a:hover span {} /* --- Rating --- */ div.CSP19 .itemRatingForm {} div.CSP19 .itemRatingLog {} div.CSP19 div.itemRatingForm .formLogLoading {} div.CSP19 .itemRatingList, div.CSP19 .itemRatingList a:hover, div.CSP19 .itemRatingList .itemCurrentRating {} div.CSP19 .itemRatingList {} div.CSP19 .itemRatingList li {} div.CSP19 .itemRatingList a, div.CSP19 .itemRatingList .itemCurrentRating {} div.CSP19 .itemRatingList a:hover {} div.CSP19 .itemRatingList a.one-star {} div.CSP19 .itemRatingList a.two-stars {} div.CSP19 .itemRatingList a.three-stars {} div.CSP19 .itemRatingList a.four-stars {} div.CSP19 .itemRatingList a.five-stars {} div.CSP19 .itemRatingList .itemCurrentRating {} div.CSP19 span.siteRoot {} /* --- CSS added with Javascript --- */ div.CSP19 .smallerFontSize {} div.CSP19 .largerFontSize {} /* --- ReCaptcha --- */ div.CSP19 .recaptchatable .recaptcha_image_cell, div.CSP19 #recaptcha_table {} div.CSP19 #recaptcha_table {} div.CSP19 #recaptcha_response_field {} /* --- Primary lists in modules --- */ div.CSP19 div.k2LatestCommentsBlock ul, div.CSP19 div.k2TopCommentersBlock ul, div.CSP19 div.k2ItemsBlock ul, div.CSP19 div.k2LoginBlock ul, div.CSP19 div.k2UserBlock ul.k2UserBlockActions, div.CSP19 div.k2UserBlock ul.k2UserBlockRenderedMenu, div.CSP19 div.k2ArchivesBlock ul, div.CSP19 div.k2AuthorsListBlock ul, div.CSP19 div.k2CategoriesListBlock ul, div.CSP19 div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.CSP19 div.k2LatestCommentsBlock ul li, div.CSP19 div.k2TopCommentersBlock ul li, div.CSP19 div.k2ItemsBlock ul li, div.CSP19 div.k2LoginBlock ul li, div.CSP19 div.k2UserBlock ul.k2UserBlockActions li, div.CSP19 div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.CSP19 div.k2ArchivesBlock ul li, div.CSP19 div.k2AuthorsListBlock ul li, div.CSP19 div.k2CategoriesListBlock ul li, div.CSP19 div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ div.CSP19 .clearList {} /* this class is used to clear all previous floating list elements */ div.CSP19 .lastItem {} /* class appended on last list item */ /* --- Avatars --- */ div.CSP19 .k2Avatar img {} /* --- Read more --- */ div.CSP19 a.k2ReadMore {} div.CSP19 a.k2ReadMore:hover {} /* --- Pagination --- */ div.CSP19 div.k2Pagination {} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.CSP19 div.k2Pagination ul {} div.CSP19 div.k2Pagination ul li {} /* --- Extra fields: CSV data styling --- */ div.CSP19 table.csvData {} div.CSP19 table.csvData tr th {} div.CSP19 table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.CSP19 div.itemIsFeatured, div.CSP19 div.catItemIsFeatured, div.CSP19 div.userItemIsFeatured {} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ div.CSP19 a.itemPrintThisPage {} div.CSP19 a.itemPrintThisPage:hover {} div.CSP19.itemView {} /* this is the item container for this view */ div.CSP19 div.itemIsFeatured {} /* Attach a class for each featured item */ div.CSP19 span.itemEditLink {} div.CSP19 span.itemEditLink a {} div.CSP19 span.itemEditLink a:hover {} div.CSP19 div.itemHeader {} div.CSP19 div.itemHeader span.itemDateCreated {} div.CSP19 div.itemHeader div.itemDateCreated {display:inline-block;font-size:1em;} div.CSP19 div.itemHeader div.itemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 1px 0 0;} div.CSP19 div.itemHeader h2.itemTitle {} div.CSP19 div.itemHeader h2.itemTitle span {} div.CSP19 div.itemHeader h2.itemTitle span sup {} /* "Featured" presented in superscript */ div.CSP19 div.itemHeader span.itemAuthor {} div.CSP19 div.itemHeader div.itemAuthor {display:inline-block;margin:0 0 0 10px;font-size:1em;} div.CSP19 div.itemHeader div.itemAuthor:before {font-family: FontAwesome; content: ""; margin:0;} div.CSP19 div.itemHeader span.itemAuthor a {} div.CSP19 div.itemHeader span.itemAuthor a:hover {} div.CSP19 div.itemToolbar {} div.CSP19 div.itemToolbar ul {} div.CSP19 div.itemToolbar ul li {} div.CSP19 div.itemToolbar ul > li:first-child {} /* remove the first CSS border from the left of the toolbar */ div.CSP19 div.itemToolbar ul li a {} div.CSP19 div.itemToolbar ul li a:hover {} div.CSP19 div.itemToolbar ul li a span {} div.CSP19 div.itemToolbar ul li a.itemPrintLink {} div.CSP19 div.itemToolbar ul li a.itemPrintLink span {} div.CSP19 div.itemToolbar ul li a.itemEmailLink {} div.CSP19 div.itemToolbar ul li a.itemEmailLink span {} div.CSP19 div.itemToolbar ul li a.itemVideoLink {} div.CSP19 div.itemToolbar ul li a.itemVideoLink span {} div.CSP19 div.itemToolbar ul li a.itemImageGalleryLink {} div.CSP19 div.itemToolbar ul li a.itemImageGalleryLink span {} div.CSP19 div.itemToolbar ul li a.itemCommentsLink {} div.CSP19 div.itemToolbar ul li a.itemCommentsLink span {} div.CSP19 div.itemToolbar ul li a img {} div.CSP19 div.itemToolbar ul li span.itemTextResizerTitle {} div.CSP19 div.itemToolbar ul li a#fontDecrease {} div.CSP19 div.itemToolbar ul li a#fontDecrease img {} div.CSP19 div.itemToolbar ul li a#fontIncrease {} div.CSP19 div.itemToolbar ul li a#fontIncrease img {} div.CSP19 div.itemToolbar ul li a#fontDecrease span, div.CSP19 div.itemToolbar ul li a#fontIncrease span {} div.CSP19 div.itemRatingBlock {} div.CSP19 div.itemRatingBlock span {display: block;float: left;margin: 0;padding: 2px 4px 0 0;color: #999;font-style: normal;} div.CSP19 div.itemBody {} div.CSP19 div.itemImageBlock {margin: 0 0 25px;} div.CSP19 div.itemImageBlock img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP19 span.itemImage {} div.CSP19 span.itemImage img {} div.CSP19 span.itemImageCaption {} div.CSP19 span.itemImageCredits {} div.CSP19 .inItemImageCaption {margin:5px 0 15px;font-size: 12px;} div.CSP19 div.itemIntroText {} div.CSP19 div.itemIntroText img {} div.CSP19 div.itemFullText {} div.CSP19 div.itemFullText h3 {margin: 0;padding: 5px 0 15px;font-size:18px;line-height:1.5em;} div.CSP19 div.itemFullText p {} div.CSP19 div.itemFullText img {} div.CSP19 div.itemFullText li {margin:0 0 5px;} div.CSP19 div.itemExtraFields {} div.CSP19 div.itemExtraFields h3 {} div.CSP19 div.itemExtraFields ul {} div.CSP19 div.itemExtraFields ul li {} div.CSP19 div.itemExtraFields ul li span.itemExtraFieldsLabel {} div.CSP19 div.itemExtraFields ul li span.itemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP19 .itemExtraFieldTopTitle {color:#666;font-size:1em; text-transform:uppercase;} div.CSP19 .itemExtraFieldSubtitle {} div.CSP19 .itemExtraFieldCreditsBlock {margin-bottom:15px;font-size:1em;} div.CSP19 .itemExtraFieldTranslator {display:inline-block;margin-right:25px;} div.CSP19 .itemExtraFieldTranslatorLabel {} div.CSP19 .itemExtraFieldTranslatorValue {color:#333;} div.CSP19 .itemExtraFieldEditor {display:inline-block;} div.CSP19 .itemExtraFieldEditorLabel {} div.CSP19 .itemExtraFieldEditorValue {color:#333;} div.CSP19 div.itemContentFooter {display: block;margin: 16px 0 4px;padding: 4px 0;color: #999;text-align:left!important;border-top: 1px solid #ddd;} div.CSP19 span.itemHits {} div.CSP19 div.itemHits {display:inline-block;margin:0 25px 0 0;} div.CSP19 div.itemHits:before {font-family: FontAwesome; content: "";} div.CSP19 span.itemDateModified {} div.CSP19 div.itemDateModified {display:inline-block;} div.CSP19 div.itemDateModified:before {font-family: FontAwesome; content: "";} div.CSP19 div.itemSocialSharing {} div.CSP19 div.itemTwitterButton {} div.CSP19 div.itemFacebookButton {} div.CSP19 div.itemGooglePlusOneButton {} div.CSP19 div.itemLinks {} div.CSP19 div.itemCategory {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP19 div.itemCategory span {} div.CSP19 div.itemCategory a {} div.CSP19 div.itemTagsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP19 div.itemTagsBlock span {} div.CSP19 div.itemTagsBlock ul.itemTags {} div.CSP19 div.itemTagsBlock ul.itemTags li {} div.CSP19 div.itemTagsBlock ul.itemTags li a {} div.CSP19 div.itemTagsBlock ul.itemTags li a:hover {} div.CSP19 div.itemAttachmentsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP19 div.itemAttachmentsBlock span {} div.CSP19 div.itemAttachmentsBlock ul.itemAttachments {} div.CSP19 div.itemAttachmentsBlock ul.itemAttachments li {} div.CSP19 div.itemAttachmentsBlock ul.itemAttachments li a {} div.CSP19 div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.CSP19 div.itemAttachmentsBlock ul.itemAttachments li span {} /* Author block */ div.CSP19 div.itemAuthorBlock {margin: 0 0 16px;padding: 8px;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP19 div.itemAuthorBlock img.itemAuthorAvatar {display: block;float: left;margin: 0 15px 0 0;padding: 4px;width:100px;background: none repeat scroll 0 0 #fff;border: 1px solid #ddd;} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails {} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails h3.authorName {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails p {} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {} div.CSP19 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.CSP19 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {} /* Author latest */ div.CSP19 div.itemAuthorLatest {} div.CSP19 div.itemAuthorLatest h3 {font-size:21px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);border-bottom: 1px solid #ddd;} div.CSP19 div.itemAuthorLatest ul {list-style:none;margin:0;padding:0;} div.CSP19 div.itemAuthorLatest ul li {} div.CSP19 div.itemAuthorLatest ul li a {} div.CSP19 div.itemAuthorLatest ul li a:hover {} div.CSP19 div.itemAuthorLatest ul li a:before {font-family: FontAwesome; content: "";margin:0 5px 0 0;} /* Related by tag */ div.CSP19 div.itemRelated {} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.CSP19 div.itemRelated h3 {} div.CSP19 div.itemRelated ul {} div.CSP19 div.itemRelated ul li {} div.CSP19 div.itemRelated ul li.k2ScrollerElement {} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.CSP19 div.itemRelated ul li.clr {} div.CSP19 a.itemRelTitle {} div.CSP19 div.itemRelCat {} div.CSP19 div.itemRelCat a {} div.CSP19 div.itemRelAuthor {} div.CSP19 div.itemRelAuthor a {} div.CSP19 img.itemRelImg {} div.CSP19 div.itemRelIntrotext {} div.CSP19 div.itemRelFulltext {} div.CSP19 div.itemRelMedia {} div.CSP19 div.itemRelImageGallery {} /* Video */ div.CSP19 div.itemVideoBlock {} div.CSP19 div.itemVideoBlock div.itemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP19 div.itemVideoBlock span.itemVideo {} div.CSP19 div.itemVideoBlock span.itemVideoCaption {} div.CSP19 div.itemVideoBlock span.itemVideoCredits {} /* Image Gallery */ div.CSP19 div.itemImageGallery {} /* Article navigation */ div.CSP19 div.itemNavigation {margin: 0 0 15px;padding: 4px 8px;background: none repeat scroll 0 0 #fffff0;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;} div.CSP19 div.itemNavigation span.itemNavigationTitle {} div.CSP19 div.itemNavigation a.itemPrevious {} div.CSP19 div.itemNavigation a.itemNext {} /* Comments */ div.CSP19 div.itemComments {display: block !important;padding:16px!important;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP19 div.itemComments ul.itemCommentsList {} div.CSP19 div.itemComments ul.itemCommentsList li {} div.CSP19 div.itemComments ul.itemCommentsList li.authorResponse {} div.CSP19 div.itemComments ul.itemCommentsList li.unpublishedComment {} div.CSP19 div.itemComments ul.itemCommentsList li img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP19 div.itemComments ul.itemCommentsList li span.commentDate {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentAuthorName {} div.CSP19 div.itemComments ul.itemCommentsList li p {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentAuthorEmail {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentLink {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentLink a {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentLink a:hover {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentToolbar {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentToolbar a {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {} div.CSP19 div.itemComments ul.itemCommentsList li span.commentToolbarLoading {} div.CSP19 div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.CSP19 div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.CSP19 div.itemCommentsForm h3 {} div.CSP19 div.itemCommentsForm p.itemCommentsFormNotes {padding:5px 0 0;border-top: 2px solid #ccc;} div.CSP19 div.itemCommentsForm form {margin-right:10px;} div.CSP19 div.itemCommentsForm form label.formComment {} div.CSP19 div.itemCommentsForm form label.formName {} div.CSP19 div.itemCommentsForm form label.formEmail {} div.CSP19 div.itemCommentsForm form label.formUrl {} div.CSP19 div.itemCommentsForm form label.formRecaptcha {} div.CSP19 div.itemCommentsForm form textarea.inputbox {display: block;margin: 0;padding: 4px;height: 160px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP19 div.itemCommentsForm form input.inputbox {display: block;margin: 0;padding: 4px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP19 div.itemCommentsForm form input#submitCommentButton {} div.CSP19 div.itemCommentsForm form span#formLog {} div.CSP19 div.itemCommentsForm form .formLogLoading {} /* "Report comment" form */ div.CSP19 div.k2ReportCommentFormContainer {} div.CSP19 div.k2ReportCommentFormContainer blockquote {} div.CSP19 div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {} div.CSP19 div.k2ReportCommentFormContainer blockquote span.quoteIconRight {} div.CSP19 div.k2ReportCommentFormContainer blockquote span.theComment {} div.CSP19 div.k2ReportCommentFormContainer form label {} div.CSP19 div.k2ReportCommentFormContainer form input, div.CSP19 div.k2ReportCommentFormContainer form textarea {} div.CSP19 div.k2ReportCommentFormContainer form #recaptcha {} div.CSP19 div.k2ReportCommentFormContainer form span#formLog {} div.CSP19 div.k2ReportCommentFormContainer form .formLogLoading {} /* Back to top link */ div.CSP19 div.itemBackToTop {} div.CSP19 div.itemBackToTop a {text-transform:uppercase;text-decoration: none;padding:0 4px;border:1px solid #ddd;background-color:#f3f3f3;} div.CSP19 div.itemBackToTop a:hover {} div.CSP19 div.itemBackToTop a:before {font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.CSP19 div.itemListCategoriesBlock {} /* --- Category block --- */ div.CSP19 div.itemListCategory {} div.CSP19 span.catItemAddLink {} div.CSP19 span.catItemAddLink a {} div.CSP19 span.catItemAddLink a:hover {} div.CSP19 div.itemListCategory img {display: block;float: left;margin: 0 12px 0 0;padding: 0;width:48px;background: none;border: none;} div.CSP19 div.itemListCategory h2 {margin:10px 0 10px;font-size:24px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP19 div.itemListCategoryDescription {line-height:1.4em;} div.CSP19 div.itemListCategoryDescription p {margin:0 0 10px;} div.CSP19 div.itemListCategory p {} /* --- Sub-category block --- */ div.CSP19 div.itemListSubCategories {} div.CSP19 div.itemListSubCategories h3 {} div.CSP19 div.subCategoryContainer {} div.CSP19 div.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) */ div.CSP19 div.subCategory {} div.CSP19 div.subCategory a.subCategoryImage, div.CSP19 div.subCategory a.subCategoryImage:hover {} div.CSP19 div.subCategory a.subCategoryImage img, div.CSP19 div.subCategory a.subCategoryImage:hover img {} div.CSP19 div.subCategory h2 {} div.CSP19 div.subCategory h2 a {} div.CSP19 div.subCategory h2 a:hover {} div.CSP19 div.subCategory p {} /* --- Item groups --- */ div.CSP19 div.itemList {} div.CSP19 div#itemListLeading {} div.CSP19 div#itemListPrimary {} div.CSP19 div#itemListSecondary {} div.CSP19 div#itemListLinks {margin: 10px 0 0;padding: 0;background: none;border: none;} div.CSP19 div#itemListLinks h4 {margin: 0 0 20px;} div.CSP19 div.itemContainer {width:100%;} div.CSP19 div.itemContainerLast {} /* 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) */ /* --- Item block for each item group --- */ div.CSP19 div.catItemView {display: block;margin: 0 0 10px;padding:0 0 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.12);} /* 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 */ div.CSP19 div.groupLeading {} div.CSP19 div.groupPrimary {} div.CSP19 div.groupSecondary {} div.CSP19 div.groupLinks {} div.CSP19 div.catItemGroupLinksView {display:block;margin:0 0 15px 0;min-height:93px;border-bottom: 2px solid rgba(0, 0, 0, 0.12);} div.CSP19 .catItemGroupLinksImageBlock {float:left;margin:0 20px 0 0;height:76px;width:76px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP19 .catItemGroupLinksImageBlock img {width:auto; height:76px; margin-left: -19px; position:absolute; max-width:none;} div.CSP19 h3.catItemGroupLinksTitle {margin:0 0 6px;font-size:21px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP19 div.catItemGroupLinksDateCreated {display:inline-block;margin:0 8px 10px 0;} div.CSP19 div.catItemGroupLinksDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP19 div.catItemGroupLinksDateCreated span.catItemDateCreatedDay {} div.CSP19 div.catItemGroupLinksDateCreated span.catItemDateCreatedMonth {} div.CSP19 div.catItemGroupLinksDateCreated span.catItemDateCreatedYear {} div.CSP19 div.catItemGroupLinksAuthor {display:inline-block;} div.CSP19 div.catItemGroupLinksAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP19 div.catItemIsFeatured {} /* Attach a class for each featured item */ div.CSP19 span.catItemEditLink {} div.CSP19 span.catItemEditLink a {} div.CSP19 span.catItemEditLink a:hover {} div.CSP19 article.catItemContainer {display:table; position: relative;} div.CSP19 .catItemContainer {display:table-cell;vertical-align:top;} div.CSP19 div.catItemHeader {} div.CSP19 div.catItemHeader span.catItemDateCreated {} div.CSP19 div.catItemHeader div.catItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.CSP19 div.catItemHeader div.catItemDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP19 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedDay {} div.CSP19 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMonth {} div.CSP19 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedYear {} div.CSP19 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedTime {} div.CSP19 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedHour {} div.CSP19 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMinute {} div.CSP19 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedSecond {} div.CSP19 div.catItemHeader h3.catItemTitle {} div.CSP19 div.catItemHeader h3.catItemTitle span {} div.CSP19 div.catItemHeader h3.catItemTitle span sup {} /* superscript */ div.CSP19 div.catItemHeader span.catItemAuthor {} div.CSP19 div.catItemHeader span.catItemAuthor a {} div.CSP19 div.catItemHeader span.catItemAuthor a:hover {} div.CSP19 div.catItemHeader div.catItemAuthor {display:inline-block;} div.CSP19 div.catItemHeader div.catItemAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP19 div.catItemRatingBlock {} div.CSP19 div.catItemRatingBlock span {} div.CSP19 div.catItemBody {} div.CSP19 div.catItemImageBlock {display:table-cell;vertical-align:top;} div.CSP19 span.catItemImage {} div.CSP19 span.catItemImage img {} div.CSP19 .catItemImageBlock {float:left;margin:0 20px 0 0;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP19 .catItemImageBlock img {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transition: all 0.2s ease-out 0s;} div.CSP19 .catItemImageBlock img:hover {transform: scale(1.1);} div.CSP19 div.catItemIntroText {} div.CSP19 div.catItemIntroText img {} div.CSP19 div.catItemExtraFields, div.genericItemExtraFields {} div.CSP19 div.catItemExtraFields h4, div.genericItemExtraFields h4 {} div.CSP19 div.catItemExtraFields ul, div.genericItemExtraFields ul {} div.CSP19 div.catItemExtraFields ul li, div.genericItemExtraFields ul li {} div.CSP19 div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.CSP19 div.catItemExtraFields ul li span.catItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP19 .catItemExtraFieldTopTitle {margin: 0 0 5px;color:#666;font-size:1em;line-height: 1.2em;text-transform:uppercase;} div.CSP19 div.catItemLinks {} div.CSP19 div.catItemHitsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP19 span.catItemHits {} div.CSP19 div.catItemHits {display:inline-block;} div.CSP19 div.catItemHits:before {font-family: FontAwesome; content: "";} div.CSP19 div.catItemCategory {} div.CSP19 div.catItemCategory span {} div.CSP19 div.catItemCategory a {} div.CSP19 div.catItemTagsBlock {} div.CSP19 div.catItemTagsBlock span {} div.CSP19 div.catItemTagsBlock ul.catItemTags {} div.CSP19 div.catItemTagsBlock ul.catItemTags li {margin:0 2px 0 0;} div.CSP19 div.catItemTagsBlock ul.catItemTags li a {} div.CSP19 div.catItemTagsBlock ul.catItemTags li a:hover {} div.CSP19 div.catItemTagsBlock ul.catItemTags li a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.CSP19 div.catItemAttachmentsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP19 div.catItemAttachmentsBlock span {} div.CSP19 div.catItemAttachmentsBlock ul.catItemAttachments {} div.CSP19 div.catItemAttachmentsBlock ul.catItemAttachments li {display: block;margin: 0;padding: 0px;list-style: none outside none;text-align: left;} div.CSP19 div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.CSP19 div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.CSP19 div.catItemAttachmentsBlock ul.catItemAttachments li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP19 div.catItemAttachmentsBlock ul.catItemAttachments li span {} /* Video */ div.CSP19 div.catItemVideoBlock {} div.CSP19 div.catItemVideoBlock div.catItemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP19 div.catItemVideoBlock span.catItemVideo {} /* Image Gallery */ div.CSP19 div.catItemImageGallery {} /* Anchor link to comments */ div.CSP19 div.catItemCommentsLink {} div.CSP19 div.catItemCommentsLink a {} div.CSP19 div.catItemCommentsLink a:hover {} div.CSP19 div.catItemCommentsLink a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} /* Read more link */ div.CSP19 div.catItemReadMore {} div.CSP19 div.catItemReadMore a {} div.CSP19 div.catItemReadMore a:hover {} div.CSP19 div.catItemReadMore a.readon {float:right;margin:-5px 25px 5px 0;padding: 2px 10px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} /* Modified date */ div.CSP19 span.catItemDateModified {} div.CSP19 div.catItemDateModified {display:inline-block;margin:4px 0 4px 0;/*font-size:0.8em;*/} div.CSP19 div.catItemDateModified:before {margin:0 1px 0 0;font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.CSP19 div.userView {} div.CSP19 div.userBlock {} div.CSP19 span.userItemAddLink {} div.CSP19 span.userItemAddLink a {} div.CSP19 span.userItemAddLink a:hover {} div.CSP19 div.userBlock img {} div.CSP19 div.userBlock h2 {} div.CSP19 div.userBlock div.userDescription {} div.CSP19 div.userBlock div.userAdditionalInfo {} div.CSP19 span.userURL {} div.CSP19 span.userEmail {} div.CSP19 div.userItemList {} /* User items */ div.CSP19 div.userItemView {} /* this is the item container for this view */ div.CSP19 div.userItemIsFeatured {} /* Attach a class for each featured item */ div.CSP19 div.userItemViewUnpublished {} div.CSP19 span.userItemEditLink {} div.CSP19 span.userItemEditLink a {} div.CSP19 span.userItemEditLink a:hover {} div.CSP19 div.userItemHeader {} div.CSP19 div.userItemHeader span.userItemDateCreated {} div.CSP19 div.userItemHeader h3.userItemTitle {} div.CSP19 div.userItemHeader h3.userItemTitle span sup {} /* "Unpublished" presented in superscript */ div.CSP19 div.userItemBody {} div.CSP19 div.userItemImageBlock {} div.CSP19 span.userItemImage {} div.CSP19 span.userItemImage img {} div.CSP19 div.userItemIntroText {} div.CSP19 div.userItemIntroText img {} div.CSP19 div.userItemLinks {} div.CSP19 div.userItemCategory {} div.CSP19 div.userItemCategory span {} div.CSP19 div.userItemCategory a {} div.CSP19 div.userItemTagsBlock {} div.CSP19 div.userItemTagsBlock span {} div.CSP19 div.userItemTagsBlock ul.userItemTags {} div.CSP19 div.userItemTagsBlock ul.userItemTags li {} div.CSP19 div.userItemTagsBlock ul.userItemTags li a {} div.CSP19 div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.CSP19 div.userItemCommentsLink {} div.CSP19 div.userItemCommentsLink a {} div.CSP19 div.userItemCommentsLink a:hover {} /* Read more link */ div.CSP19 div.userItemReadMore {} div.CSP19 div.userItemReadMore a {} div.CSP19 div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.CSP19 div.tagView {} div.CSP19 div.tagItemList {} div.CSP19 div.tagItemView {} /* this is the item container for this view */ div.CSP19 article.tagItemContainer {display:block; position: relative; padding: 0 0 12px 0;} div.CSP19 .tagItemContainer {display:table-cell!important;} div.CSP19 div.tagItemHeader {} div.CSP19 div.tagItemHeader span.tagItemDateCreated {} div.CSP19 div.tagItemHeader h2.tagItemTitle {line-height:1.2em;} div.CSP19 div.tagItemBody {margin: 0;padding: 6px 0 0;} div.CSP19 div.tagItemImageBlock {} div.CSP19 .tagItemImageBlock {float:left;margin:0 20px 0 0;height:160px;width:160px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP19 .tagItemImageBlock img {width:auto; height:160px; margin-left: -40px; position:absolute; max-width:none;} div.CSP19 div.tagItemIntroText {padding:0;} div.CSP19 div.tagItemIntroText img {} div.CSP19 div.tagItemExtraFields {} div.CSP19 div.tagItemExtraFields h4 {} div.CSP19 div.tagItemExtraFields ul {} div.CSP19 div.tagItemExtraFields ul li {} div.CSP19 div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.CSP19 div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.CSP19 div.tagItemCategory {} div.CSP19 div.tagItemCategory span {} div.CSP19 div.tagItemCategory a {} /* Read more link */ div.CSP19 div.tagItemReadMore {} div.CSP19 div.tagItemReadMore a {} div.CSP19 div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.CSP19 div.latestItemsContainer {} /* Category info block */ div.CSP19 div.latestItemsCategory {} div.CSP19 div.latestItemsCategoryImage {} div.CSP19 div.latestItemsCategoryImage img {} div.CSP19 div.latestItemsCategory h2 {} div.CSP19 div.latestItemsCategory p {} /* User info block */ div.CSP19 div.latestItemsUser {} div.CSP19 div.latestItemsUser img {} div.CSP19 div.latestItemsUser h2 {} div.CSP19 div.latestItemsUser p.latestItemsUserDescription {} div.CSP19 div.latestItemsUser p.latestItemsUserAdditionalInfo {} div.CSP19 span.latestItemsUserURL {} div.CSP19 span.latestItemsUserEmail {} /* Latest items list */ div.CSP19 div.latestItemList {} div.CSP19 div.latestItemView {} /* this is the item container for this view */ div.CSP19 div.latestItemHeader {} div.CSP19 div.latestItemHeader h3.latestItemTitle {} div.CSP19 span.latestItemDateCreated {} div.CSP19 div.latestItemBody {} div.CSP19 div.latestItemImageBlock {} div.CSP19 span.latestItemImage {} div.CSP19 span.latestItemImage img {} div.CSP19 div.latestItemIntroText {} div.CSP19 div.latestItemIntroText img {} div.CSP19 div.latestItemLinks {} div.CSP19 div.latestItemCategory {} div.CSP19 div.latestItemCategory span {} div.CSP19 div.latestItemCategory a {} div.CSP19 div.latestItemTagsBlock {} div.CSP19 div.latestItemTagsBlock span {} div.CSP19 div.latestItemTagsBlock ul.latestItemTags {} div.CSP19 div.latestItemTagsBlock ul.latestItemTags li {} div.CSP19 div.latestItemTagsBlock ul.latestItemTags li a {} div.CSP19 div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.CSP19 div.latestItemVideoBlock {} div.CSP19 div.latestItemVideoBlock span.latestItemVideo {} /* Anchor link to comments */ div.CSP19 div.latestItemCommentsLink {} div.CSP19 div.latestItemCommentsLink a {} div.CSP19 div.latestItemCommentsLink a:hover {} /* Read more link */ div.CSP19 div.latestItemReadMore {} div.CSP19 div.latestItemReadMore a {} div.CSP19 div.latestItemReadMore a:hover {} /* Items presented in a list */ div.CSP19 h2.latestItemTitleList {} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.MSP19.k2ItemsBlock {display: block;} div.MSP19.k2ItemsBlock p.modulePretext {} div.MSP19.k2ItemsBlock ul {} div.MSP19.k2ItemsBlock ul li {} div.MSP19.k2ItemsBlock ul li a {} div.MSP19.k2ItemsBlock ul li a:hover {} div.MSP19.k2ItemsBlock ul li.lastItem {} div.MSP19.k2ItemsBlock div.moduleItemPadding {display:block; float:left; margin:0; padding:8px 10px 2px; background: #f0f9f0; border: 2px solid rgba(255, 255, 255, 1); box-sizing:border-box;} div.MSP19.k2ItemsBlock div.moduleItemPadding:hover {background: #f0fff0;} div.MSP19.k2ItemsBlock ul li.lastItem .moduleItemPadding {margin:0;/*border-bottom: none;*/} div.MSP19.k2ItemsBlock article.moduleListsItem {display:block; position: relative; text-align:center;} div.MSP19.k2ItemsBlock .moduleListsImage {display:block; float:left; margin: 0 20px 0 0; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.MSP19.k2ItemsBlock .moduleListsImage img {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} div.MSP19.k2ItemsBlock div.moduleListsItemBody {display:block;margin-bottom:5px;} div.MSP19.k2ItemsBlock ul li a.moduleItemTitle {} div.MSP19.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.MSP19.k2ItemsBlock div.moduleListsTitle {cursor:pointer;display:block;font-size:17px;font-weight:bold;line-height:1.2em;margin: 0px 0 5px;position: relative;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.MSP19.k2ItemsBlock div.moduleListsTitle a.moduleItemTitle {} div.MSP19.k2ItemsBlock div.moduleListsInfos {font-size: 1em;} div.MSP19.k2ItemsBlock ul li div.moduleItemAuthor {} div.MSP19.k2ItemsBlock ul li div.moduleItemAuthor a {} div.MSP19.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.MSP19.k2ItemsBlock div.moduleItemAuthor {display:inline-block;} div.MSP19.k2ItemsBlock div.moduleItemAuthor a:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP19.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.MSP19.k2ItemsBlock div.moduleItemAuthorAvatar {display:block;} div.MSP19.k2ItemsBlock ul li div.moduleItemIntrotext {} div.MSP19.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {} div.MSP19.k2ItemsBlock div.moduleItemIntrotext {} div.MSP19.k2ItemsBlock ul li div.moduleItemExtraFields {} div.MSP19.moduleItemExtraFields ul {} div.MSP19.moduleItemExtraFields ul li {} div.MSP19.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {} div.MSP19.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.MSP19 .moduleItemExtraFieldTopTitle {margin: 0 0 2px;color:#333;font-size:0.8em;line-height: 1.2em;text-transform:uppercase;} div.MSP19.k2ItemsBlock ul li div.moduleItemVideo {} div.MSP19.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.MSP19.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.MSP19.k2ItemsBlock ul li span.moduleItemDateCreated {} div.MSP19.k2ItemsBlock div.moduleItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.MSP19.k2ItemsBlock div.moduleItemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP19.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedDay {} div.MSP19.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedMonth {} div.MSP19.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedYear {display:none;} div.MSP19.k2ItemsBlock ul li a.moduleItemCategory {} div.MSP19.k2ItemsBlock div.moduleItemCategory {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP19.k2ItemsBlock div.moduleItemCategory span {font-weight:bold;} div.MSP19.k2ItemsBlock ul li div.moduleItemTags {} div.MSP19.k2ItemsBlock ul li div.moduleItemTags b {} div.MSP19.k2ItemsBlock ul li div.moduleItemTags a {} div.MSP19.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.MSP19.k2ItemsBlock div.moduleItemTags {padding:4px 0;/*border-bottom:1px dotted #ccc;*/} div.MSP19.k2ItemsBlock div.moduleItemTags span {font-weight:bold;} div.MSP19.k2ItemsBlock div.moduleItemTags a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.MSP19.k2ItemsBlock ul li div.moduleAttachments {} div.MSP19.k2ItemsBlock div.moduleAttachments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP19.k2ItemsBlock div.moduleAttachments span {font-weight:bold;} div.MSP19.k2ItemsBlock div.moduleAttachments ul {display: inline;list-style: none outside none;margin: 0;padding: 0;} div.MSP19.k2ItemsBlock div.moduleAttachments ul li {} div.MSP19.k2ItemsBlock div.moduleAttachments ul li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP19.k2ItemsBlock ul li a.moduleItemComments {} div.MSP19.k2ItemsBlock ul li a.moduleItemComments:hover {} div.MSP19.k2ItemsBlock div.moduleItemComments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP19.k2ItemsBlock div.moduleItemComments a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP19.k2ItemsBlock ul li span.moduleItemHits {} div.MSP19.k2ItemsBlock div.moduleItemHits {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP19.k2ItemsBlock div.moduleItemHits:before {font-family: FontAwesome; content: "";} div.MSP19.k2ItemsBlock ul li a.moduleItemReadMore {} div.MSP19.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.MSP19.k2ItemsBlock div.moduleListsReadonWrapper {display:block;} div.MSP19.k2ItemsBlock div.moduleListsReadonWrapper a.readon {float:right;margin:-5px 25px 5px 0;padding: 2px 10px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} div.MSP19.k2ItemsBlock a.moduleCustomLink {} div.MSP19.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.MSP19 div.k2UsersBlock {} div.MSP19 div.k2UsersBlock ul {} div.MSP19 div.k2UsersBlock ul li {} div.MSP19 div.k2UsersBlock ul li.lastItem {} div.MSP19 div.k2UsersBlock ul li a.ubUserAvatar img {} div.MSP19 div.k2UsersBlock ul li a.ubUserName {} div.MSP19 div.k2UsersBlock ul li a.ubUserName:hover {} div.MSP19 div.k2UsersBlock ul li div.ubUserDescription {} div.MSP19 div.k2UsersBlock ul li div.ubUserAdditionalInfo {} div.MSP19 a.ubUserFeedIcon, div.MSP19 a.ubUserFeedIcon:hover {} div.MSP19 a.ubUserFeedIcon span, div.MSP19 a.ubUserFeedIcon:hover span {} div.MSP19 a.ubUserURL, div.MSP19 a.ubUserURL:hover {} div.MSP19 a.ubUserURL span, div.MSP19 a.ubUserURL:hover span {} div.MSP19 span.ubUserEmail {} div.MSP19 span.ubUserEmail a {} div.MSP19 div.k2UsersBlock ul li h3 {} div.MSP19 div.k2UsersBlock ul li ul.ubUserItems {} div.MSP19 div.k2UsersBlock ul li ul.ubUserItems li {} /*---------------------------------------------------------------------- RESPONSIVE STYLING FOR CSP19 & MSP19 ----------------------------------------------------------------------*/ @media (min-width: 1200px) { /* K2 CSP19 */ div.CSP19 div.itemListCategory h2 {font-size:28px;} div.CSP19 div.catItemView {} div.CSP19 .catItemImageBlock {width:160px;} div.CSP19 .catItemImageBlock img {} div.CSP19 div.catItemHeader h3.catItemTitle {font-size:24px;} div.CSP19 h3.catItemGroupLinksTitle {font-size:24px;} div.CSP19 .tagItemImageBlock {height:160px;width:160px;} div.CSP19 .tagItemImageBlock img {height:160px; margin-left: -40px;} /* K2 MSP19 */ div.MSP19.k2ItemsBlock .moduleListsImage {width:160px;} div.MSP19.k2ItemsBlock .moduleListsImage img {} div.MSP19.k2ItemsBlock div.moduleListsTitle {font-size:18px;} } @media (min-width: 960px) and (max-width: 1199px) { /* K2 CSP19 */ div.CSP19 .catItemImageBlock, div.CSP19 .tagItemImageBlock {width:140px;} div.CSP19 .catItemImageBlock img, div.CSP19 .tagItemImageBlock img {} /* K2 MSP19 */ div.MSP19.k2ItemsBlock div.moduleItemPadding {} div.MSP19.k2ItemsBlock .moduleListsImage {width:140px;} div.MSP19.k2ItemsBlock .moduleListsImage img {} } @media (min-width: 768px) and (max-width: 959px) { /* K2 CSP19 */ div.CSP19 .catItemImageBlock, div.CSP19 .tagItemImageBlock {width:120px;} div.CSP19 .catItemImageBlock img, div.CSP19 .tagItemImageBlock img {} /* K2 MSP19 */ div.MSP19.k2ItemsBlock div.moduleListsTitle {font-size:16px;} div.MSP19.k2ItemsBlock div.moduleItemPadding {} div.MSP19.k2ItemsBlock .moduleListsImage {width:120px;} div.MSP19.k2ItemsBlock .moduleListsImage img {} } @media (max-width: 767px) { /* K2 CSP19 */ div.CSP19 .catItemImageBlock, div.CSP19 .tagItemImageBlock {width:100px;} div.CSP19 .catItemImageBlock img, div.CSP19 .tagItemImageBlock img {} /* K2 MSP19 */ div.MSP19.k2ItemsBlock div.moduleItemPadding {width:100%;border-right: none;border-left: none;} div.MSP19.k2ItemsBlock div.moduleListsTitle {font-size:15px;} div.MSP19.k2ItemsBlock div.moduleItemPadding {} div.MSP19.k2ItemsBlock .moduleListsImage {width:100px;} div.MSP19.k2ItemsBlock .moduleListsImage img {} } @media (min-width: 481px) and (max-width: 767px) { /* K2 CSP19 */ /* K2 MSP19 */ } @media (min-width: 321px) and (max-width: 480px) { /* K2 CSP19 */ div.CSP19 h2.itemTitle {font-size:24px;} div.CSP19 h3.catItemTitle {font-size:18px} div.CSP19 .catItemImageBlock, div.CSP19 .tagItemImageBlock {margin:0 12px 0 0;width:76px;} div.CSP19 .catItemImageBlock img, div.CSP19 .tagItemImageBlock img {} div.CSP19 div.itemHeader div.itemDateCreated {} div.CSP19 div.itemHeader div.itemAuthor {margin:0 0 0 5px;} div.CSP19 div.itemHits {display:block;} div.CSP19 div.itemDateModified {display:block;margin-left:2px;} /* K2 MSP19 */ div.MSP19.k2ItemsBlock div.moduleItemPadding {} div.MSP19.k2ItemsBlock div.moduleListsTitle {} div.MSP19.k2ItemsBlock .moduleListsImage {margin: 0 12px 10px 0;width:75px;} div.MSP19.k2ItemsBlock .moduleListsImage img {} div.MSP19.k2ItemsBlock div.moduleItemDateCreated {} div.MSP19.k2ItemsBlock div.moduleItemAuthor {} div.MSP19.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP19.k2ItemsBlock div.moduleListsIntroText, div.MSP19.k2ItemsBlock div.moduleListsReadonWrapper {} } @media (max-width: 360px) { div.MSP19 .moduleItemExtraFieldTopTitle {} } @media (max-width: 320px) { /* K2 CSP19 */ div.CSP19 div.itemListCategory h2 {font-size:18px;} div.CSP19 h2.itemTitle {font-size:21px;} div.CSP19 div.catItemHeader h3.catItemTitle {margin:0 0 5px;font-size:16px} div.CSP19 .catItemExtraFieldTopTitle {font-size:13px;} div.CSP19 .catItemImageBlock, div.CSP19 .tagItemImageBlock {margin:0 12px 0 0;width:72px;} div.CSP19 .catItemImageBlock img, div.CSP19 .tagItemImageBlock img {} div.CSP19 div.catItemHeader div.catItemDateCreated {font-size:0.8em;} div.CSP19 div.catItemHeader div.catItemAuthor {margin:0 0 0 5px;font-size:0.8em;} div.CSP19 div.itemHits {display:block;} div.CSP19 div.itemDateModified {display:block;margin-left:2px;} div.CSP19 div.catItemGroupLinksView {min-height:85px;} div.CSP19 .catItemGroupLinksImageBlock {margin:0 12px 0 0;height:68px;width:68px;} div.CSP19 .catItemGroupLinksImageBlock img {height:68px; margin-left: -17px;} div.CSP19 h3.catItemGroupLinksTitle {margin:0 0 2px;font-size:14px;} div.CSP19 div.catItemGroupLinksDateCreated {display:block;margin:0 0 0 0;font-size:0.8em;} div.CSP19 div.catItemGroupLinksAuthor {display:block;margin:-3px 0 10px 0;font-size:0.8em;} /* K2 MSP19 */ div.MSP19.k2ItemsBlock article.moduleListsItem {padding:0;} div.MSP19.k2ItemsBlock div.moduleItemPadding {} div.MSP19.k2ItemsBlock div.moduleListsItemBody {/*display:table-cell;*/} div.MSP19.k2ItemsBlock div.moduleListsTitle {font-size: 16px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);} div.MSP19.k2ItemsBlock .moduleListsImage {margin: 0 12px 10px 0;width:72px;} div.MSP19.k2ItemsBlock .moduleListsImage img {} div.MSP19.k2ItemsBlock div.moduleItemDateCreated {font-size: 0.8em;display:block;margin-top:-3px;} div.MSP19.k2ItemsBlock div.moduleItemAuthor {font-size: 0.8em;display:block;margin-top:-5px;} div.MSP19.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP19.k2ItemsBlock div.moduleListsIntroText, div.MSP19.k2ItemsBlock div.moduleListsReadonWrapper {display:none;} div.MSP19.k2ItemsBlock ul li div.moduleItemIntrotext {/*display:none;*/font-size:14px;} div.MSP19 .moduleItemExtraFieldTopTitle, div.MSP19.k2ItemsBlock div.moduleItemTags {/*display:none;*/} } /* --- END --- */ /*---------------------------------------------------------------------------------------------------- EXTRA CSS STYLING FOR K2 SUB-TEMPLATES CSP24 & MSP24 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Basic typography --- */ div.CSP24 a:active, div.CSP24 a:focus {} div.CSP24 img {} /* --- Global K2 container --- */ #k2Container div.CSP24 {} body.contentpane #k2Container div.CSP24 {} /* used in popups */ /* --- General padding --- */ div.CSP24 .k2Padding {} /* --- Clearing --- */ div.CSP24 .clr {} /* --- Zebra rows --- */ div.CSP24 .even {} div.CSP24 .odd {} /* --- RSS feed icon --- */ div.CSP24 div.k2FeedIcon {} div.CSP24 div.k2FeedIcon a, div.CSP24 div.k2FeedIcon a:hover {} div.CSP24 div.k2FeedIcon a span, div.CSP24 div.k2FeedIcon a:hover span {} /* --- Rating --- */ div.CSP24 .itemRatingForm {} div.CSP24 .itemRatingLog {} div.CSP24 div.itemRatingForm .formLogLoading {} div.CSP24 .itemRatingList, div.CSP24 .itemRatingList a:hover, div.CSP24 .itemRatingList .itemCurrentRating {} div.CSP24 .itemRatingList {} div.CSP24 .itemRatingList li {} div.CSP24 .itemRatingList a, div.CSP24 .itemRatingList .itemCurrentRating {} div.CSP24 .itemRatingList a:hover {} div.CSP24 .itemRatingList a.one-star {} div.CSP24 .itemRatingList a.two-stars {} div.CSP24 .itemRatingList a.three-stars {} div.CSP24 .itemRatingList a.four-stars {} div.CSP24 .itemRatingList a.five-stars {} div.CSP24 .itemRatingList .itemCurrentRating {} div.CSP24 span.siteRoot {} /* --- CSS added with Javascript --- */ div.CSP24 .smallerFontSize {} div.CSP24 .largerFontSize {} /* --- ReCaptcha --- */ div.CSP24 .recaptchatable .recaptcha_image_cell, div.CSP24 #recaptcha_table {} div.CSP24 #recaptcha_table {} div.CSP24 #recaptcha_response_field {} /* --- Primary lists in modules --- */ div.CSP24 div.k2LatestCommentsBlock ul, div.CSP24 div.k2TopCommentersBlock ul, div.CSP24 div.k2ItemsBlock ul, div.CSP24 div.k2LoginBlock ul, div.CSP24 div.k2UserBlock ul.k2UserBlockActions, div.CSP24 div.k2UserBlock ul.k2UserBlockRenderedMenu, div.CSP24 div.k2ArchivesBlock ul, div.CSP24 div.k2AuthorsListBlock ul, div.CSP24 div.k2CategoriesListBlock ul, div.CSP24 div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.CSP24 div.k2LatestCommentsBlock ul li, div.CSP24 div.k2TopCommentersBlock ul li, div.CSP24 div.k2ItemsBlock ul li, div.CSP24 div.k2LoginBlock ul li, div.CSP24 div.k2UserBlock ul.k2UserBlockActions li, div.CSP24 div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.CSP24 div.k2ArchivesBlock ul li, div.CSP24 div.k2AuthorsListBlock ul li, div.CSP24 div.k2CategoriesListBlock ul li, div.CSP24 div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ div.CSP24 .clearList {} /* this class is used to clear all previous floating list elements */ div.CSP24 .lastItem {} /* class appended on last list item */ /* --- Avatars --- */ div.CSP24 .k2Avatar img {} /* --- Read more --- */ div.CSP24 a.k2ReadMore {} div.CSP24 a.k2ReadMore:hover {} /* --- Pagination --- */ div.CSP24 div.k2Pagination {} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.CSP24 div.k2Pagination ul {} div.CSP24 div.k2Pagination ul li {} /* --- Extra fields: CSV data styling --- */ div.CSP24 table.csvData {} div.CSP24 table.csvData tr th {} div.CSP24 table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.CSP24 div.itemIsFeatured, div.CSP24 div.catItemIsFeatured, div.CSP24 div.userItemIsFeatured {} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ div.CSP24 a.itemPrintThisPage {} div.CSP24 a.itemPrintThisPage:hover {} div.CSP24.itemView {margin:0px;} /* this is the item container for this view */ div.CSP24 div.itemIsFeatured {} /* Attach a class for each featured item */ div.CSP24 span.itemEditLink {} div.CSP24 span.itemEditLink a {} div.CSP24 span.itemEditLink a:hover {} div.CSP24 div.itemHeader {} div.CSP24 div.itemHeader span.itemDateCreated {} div.CSP24 div.itemHeader div.itemDateCreated {display:inline-block;font-size:1em;} div.CSP24 div.itemHeader div.itemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 1px 0 0;} div.CSP24 div.itemHeader h2.itemTitle {} div.CSP24 div.itemHeader h2.itemTitle span {} div.CSP24 div.itemHeader h2.itemTitle span sup {} /* "Featured" presented in superscript */ div.CSP24 div.itemHeader span.itemAuthor {} div.CSP24 div.itemHeader div.itemAuthor {display:inline-block;margin:0 0 0 10px;font-size:1em;} div.CSP24 div.itemHeader div.itemAuthor:before {font-family: FontAwesome; content: ""; margin:0;} div.CSP24 div.itemHeader span.itemAuthor a {} div.CSP24 div.itemHeader span.itemAuthor a:hover {} div.CSP24 div.itemToolbar {} div.CSP24 div.itemToolbar ul {} div.CSP24 div.itemToolbar ul li {} div.CSP24 div.itemToolbar ul > li:first-child {} /* remove the first CSS border from the left of the toolbar */ div.CSP24 div.itemToolbar ul li a {} div.CSP24 div.itemToolbar ul li a:hover {} div.CSP24 div.itemToolbar ul li a span {} div.CSP24 div.itemToolbar ul li a.itemPrintLink {} div.CSP24 div.itemToolbar ul li a.itemPrintLink span {} div.CSP24 div.itemToolbar ul li a.itemEmailLink {} div.CSP24 div.itemToolbar ul li a.itemEmailLink span {} div.CSP24 div.itemToolbar ul li a.itemVideoLink {} div.CSP24 div.itemToolbar ul li a.itemVideoLink span {} div.CSP24 div.itemToolbar ul li a.itemImageGalleryLink {} div.CSP24 div.itemToolbar ul li a.itemImageGalleryLink span {} div.CSP24 div.itemToolbar ul li a.itemCommentsLink {} div.CSP24 div.itemToolbar ul li a.itemCommentsLink span {} div.CSP24 div.itemToolbar ul li a img {} div.CSP24 div.itemToolbar ul li span.itemTextResizerTitle {} div.CSP24 div.itemToolbar ul li a#fontDecrease {} div.CSP24 div.itemToolbar ul li a#fontDecrease img {} div.CSP24 div.itemToolbar ul li a#fontIncrease {} div.CSP24 div.itemToolbar ul li a#fontIncrease img {} div.CSP24 div.itemToolbar ul li a#fontDecrease span, div.CSP24 div.itemToolbar ul li a#fontIncrease span {} div.CSP24 div.itemRatingBlock {} div.CSP24 div.itemRatingBlock span {display: block;float: left;margin: 0;padding: 2px 4px 0 0;color: #999;font-style: normal;} div.CSP24 div.itemBody {} div.CSP24 div.itemImageBlock {margin: 0 0 25px;} div.CSP24 div.itemImageBlock img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP24 span.itemImage {} div.CSP24 span.itemImage img {} div.CSP24 span.itemImageCaption {} div.CSP24 span.itemImageCredits {} div.CSP24 div.itemIntroText {} div.CSP24 div.itemIntroText img {} div.CSP24 div.itemFullText {} div.CSP24 div.itemFullText h3 {font-size:18px!important;margin: 0;padding: 10px 0 15px;} div.CSP24 div.itemFullText p {} div.CSP24 div.itemFullText img {} div.CSP24 div.itemFullText li {margin:0 0 5px;} div.CSP24 div.itemExtraFields {} div.CSP24 div.itemExtraFields h3 {} div.CSP24 div.itemExtraFields ul {} div.CSP24 div.itemExtraFields ul li {} div.CSP24 div.itemExtraFields ul li span.itemExtraFieldsLabel {} div.CSP24 div.itemExtraFields ul li span.itemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP24 .itemExtraFieldTopTitle {color:#666;font-size:1em; text-transform:uppercase;} div.CSP24 .itemExtraFieldSubtitle {} div.CSP24 .itemExtraFieldCreditsBlock {margin-bottom:15px;font-size:1em;} div.CSP24 .itemExtraFieldTranslator {display:inline-block;margin-right:25px;} div.CSP24 .itemExtraFieldTranslatorLabel {} div.CSP24 .itemExtraFieldTranslatorValue {color:#333;} div.CSP24 .itemExtraFieldEditor {display:inline-block;} div.CSP24 .itemExtraFieldEditorLabel {} div.CSP24 .itemExtraFieldEditorValue {color:#333;} div.CSP24 .itemExtraFieldVideoDuration {margin: 0 0 15px;} div.CSP24 .itemExtraFieldVideoDurationLabel {color:#999;} div.CSP24 .itemExtraFieldVideoDurationValue {} div.CSP24 .itemExtraFieldSongNameLabel {color:#999;} div.CSP24 .itemExtraFieldSongNameValue {} div.CSP24 .itemExtraFieldPerformedByLabel {color:#999;} div.CSP24 .itemExtraFieldPerformedByValue {} div.CSP24 .itemExtraFieldLyricsByLabel {color:#999;} div.CSP24 .itemExtraFieldLyricsByValue {} div.CSP24 .itemExtraFieldComposedByLabel {color:#999;} div.CSP24 .itemExtraFieldComposedByValue {} div.CSP24 .itemExtraFieldArrangedByLabel {color:#999;} div.CSP24 .itemExtraFieldArrangedByValue {} div.CSP24 div.itemContentFooter {display: block;margin: 16px 0 4px;padding: 4px 0;color: #999;text-align:left!important;border-top: 1px solid #ddd;} div.CSP24 span.itemHits {} div.CSP24 div.itemHits {display:inline-block;} div.CSP24 div.itemHits:before {font-family: FontAwesome; content: "";} div.CSP24 span.itemDateModified {} div.CSP24 div.itemDateModified {display:inline-block;margin-left:25px;} div.CSP24 div.itemDateModified:before {font-family: FontAwesome; content: "";} div.CSP24 div.itemSocialSharing {} div.CSP24 div.itemTwitterButton {} div.CSP24 div.itemFacebookButton {} div.CSP24 div.itemGooglePlusOneButton {} div.CSP24 div.itemLinks {} div.CSP24 div.itemCategory {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP24 div.itemCategory span {} div.CSP24 div.itemCategory a {} div.CSP24 div.itemTagsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP24 div.itemTagsBlock span {} div.CSP24 div.itemTagsBlock ul.itemTags {} div.CSP24 div.itemTagsBlock ul.itemTags li {} div.CSP24 div.itemTagsBlock ul.itemTags li a {} div.CSP24 div.itemTagsBlock ul.itemTags li a:hover {} div.CSP24 div.itemAttachmentsBlock {padding: 4px 0;border-bottom: 1px dotted #ccc;} div.CSP24 div.itemAttachmentsBlock span {} div.CSP24 div.itemAttachmentsBlock ul.itemAttachments {} div.CSP24 div.itemAttachmentsBlock ul.itemAttachments li {} div.CSP24 div.itemAttachmentsBlock ul.itemAttachments li a {} div.CSP24 div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.CSP24 div.itemAttachmentsBlock ul.itemAttachments li span {} /* Author block */ div.CSP24 div.itemAuthorBlock {margin: 0 0 16px;padding: 8px;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP24 div.itemAuthorBlock img.itemAuthorAvatar {display: block;float: left;margin: 0 15px 0 0;padding: 4px;width:100px;background: none repeat scroll 0 0 #fff;border: 1px solid #ddd;} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails {} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails h3.authorName {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails p {} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {} div.CSP24 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.CSP24 div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {} /* Author latest */ div.CSP24 div.itemAuthorLatest {} div.CSP24 div.itemAuthorLatest h3 {font-size:21px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);border-bottom: 1px solid #ddd;} div.CSP24 div.itemAuthorLatest ul {list-style:none;margin:0;padding:0;} div.CSP24 div.itemAuthorLatest ul li {} div.CSP24 div.itemAuthorLatest ul li a {} div.CSP24 div.itemAuthorLatest ul li a:hover {} div.CSP24 div.itemAuthorLatest ul li a:before {font-family: FontAwesome; content: "";margin:0 5px 0 0;} /* Related by tag */ div.CSP24 div.itemRelated {} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.CSP24 div.itemRelated h3 {} div.CSP24 div.itemRelated ul {} div.CSP24 div.itemRelated ul li {} div.CSP24 div.itemRelated ul li.k2ScrollerElement {} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.CSP24 div.itemRelated ul li.clr {} div.CSP24 a.itemRelTitle {} div.CSP24 div.itemRelCat {} div.CSP24 div.itemRelCat a {} div.CSP24 div.itemRelAuthor {} div.CSP24 div.itemRelAuthor a {} div.CSP24 img.itemRelImg {} div.CSP24 div.itemRelIntrotext {} div.CSP24 div.itemRelFulltext {} div.CSP24 div.itemRelMedia {} div.CSP24 div.itemRelImageGallery {} /* Video */ div.CSP24 div.itemVideoBlock {background: url("../images/system/videoplayer-bg.gif") repeat-x scroll center bottom #010101;margin: 0 0 16px;padding: 0;} div.CSP24 div.itemVideoBlock div.itemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP24 div.itemVideoBlock span.itemVideo {} div.CSP24 div.itemVideoBlock span.itemVideoCaption {} div.CSP24 div.itemVideoBlock span.itemVideoCredits {} /* Image Gallery */ div.CSP24 div.itemImageGallery {} /* Article navigation */ div.CSP24 div.itemNavigation {margin: 0 0 15px;padding: 4px 8px;background: none repeat scroll 0 0 #fffff0;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;} div.CSP24 div.itemNavigation span.itemNavigationTitle {} div.CSP24 div.itemNavigation a.itemPrevious {} div.CSP24 div.itemNavigation a.itemNext {} /* Comments */ div.CSP24 div.itemComments {display: block !important;padding:16px!important;background: none repeat scroll 0 0 #f7fafe;border: 1px solid #ddd;} div.CSP24 div.itemComments ul.itemCommentsList {} div.CSP24 div.itemComments ul.itemCommentsList li {} div.CSP24 div.itemComments ul.itemCommentsList li.authorResponse {} div.CSP24 div.itemComments ul.itemCommentsList li.unpublishedComment {} div.CSP24 div.itemComments ul.itemCommentsList li img {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);} div.CSP24 div.itemComments ul.itemCommentsList li span.commentDate {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentAuthorName {} div.CSP24 div.itemComments ul.itemCommentsList li p {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentAuthorEmail {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentLink {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentLink a {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentLink a:hover {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentToolbar {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentToolbar a {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {} div.CSP24 div.itemComments ul.itemCommentsList li span.commentToolbarLoading {} div.CSP24 div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.CSP24 div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.CSP24 div.itemCommentsForm h3 {} div.CSP24 div.itemCommentsForm p.itemCommentsFormNotes {padding:5px 0 0;border-top: 2px solid #ccc;} div.CSP24 div.itemCommentsForm form {margin-right:10px;} div.CSP24 div.itemCommentsForm form label.formComment {} div.CSP24 div.itemCommentsForm form label.formName {} div.CSP24 div.itemCommentsForm form label.formEmail {} div.CSP24 div.itemCommentsForm form label.formUrl {} div.CSP24 div.itemCommentsForm form label.formRecaptcha {} div.CSP24 div.itemCommentsForm form textarea.inputbox {display: block;margin: 0;padding: 4px;height: 160px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP24 div.itemCommentsForm form input.inputbox {display: block;margin: 0;padding: 4px;width: 100%;max-width: 420px;background-color: #f3f3f3;} div.CSP24 div.itemCommentsForm form input#submitCommentButton {} div.CSP24 div.itemCommentsForm form span#formLog {} div.CSP24 div.itemCommentsForm form .formLogLoading {} /* "Report comment" form */ div.CSP24 div.k2ReportCommentFormContainer {} div.CSP24 div.k2ReportCommentFormContainer blockquote {} div.CSP24 div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {} div.CSP24 div.k2ReportCommentFormContainer blockquote span.quoteIconRight {} div.CSP24 div.k2ReportCommentFormContainer blockquote span.theComment {} div.CSP24 div.k2ReportCommentFormContainer form label {} div.CSP24 div.k2ReportCommentFormContainer form input, div.CSP24 div.k2ReportCommentFormContainer form textarea {} div.CSP24 div.k2ReportCommentFormContainer form #recaptcha {} div.CSP24 div.k2ReportCommentFormContainer form span#formLog {} div.CSP24 div.k2ReportCommentFormContainer form .formLogLoading {} /* Back to top link */ div.CSP24 div.itemBackToTop {} div.CSP24 div.itemBackToTop a {text-transform:uppercase;text-decoration: none;padding:0 4px;border:1px solid #ddd;background-color:#f3f3f3;} div.CSP24 div.itemBackToTop a:hover {} div.CSP24 div.itemBackToTop a:before {font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.CSP24 div.itemListCategoriesBlock {} /* --- Category block --- */ div.CSP24 div.itemListCategory {} div.CSP24 span.catItemAddLink {} div.CSP24 span.catItemAddLink a {} div.CSP24 span.catItemAddLink a:hover {} div.CSP24 div.itemListCategory img {display: block;float: left;margin: 0 12px 0 0;padding: 0;width:48px;background: none;border: none;} div.CSP24 div.itemListCategory h2 {margin:10px 0 10px;font-size:24px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP24 div.itemListCategoryDescription {line-height:1.4em;} div.CSP24 div.itemListCategoryDescription p {margin:0 0 10px;} div.CSP24 div.itemListCategory p {} /* --- Sub-category block --- */ div.CSP24 div.itemListSubCategories {} div.CSP24 div.itemListSubCategories h3 {} div.CSP24 div.subCategoryContainer {} div.CSP24 div.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) */ div.CSP24 div.subCategory {} div.CSP24 div.subCategory a.subCategoryImage, div.CSP24 div.subCategory a.subCategoryImage:hover {} div.CSP24 div.subCategory a.subCategoryImage img, div.CSP24 div.subCategory a.subCategoryImage:hover img {} div.CSP24 div.subCategory h2 {} div.CSP24 div.subCategory h2 a {} div.CSP24 div.subCategory h2 a:hover {} div.CSP24 div.subCategory p {} /* --- Item groups --- */ div.CSP24 div.itemList {} div.CSP24 div#itemListLeading {} div.CSP24 div#itemListPrimary {} div.CSP24 div#itemListSecondary {} div.CSP24 div#itemListLinks {margin: 10px 0 0;padding: 0;background: none;border: none;} div.CSP24 div#itemListLinks h4 {margin: 0 0 20px;} div.CSP24 div.itemContainer {} div.CSP24 div.itemContainerLast {} /* 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) */ /* --- Item block for each item group --- */ div.CSP24 div.catItemView {display: block;margin: 0 0 10px;padding:0 0 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.12);} /* 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 */ div.CSP24 div.groupLeading {} div.CSP24 div.groupPrimary {} div.CSP24 div.groupSecondary {} div.CSP24 div.groupLinks {} div.CSP24 div.catItemGroupLinksView {display:block;margin:0 0 15px 0;min-height:93px;border-bottom: 2px solid rgba(0, 0, 0, 0.12);} div.CSP24 .catItemGroupLinksImageBlock {float:left;margin:0 20px 0 0;height:76px;width:76px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP24 .catItemGroupLinksImageBlock img {width:auto; height:76px; margin-left: -19px; position:absolute; max-width:none;} div.CSP24 h3.catItemGroupLinksTitle {margin:0 0 6px;font-size:21px;line-height:1.2em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.CSP24 div.catItemGroupLinksDateCreated {display:inline-block;margin:0 8px 10px 0;} div.CSP24 div.catItemGroupLinksDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP24 div.catItemGroupLinksDateCreated span.catItemDateCreatedDay {} div.CSP24 div.catItemGroupLinksDateCreated span.catItemDateCreatedMonth {} div.CSP24 div.catItemGroupLinksDateCreated span.catItemDateCreatedYear {} div.CSP24 div.catItemGroupLinksAuthor {display:inline-block;} div.CSP24 div.catItemGroupLinksAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP24 div.catItemIsFeatured {} /* Attach a class for each featured item */ div.CSP24 span.catItemEditLink {} div.CSP24 span.catItemEditLink a {} div.CSP24 span.catItemEditLink a:hover {} div.CSP24 article.catItemContainer {display:table; position: relative;} div.CSP24 .catItemContainer {display: table-cell; vertical-align: top;} div.CSP24 div.catItemHeader {} div.CSP24 div.catItemHeader span.catItemDateCreated {} div.CSP24 div.catItemHeader div.catItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.CSP24 div.catItemHeader div.catItemDateCreated:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP24 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedDay {} div.CSP24 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMonth {} div.CSP24 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedYear {} div.CSP24 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedTime {} div.CSP24 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedHour {} div.CSP24 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedMinute {} div.CSP24 div.catItemHeader div.catItemDateCreated span.catItemDateCreatedSecond {} div.CSP24 div.catItemHeader h3.catItemTitle {} div.CSP24 div.catItemHeader h3.catItemTitle span {} div.CSP24 div.catItemHeader h3.catItemTitle span sup {} /* superscript */ div.CSP24 div.catItemHeader span.catItemAuthor {} div.CSP24 div.catItemHeader span.catItemAuthor a {} div.CSP24 div.catItemHeader span.catItemAuthor a:hover {} div.CSP24 div.catItemHeader div.catItemAuthor {display:inline-block;} div.CSP24 div.catItemHeader div.catItemAuthor a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP24 div.catItemRatingBlock {} div.CSP24 div.catItemRatingBlock span {} div.CSP24 div.catItemBody {} div.CSP24 div.catItemImageBlock {display: table-cell; vertical-align: top;} div.CSP24 span.catItemImage {} div.CSP24 span.catItemImage img {} div.CSP24 .catItemImageBlock {float:left; margin:0 20px 0 0; overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP24 .catItemImageBlock img {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transition: all 0.2s ease-out 0s;} div.CSP24 .catItemImageBlock img:hover {transform: scale(1.1);} div.CSP24 div.catItemIntroText {} div.CSP24 div.catItemIntroText img {} div.CSP24 div.catItemExtraFields, div.genericItemExtraFields {} div.CSP24 div.catItemExtraFields h4, div.genericItemExtraFields h4 {} div.CSP24 div.catItemExtraFields ul, div.genericItemExtraFields ul {} div.CSP24 div.catItemExtraFields ul li, div.genericItemExtraFields ul li {} div.CSP24 div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.CSP24 div.catItemExtraFields ul li span.catItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.CSP24 .catItemExtraFieldTopTitle {margin: 0 0 5px;color:#666;font-size:1em;line-height: 1.2em;text-transform:uppercase;} div.CSP24 div.catItemLinks {} div.CSP24 div.catItemHitsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP24 span.catItemHits {} div.CSP24 div.catItemHits {display:inline-block;} div.CSP24 div.catItemHits:before {font-family: FontAwesome; content: "";} div.CSP24 div.catItemCategory {} div.CSP24 div.catItemCategory span {} div.CSP24 div.catItemCategory a {} div.CSP24 div.catItemTagsBlock {} div.CSP24 div.catItemTagsBlock span {} div.CSP24 div.catItemTagsBlock ul.catItemTags {} div.CSP24 div.catItemTagsBlock ul.catItemTags li {margin:0 2px 0 0;} div.CSP24 div.catItemTagsBlock ul.catItemTags li a {} div.CSP24 div.catItemTagsBlock ul.catItemTags li a:hover {} div.CSP24 div.catItemTagsBlock ul.catItemTags li a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.CSP24 div.catItemAttachmentsBlock {padding:4px 0;border-bottom:1px dotted #ccc;} div.CSP24 div.catItemAttachmentsBlock span {} div.CSP24 div.catItemAttachmentsBlock ul.catItemAttachments {} div.CSP24 div.catItemAttachmentsBlock ul.catItemAttachments li {display: block;margin: 0;padding: 0px;list-style: none outside none;text-align: left;} div.CSP24 div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.CSP24 div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.CSP24 div.catItemAttachmentsBlock ul.catItemAttachments li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.CSP24 div.catItemAttachmentsBlock ul.catItemAttachments li span {} /* Video */ div.CSP24 div.catItemVideoBlock {} div.CSP24 div.catItemVideoBlock div.catItemVideoEmbedded {} /* for embedded videos (not using AllVideos) */ div.CSP24 div.catItemVideoBlock span.catItemVideo {} /* Image Gallery */ div.CSP24 div.catItemImageGallery {} /* Anchor link to comments */ div.CSP24 div.catItemCommentsLink {} div.CSP24 div.catItemCommentsLink a {} div.CSP24 div.catItemCommentsLink a:hover {} div.CSP24 div.catItemCommentsLink a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} /* Read more link */ div.CSP24 div.catItemReadMore {} div.CSP24 div.catItemReadMore a {} div.CSP24 div.catItemReadMore a:hover {} div.CSP24 div.catItemReadMore a.readon {float:right;margin:-5px 25px 5px 0;padding: 2px 10px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} /* Modified date */ div.CSP24 span.catItemDateModified {} div.CSP24 div.catItemDateModified {display:inline-block;margin:4px 0 4px 0;/*font-size:0.8em;*/} div.CSP24 div.catItemDateModified:before {margin:0 1px 0 0;font-family: FontAwesome; content: "";} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.CSP24 div.userView {} div.CSP24 div.userBlock {} div.CSP24 span.userItemAddLink {} div.CSP24 span.userItemAddLink a {} div.CSP24 span.userItemAddLink a:hover {} div.CSP24 div.userBlock img {} div.CSP24 div.userBlock h2 {} div.CSP24 div.userBlock div.userDescription {} div.CSP24 div.userBlock div.userAdditionalInfo {} div.CSP24 span.userURL {} div.CSP24 span.userEmail {} div.CSP24 div.userItemList {} /* User items */ div.CSP24 div.userItemView {} /* this is the item container for this view */ div.CSP24 div.userItemIsFeatured {} /* Attach a class for each featured item */ div.CSP24 div.userItemViewUnpublished {} div.CSP24 span.userItemEditLink {} div.CSP24 span.userItemEditLink a {} div.CSP24 span.userItemEditLink a:hover {} div.CSP24 div.userItemHeader {} div.CSP24 div.userItemHeader span.userItemDateCreated {} div.CSP24 div.userItemHeader h3.userItemTitle {} div.CSP24 div.userItemHeader h3.userItemTitle span sup {} /* "Unpublished" presented in superscript */ div.CSP24 div.userItemBody {} div.CSP24 div.userItemImageBlock {} div.CSP24 span.userItemImage {} div.CSP24 span.userItemImage img {} div.CSP24 div.userItemIntroText {} div.CSP24 div.userItemIntroText img {} div.CSP24 div.userItemLinks {} div.CSP24 div.userItemCategory {} div.CSP24 div.userItemCategory span {} div.CSP24 div.userItemCategory a {} div.CSP24 div.userItemTagsBlock {} div.CSP24 div.userItemTagsBlock span {} div.CSP24 div.userItemTagsBlock ul.userItemTags {} div.CSP24 div.userItemTagsBlock ul.userItemTags li {} div.CSP24 div.userItemTagsBlock ul.userItemTags li a {} div.CSP24 div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.CSP24 div.userItemCommentsLink {} div.CSP24 div.userItemCommentsLink a {} div.CSP24 div.userItemCommentsLink a:hover {} /* Read more link */ div.CSP24 div.userItemReadMore {} div.CSP24 div.userItemReadMore a {} div.CSP24 div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.CSP24 div.tagView {} div.CSP24 div.tagItemList {} div.CSP24 div.tagItemView {} /* this is the item container for this view */ div.CSP24 article.tagItemContainer {display:block; position: relative; padding: 0 0 12px 0;} div.CSP24 .tagItemContainer {display:table-cell!important;} div.CSP24 div.tagItemHeader {} div.CSP24 div.tagItemHeader span.tagItemDateCreated {} div.CSP24 div.tagItemHeader h2.tagItemTitle {line-height:1.2em;} div.CSP24 div.tagItemBody {margin: 0;padding: 6px 0 0;} div.CSP24 div.tagItemImageBlock {} div.CSP24 .tagItemImageBlock {float:left;margin:0 20px 0 0;height:160px;width:160px;overflow:hidden; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.CSP24 .tagItemImageBlock img {width:auto; height:160px; margin-left: -40px; position:absolute; max-width:none;} div.CSP24 div.tagItemIntroText {padding:0;} div.CSP24 div.tagItemIntroText img {} div.CSP24 div.tagItemExtraFields {} div.CSP24 div.tagItemExtraFields h4 {} div.CSP24 div.tagItemExtraFields ul {} div.CSP24 div.tagItemExtraFields ul li {} div.CSP24 div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.CSP24 div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.CSP24 div.tagItemCategory {} div.CSP24 div.tagItemCategory span {} div.CSP24 div.tagItemCategory a {} /* Read more link */ div.CSP24 div.tagItemReadMore {} div.CSP24 div.tagItemReadMore a {} div.CSP24 div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.CSP24 div.latestItemsContainer {} /* Category info block */ div.CSP24 div.latestItemsCategory {} div.CSP24 div.latestItemsCategoryImage {} div.CSP24 div.latestItemsCategoryImage img {} div.CSP24 div.latestItemsCategory h2 {} div.CSP24 div.latestItemsCategory p {} /* User info block */ div.CSP24 div.latestItemsUser {} div.CSP24 div.latestItemsUser img {} div.CSP24 div.latestItemsUser h2 {} div.CSP24 div.latestItemsUser p.latestItemsUserDescription {} div.CSP24 div.latestItemsUser p.latestItemsUserAdditionalInfo {} div.CSP24 span.latestItemsUserURL {} div.CSP24 span.latestItemsUserEmail {} /* Latest items list */ div.CSP24 div.latestItemList {} div.CSP24 div.latestItemView {} /* this is the item container for this view */ div.CSP24 div.latestItemHeader {} div.CSP24 div.latestItemHeader h3.latestItemTitle {} div.CSP24 span.latestItemDateCreated {} div.CSP24 div.latestItemBody {} div.CSP24 div.latestItemImageBlock {} div.CSP24 span.latestItemImage {} div.CSP24 span.latestItemImage img {} div.CSP24 div.latestItemIntroText {} div.CSP24 div.latestItemIntroText img {} div.CSP24 div.latestItemLinks {} div.CSP24 div.latestItemCategory {} div.CSP24 div.latestItemCategory span {} div.CSP24 div.latestItemCategory a {} div.CSP24 div.latestItemTagsBlock {} div.CSP24 div.latestItemTagsBlock span {} div.CSP24 div.latestItemTagsBlock ul.latestItemTags {} div.CSP24 div.latestItemTagsBlock ul.latestItemTags li {} div.CSP24 div.latestItemTagsBlock ul.latestItemTags li a {} div.CSP24 div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.CSP24 div.latestItemVideoBlock {} div.CSP24 div.latestItemVideoBlock span.latestItemVideo {} /* Anchor link to comments */ div.CSP24 div.latestItemCommentsLink {} div.CSP24 div.latestItemCommentsLink a {} div.CSP24 div.latestItemCommentsLink a:hover {} /* Read more link */ div.CSP24 div.latestItemReadMore {} div.CSP24 div.latestItemReadMore a {} div.CSP24 div.latestItemReadMore a:hover {} /* Items presented in a list */ div.CSP24 h2.latestItemTitleList {} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.MSP24.k2ItemsBlock {} div.MSP24.k2ItemsBlock p.modulePretext {} div.MSP24.k2ItemsBlock ul {} div.MSP24.k2ItemsBlock ul li {} div.MSP24.k2ItemsBlock ul li a {} div.MSP24.k2ItemsBlock ul li a:hover {} div.MSP24.k2ItemsBlock ul li.lastItem {} div.MSP24.k2ItemsBlock div.moduleItemPadding {display:block;margin:0 0 15px 0;min-height:177px;border-bottom: 2px solid rgba(0, 0, 0, 0.12);} div.MSP24.k2ItemsBlock article.moduleListsItem {display:block; position: relative; padding: 0 0 12px 0;} div.MSP24.k2ItemsBlock .moduleListsImage {float:left; width:200px;margin: 0 20px 15px 0; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); position: relative;} div.MSP24.k2ItemsBlock div.moduleListsItemBody {display:table-cell;margin-bottom:5px;} div.MSP24.k2ItemsBlock ul li a.moduleItemTitle {} div.MSP24.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.MSP24.k2ItemsBlock div.moduleListsTitle {cursor:pointer;display:block;font-size:21px;font-weight:bold;line-height:1.2em;margin: 0px 0 5px;position: relative;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);} div.MSP24.k2ItemsBlock div.moduleListsTitle a.moduleItemTitle {} div.MSP24.k2ItemsBlock div.moduleListsInfos {font-size: 1em;} div.MSP24.k2ItemsBlock ul li div.moduleItemAuthor {} div.MSP24.k2ItemsBlock ul li div.moduleItemAuthor a {} div.MSP24.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.MSP24.k2ItemsBlock div.moduleItemAuthor {display:inline-block;} div.MSP24.k2ItemsBlock div.moduleItemAuthor a:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP24.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.MSP24.k2ItemsBlock div.moduleItemAuthorAvatar {display:block;} div.MSP24.k2ItemsBlock ul li div.moduleItemIntrotext {} div.MSP24.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {} div.MSP24.k2ItemsBlock div.moduleItemIntrotext {} div.MSP24.k2ItemsBlock ul li div.moduleItemExtraFields {} div.MSP24.moduleItemExtraFields ul {} div.MSP24.moduleItemExtraFields ul li {} div.MSP24.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {} div.MSP24.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} /* Specific Extra Fields styling */ div.MSP24 .moduleItemExtraFieldTopTitle {margin: 0 0 5px;color:#666;font-size:1em;line-height: 1.2em;text-transform:uppercase;} div.MSP24.k2ItemsBlock ul li div.moduleItemVideo {} div.MSP24.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.MSP24.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.MSP24.k2ItemsBlock ul li span.moduleItemDateCreated {} div.MSP24.k2ItemsBlock div.moduleItemDateCreated {display:inline-block;margin:0 8px 5px 0;} div.MSP24.k2ItemsBlock div.moduleItemDateCreated:before {font-family: FontAwesome; content: ""; margin:0 4px 0 0;} div.MSP24.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedDay {} div.MSP24.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedMonth {} div.MSP24.k2ItemsBlock div.moduleItemDateCreated span.moduleItemDateCreatedYear {display:none;} div.MSP24.k2ItemsBlock ul li a.moduleItemCategory {} div.MSP24.k2ItemsBlock div.moduleItemCategory {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP24.k2ItemsBlock div.moduleItemCategory span {font-weight:bold;} div.MSP24.k2ItemsBlock ul li div.moduleItemTags {} div.MSP24.k2ItemsBlock ul li div.moduleItemTags b {} div.MSP24.k2ItemsBlock ul li div.moduleItemTags a {} div.MSP24.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.MSP24.k2ItemsBlock div.moduleItemTags {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP24.k2ItemsBlock div.moduleItemTags span {font-weight:bold;} div.MSP24.k2ItemsBlock div.moduleItemTags a:before {margin:0 2px 0 0;font-family: FontAwesome; content: "";} div.MSP24.k2ItemsBlock ul li div.moduleAttachments {} div.MSP24.k2ItemsBlock div.moduleAttachments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP24.k2ItemsBlock div.moduleAttachments span {font-weight:bold;} div.MSP24.k2ItemsBlock div.moduleAttachments ul {display: inline;list-style: none outside none;margin: 0;padding: 0;} div.MSP24.k2ItemsBlock div.moduleAttachments ul li {} div.MSP24.k2ItemsBlock div.moduleAttachments ul li a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP24.k2ItemsBlock ul li a.moduleItemComments {} div.MSP24.k2ItemsBlock ul li a.moduleItemComments:hover {} div.MSP24.k2ItemsBlock div.moduleItemComments {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP24.k2ItemsBlock div.moduleItemComments a:before {margin:0 4px 0 0;font-family: FontAwesome; content: "";} div.MSP24.k2ItemsBlock ul li span.moduleItemHits {} div.MSP24.k2ItemsBlock div.moduleItemHits {padding:4px 0;border-bottom:1px dotted #ccc;} div.MSP24.k2ItemsBlock div.moduleItemHits:before {font-family: FontAwesome; content: "";} div.MSP24.k2ItemsBlock ul li a.moduleItemReadMore {} div.MSP24.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.MSP24.k2ItemsBlock div.moduleListsReadonWrapper {display:block;} div.MSP24.k2ItemsBlock div.moduleListsReadonWrapper a.readon {float:right;margin:-5px 25px 5px 0;padding: 2px 10px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);border-radius: 2px;} div.MSP24.k2ItemsBlock a.moduleCustomLink {} div.MSP24.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.MSP24 div.k2UsersBlock {} div.MSP24 div.k2UsersBlock ul {} div.MSP24 div.k2UsersBlock ul li {} div.MSP24 div.k2UsersBlock ul li.lastItem {} div.MSP24 div.k2UsersBlock ul li a.ubUserAvatar img {} div.MSP24 div.k2UsersBlock ul li a.ubUserName {} div.MSP24 div.k2UsersBlock ul li a.ubUserName:hover {} div.MSP24 div.k2UsersBlock ul li div.ubUserDescription {} div.MSP24 div.k2UsersBlock ul li div.ubUserAdditionalInfo {} div.MSP24 a.ubUserFeedIcon, div.MSP24 a.ubUserFeedIcon:hover {} div.MSP24 a.ubUserFeedIcon span, div.MSP24 a.ubUserFeedIcon:hover span {} div.MSP24 a.ubUserURL, div.MSP24 a.ubUserURL:hover {} div.MSP24 a.ubUserURL span, div.MSP24 a.ubUserURL:hover span {} div.MSP24 span.ubUserEmail {} div.MSP24 span.ubUserEmail a {} div.MSP24 div.k2UsersBlock ul li h3 {} div.MSP24 div.k2UsersBlock ul li ul.ubUserItems {} div.MSP24 div.k2UsersBlock ul li ul.ubUserItems li {} /*---------------------------------------------------------------------- RESPONSIVE STYLING FOR CSP24 & MSP24 ----------------------------------------------------------------------*/ @media (min-width: 1200px) { /* K2 CSP24 */ div.CSP24 div.itemListCategory h2 {font-size:28px;} div.CSP24 div.catItemView {} div.CSP24 .catItemImageBlock {width:160px;} div.CSP24 .catItemImageBlock img {} div.CSP24 div.catItemHeader h3.catItemTitle {font-size:24px;} div.CSP24 h3.catItemGroupLinksTitle {font-size:24px;} div.CSP24 .tagItemImageBlock {height:160px;width:160px;} div.CSP24 .tagItemImageBlock img {height:160px; margin-left: -40px;} /* K2 MSP24 */ div.MSP24.k2ItemsBlock .moduleListsImage {height:160px;width:160px;overflow:hidden;} div.MSP24.k2ItemsBlock .moduleListsImage img {width:auto; height:160px; margin-left: -40px; position:absolute; max-width:none;} div.MSP24.k2ItemsBlock div.moduleListsTitle {font-size:24px;} } @media (min-width: 960px) and (max-width: 1199px) { /* K2 CSP24 */ div.CSP24 .catItemImageBlock, div.CSP24 .tagItemImageBlock {width:140px;} div.CSP24 .catItemImageBlock img, div.CSP24 .tagItemImageBlock img {} /* K2 MSP24 */ div.MSP24.k2ItemsBlock .moduleListsImage {height:140px;width:140px;overflow:hidden;} div.MSP24.k2ItemsBlock .moduleListsImage img {width:auto; height:140px; margin-left: -35px; position:absolute; max-width:none;} } @media (min-width: 768px) and (max-width: 959px) { /* K2 CSP24 */ div.CSP24 .catItemImageBlock, div.CSP24 .tagItemImageBlock {width:120px;} div.CSP24 .catItemImageBlock img, div.CSP24 .tagItemImageBlock img {} /* K2 MSP24 */ div.MSP24.k2ItemsBlock .moduleListsImage {height:120px;width:120px;overflow:hidden;} div.MSP24.k2ItemsBlock .moduleListsImage img {width:auto; height:120px; margin-left: -30px; position:absolute; max-width:none;} } @media (max-width: 767px) { /* K2 CSP24 */ div.CSP24 .catItemImageBlock, div.CSP24 .tagItemImageBlock {width:120px;} div.CSP24 .catItemImageBlock img, div.CSP24 .tagItemImageBlock img {} /* K2 MSP24 */ div.MSP24.k2ItemsBlock .moduleListsImage {height:100px;width:100px;overflow:hidden;} div.MSP24.k2ItemsBlock .moduleListsImage img {width:auto; height:100px; margin-left: -25px; position:absolute; max-width:none;} } @media (min-width: 481px) and (max-width: 767px) { /* K2 CSP24 */ /* K2 MSP24 */ } @media (min-width: 321px) and (max-width: 480px) { /* K2 CSP24 */ div.CSP24 h2.itemTitle {font-size:24px;} div.CSP24 h3.catItemTitle {font-size:18px} div.CSP24 .catItemImageBlock, div.CSP24 .tagItemImageBlock {margin:0 12px 0 0;width:96px;} div.CSP24 .catItemImageBlock img, div.CSP24 .tagItemImageBlock img {} div.CSP24 div.itemHeader div.itemDateCreated {} div.CSP24 div.itemHeader div.itemAuthor {margin:0 0 0 5px;} div.CSP24 div.itemHits {display:block;} div.CSP24 div.itemDateModified {display:block;margin-left:2px;} /* K2 MSP24 */ div.MSP24.k2ItemsBlock div.moduleItemPadding {min-height:91px;} div.MSP24.k2ItemsBlock div.moduleListsTitle {} div.MSP24.k2ItemsBlock .moduleListsImage {margin: 0 12px 10px 0;height:75px;width:75px;} div.MSP24.k2ItemsBlock .moduleListsImage img {height:75px; margin-left: -18px;} div.MSP24.k2ItemsBlock div.moduleItemDateCreated {} div.MSP24.k2ItemsBlock div.moduleItemAuthor {} div.MSP24.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP24.k2ItemsBlock div.moduleListsIntroText, div.MSP24.k2ItemsBlock div.moduleListsReadonWrapper {display:none;} } @media (max-width: 320px) { /* K2 CSP24 */ div.CSP24 div.itemListCategory h2 {font-size:18px;} div.CSP24 h2.itemTitle {font-size:21px;} div.CSP24 div.catItemHeader h3.catItemTitle {margin:0 0 5px;font-size:16px} div.CSP24 .catItemImageBlock, div.CSP24 .tagItemImageBlock {margin:0 12px 0 0;width:72px;} div.CSP24 .catItemImageBlock img, div.CSP24 .tagItemImageBlock img {} div.CSP24 div.catItemHeader div.catItemDateCreated {font-size:0.8em;} div.CSP24 div.catItemHeader div.catItemAuthor {margin:0 0 0 5px;font-size:0.8em;} div.CSP24 div.itemHits {display:block;} div.CSP24 div.itemDateModified {display:block;margin-left:2px;} div.CSP24 div.catItemGroupLinksView {min-height:85px;} div.CSP24 .catItemGroupLinksImageBlock {margin:0 12px 0 0;height:68px;width:68px;} div.CSP24 .catItemGroupLinksImageBlock img {height:68px; margin-left: -17px;} div.CSP24 h3.catItemGroupLinksTitle {margin:0 0 2px;font-size:14px;} div.CSP24 div.catItemGroupLinksDateCreated {display:block;margin:0 0 0 0;font-size:0.8em;} div.CSP24 div.catItemGroupLinksAuthor {display:block;margin:-3px 0 10px 0;font-size:0.8em;} /* K2 MSP24 */ div.MSP24.k2ItemsBlock div.moduleItemPadding {min-height:88px;} div.MSP24.k2ItemsBlock div.moduleListsItemBody {display:block;} div.MSP24.k2ItemsBlock div.moduleListsTitle {font-size: 16px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);} div.MSP24.k2ItemsBlock .moduleListsImage {height:72px;width:72px;overflow:hidden;margin: 0 12px 10px 0;} div.MSP24.k2ItemsBlock .moduleListsImage img {width:auto; height:72px; margin-left: -18px; position:absolute; max-width:none;} div.MSP24.k2ItemsBlock div.moduleItemDateCreated {font-size: 0.8em;display:block;margin-top:-3px;} div.MSP24.k2ItemsBlock div.moduleItemAuthor {font-size: 0.8em;display:block;margin-top:-5px;} div.MSP24.k2ItemsBlock div.moduleItemAuthor a:before {} div.MSP24.k2ItemsBlock div.moduleListsIntroText, div.MSP24.k2ItemsBlock div.moduleListsReadonWrapper {display:none;} div.MSP24.k2ItemsBlock ul li div.moduleItemIntrotext {display:none;} } /* --- END --- */