/** * @version 2.7.x * @package K2 * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2016 JoomlaWorks Ltd. All rights reserved. * @license GNU/GPL license:http://www.gnu.org/copyleft/gpl.html */ /* ### Legend ### Colors used: #fafafa (light grey) used as background on all toolbars, category and user/author boxes */ /*------------------------------------------------------------------------------ Common Elements --------------------------------------------------------------------------------*/ /* --- Basic typography --- */ a:active, a:focus {outline:0;} img {border:none;} /* --- Global K2 container --- */ 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;} /* --- Striped rows (add a different background color enable stripped rows in various listings with K2 content) --- */ /* --- 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;} div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;} /* --- Rating --- */ .itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;} .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;} 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;} .k2-recaptcha-v2 {margin-top:12px;} /* --- Icon Font Support --- */ /* Reset for users with older overrides */ div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {font-size:14px;} div.itemToolbar ul li a#fontDecrease img, div.itemToolbar ul li a#fontIncrease img {background:none;} a.ubUserFeedIcon, a.ubUserFeedIcon:hover, a.ubUserURL, a.ubUserURL:hover, span.ubUserEmail, div.k2FeedIcon a, div.k2FeedIcon a:hover, div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {background:none;text-decoration:none;vertical-align:middle;font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} /* Font assignments */ a#fontIncrease:before {content:"\e091";} a#fontDecrease:before {content:"\e092";} div.k2FeedIcon a:before, a.ubUserFeedIcon:before {content:"\e03b";} a.ubUserURL:before {content:"\e037";} span.ubUserEmail:before {content:"\e086";} /* --- Primary lists in modules --- */ div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul {margin:0;padding:0 4px;list-style:none;} /* Example CSS: padding:0;margin:0;list-style:none; */ div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock 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 {display:block;padding:0;margin:0 0 24px 0;} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc; */ .clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */ .lastItem {border:none;} /* class appended on last list item */ /* --- Avatars --- */ .k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ddd;border-radius:50%;padding:2px;margin:2px 4px 4px 0;} /* --- Pagination --- */ div.k2Pagination {padding:8px;text-align:center;display: initial;} div.k2Pagination ul {text-align:center;position: absolute;bottom: -26px;margin-left: auto;margin-right: auto;left: 0;right: 0;} div.k2Pagination ul li {display:inline-block;margin:0;padding:0;} div.k2Pagination ul li a {display:inline-block;border:1px solid #242730;vertical-align:middle;background:#fff;text-decoration:none;color: #828282} div.k2Pagination ul li a:hover {background:#fafafa;cursor:pointer;} div.k2Pagination ul li.active a {background:#f16921;} div.k2Pagination ul li a span {vertical-align:middle;} /* --- Separators --- */ .k2HorizontalSep {border:0;padding:0;margin:0 8px;} /* --- Edit Buttons --- */ span.itemEditLink, span.catItemEditLink, span.userItemEditLink {float:right;display:block;padding:0;margin:0;width:120px;text-align:right;} span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a {display:inline-block;padding:4px 8px;margin:0;background:#2d96dd;color:#fff;border:0;border-radius:4px;font-size:11px;line-height:100%;font-weight:bold;text-align:center;text-decoration:none;} span.itemEditLink a:hover, span.catItemEditLink a:hover, span.userItemEditLink a:hover {background:#217dbb;} /*------------------------------------------------------------------------------ Component - Item view --------------------------------------------------------------------------------*/ a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px;} a.itemPrintThisPage:hover {background:#fafafa;text-decoration:none;} div.itemView {padding-top:8px} /* this is the item container for this view */ div.itemHeader .separate{color: #e0e0e0;} div.itemHeader h2.itemTitle {font-size: 35px;font-weight: bold;margin: 15px 0 25px;text-align: center} div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */ div.itemHeader span {display: inline-block;color: #f16921;font-size: 11px;margin: 12px 0; vertical-align:middle;} div.itemHeader span.itemAuthor a:before {content:" ";} div.itemHeader span.itemAuthor a, a.itemPrintLink, a.itemEmailLink, a.itemCommentsLink.k2Anchor{color: #f16921} div.itemToolbar {padding:8px;margin:16px 0 0 0;background:#fafafa;border-radius:4px;} 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 img {vertical-align:middle;} div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;font-size:13px;} div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;font-size:13px;} 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 {} .itemRelFulltext, .itemRelExtraFields{font-size: 11px;display: inline-block;} .ItemRelTitre{margin-bottom: 20px} div.itemImageBlock {margin:0 0 16px 0;} span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img {max-width:100%;height:auto;} 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;} @media screen and ( max-width:600px ){ span.itemImageCaption, span.itemImageCredits {float:none;text-align:center;} } div.itemIntroText {color:#f16921;margin-top: 20px;} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemIntroText p, div.itemIntroText span{text-align: justify;!important;font-size: inherit!important;font-family: inherit!important;background-color: inherit!important;color: #f16921!important;} div.itemIntroText br{display: none} div.itemExtraFields {padding:8px 0 0 0;font-size: 12px} div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;} div.itemExtraFields ul {margin:0;padding:0;list-style:none;} div.itemExtraFields ul li {display:block;text-transform: uppercase;font-weight: 900} div.itemExtraFields ul li span.itemExtraFieldsLabel {color: #f16921} h3.itemAuthorName{margin-top: 25px;margin-bottom: 0;font-size: 14px;} div.itemContentFooter {float: right;} span.itemHits {float:left;} div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float:left;margin:2px 24px 0 0;} div.itemFacebookButton {float:left;margin-right:24px;width:200px;} div.itemLinks {margin:16px 0;padding:0;} div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} 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-block;list-style:none;padding:0 4px 0 0;margin:2px;text-align:center;} div.itemTagsBlock ul.itemTags li a:before {content:"#";} div.itemTagsBlock ul.itemTags li a { padding: 5px 12px; border-radius: 15px; background-color: #f1f1f1; font-size: 11px; color: #000;} div.itemTagsBlock ul.itemTags li a:hover {background-color: #848484;} div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Author block */ div.itemAuthorBlock {margin:0 0 16px 0;} div.itemAuthorBlock img.itemAuthorAvatar {border-radius:50%;border: 1px solid #543a3d;padding: 1px} div.itemAuthorBlock div.itemAuthorDetails{padding: 15px;background-color: #543a3d;text-align: center;color: #fff;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-size:16px;} div.itemAuthorBlock div.itemAuthorDetails p {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;} 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;} /* Related by tag */ div.itemRelated {margin-bottom:16px;padding:0;margin: -10px;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.itemRelated h3 { font-size: 18px; text-transform: uppercase; font-weight: 900; color: #fff; text-align: center } div.div.itemRelated ul li {margin-bottom: 15px;padding: 10px} div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ddd;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 {font-weight: 900;font-size: 14px;color: #eee} div.itemRelCat, div.itemRelAuthor {display: inline-block;color: #663714;font-size: 11px;} div.itemRelCat a {color: #663714;} div.itemRelAuthor a {color: #663714;} img.itemRelImg, img.itemDiapImg {margin-bottom: 16px;} .RelatedList{margin-bottom: 20px;padding: 0} /* Video */ div.itemVideoBlock {margin:30px 0;padding:5px;background:#30343f;} 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;} @media screen and ( max-width:600px ){ div.itemVideoBlock span.itemVideoCaption, div.itemVideoBlock span.itemVideoCredits {float:none;text-align:center;width:auto;} } /* Image Gallery */ div.itemImageGallery {margin:40px 0 16px 0;padding:0;} /* Article navigation */ div.itemNavigation {padding:8px;margin:0 0 24px 0;background:#ececec;} div.itemNavigation span.itemNavigationTitle {color:#999;} div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;} /* Comments */ div.itemComments {background:#f1f1f1;border:1px solid #bdbdbd;padding:16px;margin-bottom: 15px;margin-top: 25px} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {display:block;padding:4px;margin:0 0 8px 0;border-bottom:1px solid #ddd;background:#fff;} div.itemComments ul.itemCommentsList li.authorResponse {background:#f5fdff;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {float:left;margin:4px 4px 4px 0;padding:4px;} 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;} /* Joomla 1.5 - 2.5 */ div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} /* Joomla 3.x */ div.itemCommentsPagination ul {text-align:center;} div.itemCommentsPagination ul li {display:inline-block;margin:0;padding:0;} div.itemCommentsPagination ul li a {display:inline-block;padding:4px 8px;margin:0 8px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;background:#fff;text-decoration:none;} div.itemCommentsPagination ul li a:hover {background:#fafafa;cursor:pointer;} div.itemCommentsPagination ul li.active a {background:#fafafa;} div.itemCommentsPagination ul li a span {vertical-align:middle;} div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;} div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;padding:8px 0;} div.itemCommentsForm form {margin:0;padding:0;width:100%;} div.itemCommentsForm form label.formComment, div.itemCommentsForm form label.formName, div.itemCommentsForm form label.formEmail, div.itemCommentsForm form label.formUrl, div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form textarea.inputbox {display:block;width:100%;height:200px;margin:0;padding:8px;box-sizing:border-box;} div.itemCommentsForm form input.inputbox {display:block;width:100%;margin:0;padding:8px;line-height:150%;height:auto;box-sizing:border-box;} div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:8px 16px;background:#2d96dd;color:#fff;border:0;border-radius:4px;font-size:16px;font-weight:bold;} div.itemCommentsForm form input#submitCommentButton:hover {background:#217dbb;} div.itemCommentsForm form span#formLog {margin:24px;padding:8px 12px;border-radius:4px;text-align:center;display:none;} div.itemCommentsForm form span#formLog.k2FormLogError {display:block;background:#f00;color:#fff;} div.itemCommentsForm form span#formLog.k2FormLogSuccess {display:block;background:#18ac00;color:#fff;} div.itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} div.itemCommentsLoginFirst {display:block;margin:24px;padding:8px 12px;background:#f00;color:#fff;border-radius:4px;} /* "Report comment" form */ div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} div.k2ReportCommentFormContainer blockquote {width:462px;background:#fafafa;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-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:24px;padding:8px 12px;background:#fafafa;border-radius:4px;text-align:center;display:none;} div.k2ReportCommentFormContainer form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* Back to top link */ div.itemBackToTop {text-align:right;} div.itemBackToTop a {text-decoration:underline;} div.itemBackToTop a:hover {text-decoration:underline;} 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 #ddd;background:#fafafa;text-decoration:none;} span.catItemAddLink a:hover {background:#ffffcc;} div.itemListCategory img {} div.itemListCategory h2, .itemCategory a {margin: 25px 0;font-weight: 900;color: #f16921;font-size: 30px;text-transform: uppercase;color: #f16921;text-align: left;} div.itemListCategory p {} div.subCategoryContainer {float:left;padding: 0 15px}div.subCategory {} div.subCategory a.subCategoryImage, div.subCategory a.subCategoryImage:hover {text-align:center;display:block;overflow: hidden} div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {margin:0 0;width: 100%} /* --- Item groups --- */ .catItemdetails span a{color: #f16921} .catItemdetails .fa, .catItemdetails .glyphicon{font-size: 10px} .catItemdetails{border-bottom: 1px dotted #ddd;margin: 17px 0;font-size: 9px;-webkit-box-flex:1;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox} div.itemContainer {float:left;margin-bottom: 30px} @media screen and ( max-width:600px ){ div.itemContainer {float:none;display:block;width:100%!important;} } .itemListView .itemContainer.itemContainerLast span.catItemCategory{display: none;} .itemListView.actualite .itemContainer.itemContainerLast span.catItemCategory{display: block;} .itemListView.actualite .itemContainer.itemContainerLast span.catItemCategory a{color: #663714} .catItemExtraFields{display: inline-block;} .catItemExtraFields .fa{font-size: 10px} div.groupLinks {padding:0;margin:0;} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {margin:0 0 15px;font-size: 20px} div.catItemHeader h3.catItemTitle a{color: #000} 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.catItemRatingBlock {padding:8px 0;} div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.catItemImageBlock {border-bottom: 2px solid #f16921;padding: 0;overflow: hidden;height: 153px;margin-right: 25px;} span.catItemImage {} span.catItemImage img {max-width:100%;height:auto;border: 2px solid #f16921;} .itemListView.DossierItemPge.Temoin.js span.catItemImage img{border:none;} 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;} 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.catItemLinks {margin:0 0 16px 0;padding:0;} div.catItemHitsBlock {padding:4px 0;} span.catItemHits {} div.catItemCategory {padding:4px 0;} div.catItemCategory span {font-weight:bold;padding:0 4px 0 0;} div.catItemCategory a {} div.catItemTagsBlock {padding:4px 0;} div.catItemTagsBlock span {font-weight:bold;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:before {content:"#";} div.catItemAttachmentsBlock {padding:4px;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 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;} /* Read more link */ div.catItemReadMore {display:inline;} /* 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.userBlock {background:#fafafa;border:1px solid #ddd;margin:0 0 24px 0;padding:8px;} 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 #ddd;background:#fafafa;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;border-radius:50%;} 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;} /* User items */ div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} h3.userItemTitle{margin: 10px 0;font-size: 16px;} div.userItemHeader h3.userItemTitle {padding:10px 0 4px 0;margin:0;} h3.userItemTitle a{color: #121212} span.userItemCategory a{text-transform: uppercase;color: #f16921;font-size: 11px;font-weight: bold;} 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;} span.userItemImage img {max-width:100%;height:auto;} div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.userItemLinks {margin:0 0 16px 0;padding:0;} div.userItemCategory {padding:4px 0;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemTagsBlock {padding:4px 0;} 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:before {content:"#";} /* Anchor link to comments */ div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} /* Read more link */ div.userItemReadMore {display:inline;} div.tagItemView {margin-bottom:48px;} /* this is the item container for this view */ div.tagItemHeader h2.tagItemTitle {padding:10px 0 4px 0;margin:0;} h2.tagItemTitle{margin: 0} div.tagItemBody {padding:8px 0;margin:0;} .tagItemTitle a{color: #000} div.tagItemImageBlock {padding:0;margin:0;float:left;} span.tagItemImage {display:block;text-align:center;margin:0 20px 0 0;height: 153px;overflow: hidden;border: 2px solid #f16921;} span.tagItemImage img {max-width:100%;height:auto;} .tagItemExtraFields, .tagItemHeader, .bare{display: inline-block;color: #cccccc;} .tagItemDetails{margin: 10px 0;border-top: 1px dotted #ddd;padding-top: 10px;-webkit-box-flex: 1;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;} .tagItemExtraFields ul{margin: 0} div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.tagItemCategory {display:inline-block;} .tagItemCategory a, span.tagItemExtraFieldsValue,span.tagItemDateCreated{color: #f16921;font-size: 10px} div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} /* Read more link */ div.tagItemReadMore {display:inline;} div.genericItemView {margin-bottom:48px;} /* this is the item container for this view */ div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;} div.genericItemHeader h2.genericItemTitle {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 {max-width:100%;height:auto;} div.genericItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} 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;} /* No results found message */ div#genericItemListNothingFound {padding:40px;text-align:center;} div#genericItemListNothingFound p {font-size:40px;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;} @media screen and ( max-width:600px ){ div.latestItemsContainer {float:none;display:block;width:100%!important;} } /* Category info block */ div.latestItemsCategory {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 8px 24px 0;padding:8px;} div.latestItemsCategoryImage {text-align:center;} div.latestItemsCategoryImage img {margin:0 8px 0 0;} div.latestItemsCategory h2 {} div.latestItemsCategory p {} /* User info block */ div.latestItemsUser {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 8px 24px 0;padding:8px;} div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;border-radius:50%;} 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 {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;} span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.latestItemImage img {max-width:100%;height:auto;} @media screen and ( max-width:600px ){ div.latestItemImageBlock {float:none;display:block;} } 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 0;} div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemCategory a {} div.latestItemTagsBlock {padding:4px 0;} 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:before {content:"#";} 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 {padding:2px 0;margin:8px 0 2px 0;border-bottom:1px dotted #ccc;} /*------------------------------------------------------------------------------ Component - Register & profile page views (register.php & profile.php) --------------------------------------------------------------------------------*/ .k2AccountPage table tr td label {color: #2a2d50;font-size: 13px;} img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;} .k2AccountPage div.k2AccountPageNotice {margin-bottom: 10px;text-transform: uppercase;color: #ff0000;font-weight: bold;} .k2AccountPage td#userAdminParams {padding:0;margin:0;} .k2AccountPage table.admintable td.key label, .k2AccountPage table.admintable td.paramlist_key { font-weight: bold;font-size: 17px; text-transform: uppercase;} /*------------------------------------------------------------------------------ Modules - mod_k2_content --------------------------------------------------------------------------------*/ div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;height: 120px;overflow: hidden;width: 200px} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {width: 100%;border:5px solid #f1692;} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;} 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 span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul{padding: 0} .DivContent div.ns2-tools{display: block;padding: 0 15px} .DivContent{background-color: #eee;padding-bottom: 15px} .DivContent li.typeSelect.group1{padding: 0} h2.moduleItemTitle a{color: #000;font-size: 17px;line-height: 1.1} .moduleItemExtraFields,span.moduleItemAuthor,span.moduleItemDateCreated{display: inline-block;} /*------------------------------------------------------------------------------ Modules - K2 MORE VIEW --------------------------------------------------------------------------------*/ .boxMoreView li.even,.boxMoreView li.odd{width: 50%} .boxMoreView li.odd{float: right;} .boxMoreView li.even{float: left;} .box.boxMoreView li.typeSelect.group1{padding: 0} .box.boxMoreView a.moduleItemCategory{color: #f16921} .box.boxMoreView div.moduleItemIntrotext{height: 112px;width: 216px} .boxMoreView h2.moduleItemTitle{margin-top: 0;padding: 0;min-height: inherit} .boxMoreView div.ns2-tools{display: block;} .boxMoreView li.even .moduleItemIntrotext{float: right;margin-left: 15px;border-right: 5px solid #f16921;} .boxMoreView li.odd .moduleItemIntrotext{float: left;margin-right: 15px;border-left: 5px solid #f16921;} /*------------------------------------------------------------------------------ Modules - mod_k2_tools --------------------------------------------------------------------------------*/ /* --- Archives --- */ div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;} /* --- Breadcrumbs --- */ div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} 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:#fafafa;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:#fafafa;} table.calendar tr td.calendarNavMonthNext {background:#fafafa;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.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#fafafa;} 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 form select {width:auto;} /* --- Category List/Menu --- */ div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;} div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;} /* --- Search Box --- */ 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 #ddd;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 #ddd;} 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;} /*------------------------------------------------------------------------------ Modules - mod_k2_user (mod_k2_login is removed since v2.6.x) --------------------------------------------------------------------------------*/ div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;} 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_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;font-size:15px;} a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span {display:none;} a.ubUserURL, a.ubUserURL:hover {display:inline-block;margin:0 2px 0 0;padding:0;font-size:15px;} a.ubUserURL span, a.ubUserURL:hover span {display:none;} span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;overflow:hidden;font-size:15px;} 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 {} /* --- END --- */