/** * @version 2.9.x * @package K2 * @author JoomlaWorks https://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2018 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 --- */ #k2Container {padding:0 0 24px 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;} /* --- Striped rows (add a different background color enable stripped rows in various listings with K2 content) --- */ .even {padding:2px;} .odd {padding:2px;} /* --- 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(components/com_k2/images/loaders/generic.gif) no-repeat left center;height:25px;padding:0 0 0 20px;} .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(components/com_k2/images/ratingstars.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.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before, 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 */ div.catItemIsFeatured:before, div.userItemIsFeatured:before, div.itemIsFeatured:before {content:"\e09b";} 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.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 {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.k2ItemsBlock ul li, div.k2LoginBlock ul 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;} /* --- Read more --- */ a.k2ReadMore {} a.k2ReadMore:hover {} /* --- Pagination --- */ div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;} div.k2Pagination ul {text-align:center;} div.k2Pagination ul li {display:inline-block;margin:0;padding:0;} div.k2Pagination 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.k2Pagination ul li a:hover {background:#fafafa;cursor:pointer;} div.k2Pagination ul li.active a {background:#fafafa;} div.k2Pagination ul li a span {vertical-align:middle;} /* --- 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 {position:relative;} div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before {position:absolute;top:10px;right:10px;color:#CF1919;font-size:20px;} /* --- Separators --- */ .k2HorizontalSep {border:0;padding:0;margin:0 8px;} /* --- Edit Buttons --- */ span.itemEditLink, span.catItemEditLink, span.userItemEditLink, span.userItemAddLink {float:right;display:block;padding:0;margin:0;width:120px;text-align:right;} span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a, span.userItemAddLink 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, span.userItemAddLink 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:8px 0 24px 0;margin:0 0 24px 0;} /* this is the item container for this view */ div.itemIsFeatured {} /* Attach a class for each featured item */ span.itemEditLink {} span.itemEditLink a {} span.itemEditLink a:hover {} div.itemHeader {} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} div.itemHeader h2.itemTitle {padding:10px 0 4px 0;margin:0;} 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:before {content:" ";} div.itemHeader span.itemAuthor a {} div.itemHeader span.itemAuthor a:hover {} 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: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;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 {padding:8px 0;margin:0;} div.itemImageBlock {padding:8px 0;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:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;} div.itemIntroText img {} div.itemFullText {} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} 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;} 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 0;margin:16px 0 4px 0;color:#999;} span.itemHits {float:left;} span.itemDateModified {} div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float:left;margin:2px 24px 0 0;} div.itemFacebookButton {float:left;margin-right:24px;width:200px;} div.itemGooglePlusOneButton {} div.itemLinks {margin:16px 0;padding:0;} div.itemCategory {} div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemCategory a {} div.itemTagsBlock {} 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:before {content:"#";} div.itemTagsBlock ul.itemTags li a {} div.itemTagsBlock ul.itemTags li a:hover {} 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 a {} div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Author block */ div.itemAuthorBlock {background:#fafafa;border:1px solid #ddd;border-radius:4px;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;border-radius:50%;} 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-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;} 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 #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 {} 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(components/com_k2/images/videobg.gif) repeat-x bottom;color:#eee;} 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:0 0 16px 0;padding:0;} /* Article navigation */ div.itemNavigation {padding:8px;margin:0 0 24px 0;background:#fafafa;border-radius:4px;} div.itemNavigation span.itemNavigationTitle {color:#999;} div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;} /* Comments */ div.itemComments {background:#fafafa;border:1px solid #ddd;border-radius:4px;padding:16px;} 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(components/com_k2/images/loaders/search.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(components/com_k2/images/loaders/generic.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(components/com_k2/images/loaders/generic.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;} /*------------------------------------------------------------------------------ Component - Itemlist view (category) --------------------------------------------------------------------------------*/ div.itemListCategoriesBlock {} /* --- Category block --- */ div.itemListCategory {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 0 24px 0;padding:8px;} 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 {float:left;display:block;margin:0 8px 0 0;} div.itemListCategory h2 {} div.itemListCategory p {} /* --- Sub-category block --- */ div.itemListSubCategories {} 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:#fafafa;border: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 8px 0 0;} 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:#fafafa;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) */ @media screen and ( max-width:600px ){ div.itemContainer, div.subCategoryContainer {float:none;display:block;width:100%!important;} } /* --- Item block for each item group --- */ div.catItemView {margin-bottom:48px;padding:4px;} /* this is the container for each K2 item on this view */ /* 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 {} span.catItemEditLink a {} span.catItemEditLink a:hover {} div.catItemHeader {} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {padding:10px 0 4px 0;margin:0;} 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:8px 0;margin:0;} div.catItemImageBlock {padding:8px 0;margin:0 0 16px 0;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;} span.catItemImage img {max-width:100%;height:auto;} div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} 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;} 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 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.catItemTagsBlock ul.catItemTags li a {} div.catItemTagsBlock ul.catItemTags li a:hover {} 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 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(components/com_k2/images/videobg.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:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 0 24px 0;padding:8px;} 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 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 {margin-bottom:48px;} /* 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 {} span.userItemEditLink a {} span.userItemEditLink a:hover {} div.userItemHeader {} div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} div.userItemHeader h3.userItemTitle {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 {max-width:100%;height:auto;} 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 0;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemCategory a {} 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:"#";} 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 {margin-bottom:48px;} /* this is the item container for this view */ div.tagItemHeader {} div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;} div.tagItemHeader h2.tagItemTitle {padding:10px 0 4px 0;margin:0;} div.tagItemBody {padding:8px 0;margin:0;} div.tagItemImageBlock {padding:0;margin:0;float:left;} span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.tagItemImage img {max-width:100%;height:auto;} 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 {margin-bottom:48px;} /* this is the item container for this view */ div.genericItemHeader {} 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.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;} @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(components/com_k2/images/videobg.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 {} .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 #ddd;margin:8px 0;padding:8px;text-align:right;} .k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;} .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 {} div.k2ItemsBlock p.modulePretext {} div.k2ItemsBlock ul {} 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:4px 0;} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;} 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_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(components/com_k2/images/loaders/calendar.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.calendarDate {} 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 {} 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 {} 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 {} /* 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(components/com_k2/images/loaders/search.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;} /* --- Custom Code --- */ div.k2CustomCodeBlock {} /*------------------------------------------------------------------------------ Modules - mod_k2_user (mod_k2_login is removed since v2.6.x) --------------------------------------------------------------------------------*/ 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_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 --- */ @font-face { font-family: 'rokbox'; src: url('plugins/system/rokbox/assets/fonts/rokbox.eot'); } @font-face { font-family: 'rokbox'; src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); font-weight: normal; font-style: normal; } [data-rokboxicon]:before { font-family: 'rokbox'; content: attr(data-rokboxicon); speak: none; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } [class^="rokbox-icon-"]:before, [class*=" rokbox-icon-"]:before { font-family: 'rokbox'; font-style: normal; speak: none; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .rokbox-icon-next:before { content: "\6e"; } .rokbox-icon-previous:before { content: "\70"; } .rokbox-icon-fullscreen:before { content: "\66"; } .rokbox-icon-exit-fullscreen:before { content: "\73"; } .rokbox-icon-close:before { content: "\78"; } .rokbox-icon-unfit-screen:before { content: "\77"; } .rokbox-icon-fit-screen:before { content: "\64"; } body.rokbox-opened { overflow: hidden; } .rokbox-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAYAAACI7Fo9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA09pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoMTMuMCAyMDEyMDMwNS5tLjQxNSAyMDEyLzAzLzA1OjIxOjAwOjAwKSAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDRDMkMyRjk3ODkxMTFFMkFCMUVCOThBOEM0MEFCQUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDRDMkMyRkE3ODkxMTFFMkFCMUVCOThBOEM0MEFCQUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNEMyQzJGNzc4OTExMUUyQUIxRUI5OEE4QzQwQUJBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNEMyQzJGODc4OTExMUUyQUIxRUI5OEE4QzQwQUJBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrFZyHMAAAItSURBVHja7NMBDQAACMOwg383GMQACkgrYckqyQR4rSUAowNGB4wOGB0wOmB0wOiA0cHogNEBowNGB4wOGB0wOmB0MDpgdMDogNEBowNGB4wOGB2MDhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBo4PRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDpgdDA6YHTA6IDRAaMDRgeMDhgdjA4YHTA6YHTA6IDRAaMDRgejA0YHjA4YHTA6YHTA6IDRAaOD0QGjA0YHjA4YHTA6YHTA6GB0wOiA0QGjA0YHjA4YHTA6GB0wOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHowNGB4wOGB0wOmB0wOiA0cHogNEBowNGB4wOGB0wOmB0wOhgdMDogNEBowNGB4wOGB0wOhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBowNGB6MDRgeMDhgdMDpgdMDogNHB6IDRAaMDRgeMDhgdMDpgdDA6YHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgeMDkYHjA4YHTA6YHTA6IDRAaOD0QGjA0YHjA4YHTA6YHTA6IDRweiA0QGjA0YHjA4YHTA6YHQwOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHjA5GB4wOGB0wOmB0wOiA0QGjg9EBowNGB4wOGB0wOmB04LICDABTNgKn7mrGuAAAAABJRU5ErkJggg==) \9; background-color: rgba(0,0,0,0.7); z-index: 25000; overflow: auto; display: none; opacity: 0; filter: alpha(opacity=0); } .rokbox-wrapper.error .rokbox-header h3 { color: #B94A48; } .rokbox-wrapper .rokbox-outer { display: table; height: 100%; width: 100%; } .rokbox-wrapper .rokbox-outer .rokbox-row { display: table-row; width: 100%; height: 100%; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner { display: table-cell; text-align: center; vertical-align: middle; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container { margin: 20px 40px; display: inline-block; outline: medium none; text-align: left; position: relative; background: black; min-width: 100px; min-height: 100px; max-width: 1200px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container img, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container iframe, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container object, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container embed { border-radius: 4px; image-rendering: optimizequality; border: 0; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container img { width: 100%; height: auto; max-width: 100%; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container:hover .rokbox-controls { opacity: 1; filter: alpha(opacity=100); } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-loading .rokbox-loader { display: block; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-loading .rokbox-loader .rokbox-loader-image { -webkit-animation: rotate .7s linear infinite; -moz-animation: rotate .7s linear infinite; -ms-animation: rotate .7s linear infinite; -o-animation: rotate .7s linear infinite; animation: rotate .7s linear infinite; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content { border-radius: 6px; height: 100%; -webkit-transform: translateZ(0); } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content .rokbox-contentborder { border: 1px solid #555; border: 1px solid rgba(255,255,255,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content #rokbox-error { background: #FFF; color: #333; padding: 5px 20px; max-width: 330px; word-wrap: break-word; border-radius: 6px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-loader { width: 60px; height: 60px; border-radius: 60px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset,1px 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset,1px 1px 1px rgba(255, 255, 255, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset,1px 1px 1px rgba(255, 255, 255, 0.1); background-color: #000; background-color: rgba(0,0,0,0.7); position: absolute; top: 50%; left: 50%; z-index: 5; margin-left: -30px; margin-top: -30px; display: none; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-loader .rokbox-loader-image { background-repeat: no-repeat; background-position: 50% 50%; background-image: url(data:image/png;base64,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); width: 100%; height: 100%; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div { position: absolute; cursor: pointer; display: block; font-size: 12px; color: #fff; text-align: center; text-shadow: 0 0 10px rgba(0,0,0,0.7); } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-close { position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; padding: 2px; z-index: 2; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-fitscreen { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; padding: 2px; z-index: 2; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-unfitscreen { display: none; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-fullscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-exit-fullscreen { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; padding: 2px; display: none; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; top: 0; bottom: 0; z-index: 1; display: block; background: rgba(0,0,0,0.001); background-image: url(data:image/gif;base64,R0lGODlh+gD6AIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2ICgxMy4wIDIwMTIwMzA1Lm0uNDE1IDIwMTIvMDMvMDU6MjE6MDA6MDApICAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1M0Y0OTlGOTkzRTExMUUyQjBERkY1NTUxNTc3RTExMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1M0Y0OTlGQTkzRTExMUUyQjBERkY1NTUxNTc3RTExMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzRjQ5OUY3OTNFMTExRTJCMERGRjU1NTE1NzdFMTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzRjQ5OUY4OTNFMTExRTJCMERGRjU1NTE1NzdFMTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAAAsAAAAAPoA+gAAAv+Ej6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9js/r9/y+/w8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZqbnJ2en5CRoqOkpaanqKmqq6ytrq+gobKztLW2t7i5uru8vb6/sLHCw8TFxsfIycrLzM3Oz8DB0tPU1dbX2Nna29zd3t/Q0eLj5OXm5+jp6uvs7e7v4OHy8/T19vf4+fr7/P3+//DzCgwIEECxo8iDChwoUMGzp8CDGixIkUK1q8iDGjxo1WHDt6/AgypMiRJEuaPIkypcqVLFu6fAkzpsyZNGvavIkzp86dPHv6/Ak0qNChRIsaPYo0qdKlTJs6fQo1qtSpVKtavYo1q9atXLt6/Qo2rNixZMteKAAAOw==) \9; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous:hover, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next:hover { opacity: 1; filter: alpha(opacity=100); } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next div { font-size: 36px; top: 50%; margin-top: -18px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous { left: 0; width: 20%; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous div { left: 10px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next { right: 0; width: 80%; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next div { right: 10px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-content .rokbox-content-element { padding: 15px; background: white; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-content .rokbox-content-element, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-content > div { border-radius: 6px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-close { top: -22px; right: -22px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-fitscreen { top: -22px; left: -22px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-next { width: 40px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-previous { left: -40px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-previous div { left: 0; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-next { right: -40px; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-next div { right: 0; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-caption { position: relative; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption { position: absolute; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; left: 0; bottom: 0; right: 0; z-index: 5; padding: 5px 10px; font-size: 15px; border-radius: 0 0 3px 3px; background: #000; background: rgba(0,0,0,0.3); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1); -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1); box-shadow: 0 -1px 0 rgba(255,255,255,0.1); color: #fff; } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption:hover { -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; background: #000; background: rgba(0,0,0,0.7); } .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption.rokbox-hidden { display: none; } .rokbox-wrapper .rokbox-outer .rokbox-header, .rokbox-wrapper .rokbox-outer .rokbox-footer { display: none; background: rgba(0,0,0,0.6); border: 1px solid #000; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5); box-shadow: 0 0 4px rgba(0,0,0,0.5); } .rokbox-wrapper .rokbox-outer .rokbox-header > div, .rokbox-wrapper .rokbox-outer .rokbox-footer > div { color: #fff; font-size: 20px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-previous { float: left; } .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-next { float: right; text-align: right; } .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-close { font-size: 15px; width: 50px; } .rokbox-wrapper .rokbox-outer .rokbox-header:before, .rokbox-wrapper .rokbox-outer .rokbox-header:after, .rokbox-wrapper .rokbox-outer .rokbox-footer:before, .rokbox-wrapper .rokbox-outer .rokbox-footer:after { content: " "; display: table; } .rokbox-wrapper .rokbox-outer .rokbox-header:after, .rokbox-wrapper .rokbox-outer .rokbox-footer:after { clear: both; } .rokbox-wrapper.touch-device .rokbox-header, .rokbox-wrapper.touch-device .rokbox-footer { display: block; } .rokbox-wrapper.touch-device .rokbox-controls { display: none; } @media (max-width: 767px) { .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container { margin: 5px 10px; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes rotate { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-o-keyframes rotate { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /** * SqueezeBox - Expandable Lightbox * * Allows to open various content as modal, * centered and animated box. * * @version 1.3 * * @license MIT-style license * @author Harald Kirschner * @author Rouven Weßling * @copyright Author */ #sbox-overlay { position: absolute; background-color: #000; left: 0px; top: 0px; } #sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; /* invalid values, but looks smoother! */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #sbox-window[aria-hidden=true], #sbox-overlay[aria-hidden=true] { display: none; } #sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(media/editors/arkeditor/images/modal/closebox.png) no-repeat center; border: none; } .sbox-loading #sbox-content { background-image: url(media/editors/arkeditor/images/modal/spinner.gif); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; width: 100%; height: 100%; } .sbox-content-iframe#sbox-content { overflow: visible; } /* Hides scrollbars */ .body-overlayed { overflow: hidden; } /* Hides flash (Firefox problem) and selects (IE) */ .body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; } #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; } /* Shadows */ #sbox-window.shadow { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .sbox-bg { position: absolute; width: 33px; height: 40px; } .sbox-bg-n { left: 0; top: -40px; width: 100%; background: url(media/editors/arkeditor/images/modal/bg_n.png) repeat-x; } .sbox-bg-ne { right: -33px; top: -40px; background: url(media/editors/arkeditor/images/modal/bg_ne.png) no-repeat; } .sbox-bg-e { right: -33px; top: 0; height: 100%; background: url(media/editors/arkeditor/images/modal/bg_e.png) repeat-y; } .sbox-bg-se { right: -33px; bottom: -40px; background: url(media/editors/arkeditor/images/modal/bg_se.png) no-repeat; } .sbox-bg-s { left: 0; bottom: -40px; width: 100%; background: url(media/editors/arkeditor/images/modal/bg_s.png) repeat-x; } .sbox-bg-sw { left: -33px; bottom: -40px; background: url(media/editors/arkeditor/images/modal/bg_sw.png) no-repeat; } .sbox-bg-w { left: -33px; top: 0; height: 100%; background: url(media/editors/arkeditor/images/modal/bg_w.png) repeat-y; } .sbox-bg-nw { left: -33px; top: -40px; background: url(media/editors/arkeditor/images/modal/bg_nw.png) no-repeat; } @media (max-width: 979px) { #sbox-btn-close { right: -10px; top: -10px; } } @media (max-device-width: 979px) { #sbox-content { -webkit-overflow-scrolling: touch; } #sbox-content.sbox-content-iframe { overflow: scroll; -webkit-overflow-scrolling: touch; } } div.mod-languages ul { margin: 0; padding: 0; list-style:none; } div.mod-languages li { margin-left: 0px; margin-right: 4px; } div.mod-languages ul.lang-inline li { display:inline; } div.mod-languages ul.lang-block li { display:block; } div.mod-languages img { border:none; } div.mod-languages a { text-decoration: none; } /* Advanced Dropdown style*/ div.advanced-dropdown { position:relative; } div.mod-languages.advanced-dropdown ul { background: #ccc; position: absolute; z-index: 100; list-style-type: none; left: 0; padding: 5px 10px 5px 4px; border-radius: 0 0 2px 2px; } div.advanced-dropdown a.langChoose:link, div.advanced-dropdown a.langChoose:visited { background-color: #ccc; border-radius: 2px; width: 38px; margin-top: 3px; padding: 3px; line-height: 0; -webkit-transition: all 0.75s; } div.advanced-dropdown a.langChoose img { border: 1px solid white; } div.advanced-dropdown span.caret{ display: inline-block; width: 0px; height: 0px; vertical-align: middle; border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; margin-left:1px; } div.advanced-dropdown a{ white-space:nowrap; }