/** * @version 2.8.x * @package K2 * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2017 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;} 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;float: right;} 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:table-cell;vertical-align:middle;line-height:20px;padding:12.5px 0;} div.itemView .itemRatingForm {margin: 0;padding: 0;} div.itemView .itemRatingLog {font-size: 12px;} .itemRatingLog {font-size:14px;margin:0;display: table-cell;vertical-align: middle;text-align:left;width: 100%;position:relative;} .itemRatingLog span {font-size: 12px; color: #1b1b1b;} div.itemRatingForm .formLogLoading {background:url(../images/loaders/generic.gif) no-repeat left center;height:25px;padding:0 0 0 20px;} .itemRatingList {background:rgba(0, 0, 0, 0) url(/images/backgrounds/icons/baseline-favorite_border-24px.svg) no-repeat center /110%;} .itemRatingList:hover {background:rgba(0, 0, 0, 0) url(/images/backgrounds/icons/heart.svg) no-repeat center /100%;} /*div.itemView .itemRatingList:hover {background:rgba(0, 0, 0, 0) url(/images/backgrounds/icons/heart.svg) no-repeat center /100%;}*/ .itemRatingList .itemCurrentRating {} .itemRatingList {position:relative;float:left;display:block !important;width:20px;height:20px !important;overflow:hidden;list-style:none;margin:0 5px 0 0 !important;padding:0;background-position:center;}/*Originalmente width:125px; 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:20px;line-height:20px;outline:none;overflow:hidden;border:none;cursor:pointer;} .itemRatingList a, .itemRatingList .itemCurrentRating {text-indent:-1000px;} .itemRatingList a:hover {background-position:center;} .itemRatingList a.one-star {width:20%;z-index:6;} .itemRatingList a.two-stars {width:40%;z-index:5;} .itemRatingList a.three-stars {width:60%;z-index:4;} .itemRatingList a.four-stars {width:80%;z-index:3;} .itemRatingList a.five-stars {width:20px;display:block;z-index:2;} /*Originalmente 100%*/ .itemRatingList .itemCurrentRating {z-index:1;background-position:center;margin:0;padding:0;} span.siteRoot {display:none;} /* --- CSS added with JavaScript --- */ .smallerFontSize {font-size:100%;line-height:inherit;} .largerFontSize {font-size:150% !important;line-height:140% !important;} /* --- 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 {width:170px;display:inline-block;opacity:.3;/*transform:scale(.8);margin-left:-30px;*/} /* --- 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:"\f05a";} /*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:none;margin:0 10px;padding:0;} div.k2Pagination ul li:first-child {display:inline-block;width:45px;height:45px;background:url('/images/backgrounds/icons/navigate_before-black-48dp.svg') no-repeat center /100%;} .page-item:first-child .page-link {border-radius:100% !important;} div.k2Pagination ul li:last-child {display:inline-block;width:45px;height:45px;background:url('/images/backgrounds/icons/navigate_next-black-48dp.svg') no-repeat center /100%;} .page-item:last-child .page-link {border-radius:100% !important;} div.k2Pagination ul li:first-child:not(.active):hover, div.k2Pagination ul li:last-child:hover {opacity:0.5;} div.k2Pagination ul li a {display:inline-block;color:rgba(0,0,0,0) !important;padding:0;margin:0;border:none;border-radius:50%;vertical-align:middle;width:45px;height:45px;line-height:45px;background:transparent;text-decoration:none;} div.k2Pagination ul li a:hover {background:transparent;color:rgba(0,0,0,0) !important;} div.k2Pagination ul li.active {display: inline-block;} div.k2Pagination ul li.active a {background:#58029b !important; color:white !important;} 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:#ccc;opacity:0.5;font-size:20px;font-family: 'FontAwesome';} /*font-family: 'simple-line-icons';*/ /* --- 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;color:#666;font-size:11px;} span.itemEditLink a:hover, span.catItemEditLink a:hover, span.userItemEditLink a:hover, span.userItemAddLink a:hover {color:#ccc;} /*------------------------------------------------------------------------------ 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:0;margin:0 0 50px 0;position:relative;/*z-index:10;*/} /* 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 {text-align:left; padding:10px 0 1.875rem; margin: 0 auto; /*background: url("/images/backgrounds/d91e51.png") no-repeat left 80px /20px 10px, url("/images/backgrounds/d91e51.png") no-repeat right bottom /10% 3px;*/} div.itemHeader span.itemDateCreated {color:#aaa;font-size:11px;font-family:Lato, sans-serif;cursor:pointer;padding:0 20px 0 10px;} div.itemHeader span.itemDateCreated:before {} div.itemHeader h2.itemTitle::first-line { /*font-size:44px; line-height: 100%;*/ font-family: 'Playfair Display', 'Open Sans', sans-serif; /*font-weight: bold;*/ font-size:42px; line-height: 90%; /*font-style: italic;*/ /*font-family: 'Roboto', sans-serif; color: #eee;*/ } div.itemCaption div.itemHeader h2.itemTitle {max-width: 100%;} /*div.itemCaption div.itemHeader h2.itemTitle::first-line {font-size:30px;}*/ div.itemHeader h2.itemTitle { padding:0 0 20px; margin:0 auto; font-weight: 300; font-size:18px; line-height: 110%; font-family: 'Roboto', sans-serif; user-select: text; } 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:inline-block; line-height:1.4;padding:0;margin:0;font-size: 10px;color:#aaa;} div.itemCaption div.itemHeader div.chip {background-color:rgba(255,255,255,0.25);} div.itemCaption div.itemHeader span.itemAuthor {color:#eee;} div.itemHeader span.itemAuthor a:before {content:" ";} div.itemHeader span.itemAuthor a {font-size: 12px;text-transform:capitalize;} div.itemCaption div.itemHeader span.itemAuthor a {color:#eee;} div.itemHeader span.itemAuthor a:hover {color:#D91E51;} a.twitterAuthor {font-size: 12px;font-family:Lato, sans-serif;color:#767676 !important;border-radius: .2em;cursor:pointer;padding: 8px 15px; border: 1px solid #00b6f1; border-radius:15px; box-shadow:0 6px 15px rgba(36, 37, 38, 0.08);}/*display: inline !important;*/ a.twitterAuthor::before {content:"\f099";font:normal normal normal 14px/1 'Font Awesome 5 Brands';color:#29ACE4;padding-right:3px;float:left;} div.itemToolbar { margin:10px auto 10px; max-width: 540px; padding:0; border-width:0 1px 1px 1px; /*border-style:solid;*/ border-color:#dfe1e5; /*box-shadow: 0 4px 12px 0 rgba(0,0,0,.05);*/ } /*background:#f2f2f2; border-radius: 25px;*/ /*div.itemToolbar:hover {box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28); border-color: rgba(223,225,229,0);}*/ div.itemToolbar ul {text-align:left;list-style:none; display: table; height: 40px; margin:0 10px; padding: 0;} div.itemToolbar ul li {display:table-cell; vertical-align: middle;list-style:none;padding:0 8px;margin:0; /*background: url("/images/backgrounds/cccccc.png") no-repeat center left /1px 20px;*/ text-align:center; font-size:12px;} div.itemToolbar ul > li:first-child {background:none;} /* remove the first CSS border from the left of the toolbar */ div.itemToolbar ul > li.itemRating { min-width: 80px; } 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 img {vertical-align:middle; margin-right: 5px;} div.itemToolbar ul li svg {position:relative;left:0;top:7px;} span.itemTextResizerTitle {font-size:12px; color: #777;} a#fontDecrease {margin:0 5px 0 0;font-size:10px;} a#fontIncrease {margin:0 5px 0 0;font-size:10px;} a#fontDecrease:hover, a#fontIncrease:hover {color:#999;} a#fontDecrease:active, a#fontIncrease:active {color:#ccc;} div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;font-size:13px;} 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:0;} div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.itemBody {padding:0;margin:0;} div.itemImageBlock { padding:0; /*margin:0 calc((var(--union-width) - 1180px) * -0.5) 100px;*/ margin: 0 auto 50px; box-shadow:20px 40px 125px -25px rgba(44,44,56,.5), 30px 30.5px 50px -37.5px rgba(10,11,14,.7); } span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img {max-width:100%;height:auto;margin:0 auto;} span.itemImageCaption {font-size:16px;line-height: 1.1;} .itemView span.itemImageCaption {color:#fff; background:#091124;font-size:16px;line-height: 1.1;} span.itemImageCredits {color:#555;display:inline-block;font-style:italic;font-size:12px;line-height:1.1;max-width:48%;padding:0 20px; float: right;} div.imageIntroText h3, div.imageIntroText p { font:400 14px/1.2 'Roboto', sans-serif !important; color:#fff; margin:0; float:none; text-shadow:0 0px 10px rgba(0,0,0,0.5); white-space:pre-wrap; padding:0;width:90%; } div.itemIntroText { font-family:'Roboto', sans-serif; font-size:125%; line-height:1.25; margin-top:5px; margin-bottom:20px; user-select: text; } div.itemIntroText p {line-height:1.4; font-weight:200;} div.itemIntroText ul li {line-height:1.25; text-transform:uppercase;} div.itemIntroText img {} div.itemFullText {font-size:16px; font-family:sans-serif; line-height:1.4; text-align:left;max-width: 965px; margin: 0 auto;} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemFullText p {font-family:'Roboto slab', sans-serif;/*letter-spacing: 0.45px;*/} /*Importante desglosar propiedades de font para que funcione largerFontSize*/ div.itemFullText img {} div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd; border-bottom: 1px dotted #ddd; text-align: left;} div.itemExtraFields h3 {margin:0 auto;padding:0 0 8px 0;max-width: 740px} div.itemExtraFields ul {margin:0 auto;padding:0;list-style:none;max-width: 740px;} 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:grid; grid-template-columns: 70px auto auto; text-align:right; padding:0.75rem 0; /* border-radius:20px 20px 0 0; */ } span.itemHits {text-align:left;margin:auto 0;} span.itemDateModified {transition: transform 2s; font-family:Lato, sans-serif;font-size:12px;margin:auto 0;} span.itemDateModified i:hover {animation: myclock 30s infinite;} @keyframes myclock { 50% {transform: rotate(360deg);} } div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float:left;margin:2px 15px 0 0;} div.itemFacebookButton {float:left;margin-right:24px;width:200px;} div.itemGooglePlusOneButton {} div.itemLinks {min-height:100px;padding:0.75rem 0;border-top:1px solid rgba(0,0,0,.07); display: grid;grid-template-columns: 60px auto;} div.itemLinks .showTags {border-right: 1px solid #ccc;width: 60px;} div.itemLinks .showTags svg {width:25px;margin:auto;right:0;left:0;top:0;bottom:0;position:absolute;} div.itemLinks .slimBody {margin:0;} div.itemCategory {} .itemCategory {font:600 italic 18px/1 'Playfair Display', Poppins, sans-serif;color:#999;padding:0 10px 3px;} .itemCategory a {text-transform: capitalize;color:#D91F50;} /*.itemCategory a:before {content: "\f292";font-family:'FontAwesome';font-weight:normal;}*/ div.itemTagsBlock {display: inline;font-family:Lato, sans-serif;font-size:12px;margin-top:15px;} div.itemTagsBlock span {color:#999;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;margin:12px 6px 0;background:#f2f2f2;border-radius:25px;width:160px;height:29px;padding:2px;} /*div.itemTagsBlock ul.itemTags li:first-child a {color: #D91F50;}*/ div.itemTagsBlock ul.itemTags li a:before { content: ""; color:#e4e6eb; text-align:center; display:block; width:25px; height: 25px; float: left; margin-right:5px; border-radius:50%; background:url('/images/backgrounds/icons/tags@3x.png'); background-size: 14px auto; background-position: center 7px; background-repeat: no-repeat; box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 16px; transform: scaleX(-1); } div.itemTagsBlock ul.itemTags li a { font-size:12px; line-height: 25px; border-radius:16px; text-transform:capitalize; word-spacing:-2px; padding-right:15px; } div.itemTagsBlock ul.itemTags li a:hover {color:#D91F50;} div.itemTagsBlock ul.itemTagsAuthor {list-style:none;padding:0;margin:0;display:inline;} div.itemTagsBlock ul.itemTagsAuthor li {display:inline;list-style:none;padding:0;margin:0;text-align:center;} div.itemTagsBlock ul.itemTagsAuthor li a {color:#29ACE4;font-size:12px;line-height:14px;text-transform:capitalize;word-spacing:-2px;cursor:pointer;padding: 6px 10px;display: inline-block;} div.itemTagsBlock ul.itemTagsAuthor li a:hover {color:#D91E51;} 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 {padding:8px 0; /* background: url("/images/backgrounds/pattern-slash.png") top right repeat;*/} /*border:1px dotted #ddd;*/ div.itemAuthorBlock div.itemAuthorAvatar {box-shadow:0 2px 4px 0 rgba(0,0,0,.3);width:95px;height:95px;clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);} div.itemAuthorBlock div.itemAuthorDetails {text-align: center; padding:8px 0;} div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName {display:block;margin:10px 0 0;color:#666;font-size:20px;font-family: 'Roboto', sans-serif;} div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName a {color:#fff;} div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName a:hover {color:#ac1840;} div.itemAuthorBlock div.itemAuthorDetails p {font-size:14px;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#fff;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {color:#1b1b1b;background:#fff;display:inline-block;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;font-size:12px;color:#0073b9;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a:hover, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a:hover {color:#ac1840;} /* Author latest */ div.itemAuthorLatest {padding:0;} div.itemAuthorLatest h3 {margin:40px 0 10px;font-size: 20px; font-weight: 300;font-family: 'open sans', sans-serif;} div.itemAuthorLatest span {display: block; padding: 0; margin:10px 0 10px 10px; font: normal 500 16px/1 'Roboto', sans-serif; color: #1b1b1b;} 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 { padding:0; color:#eee; position: relative; /*box-shadow:20px 40px 125px -25px rgba(44,44,56,.5), 30px 30.5px 50px -37.5px rgba(10,11,14,.7);*/margin-bottom:30px; } /* Revisar height en versión movil antes de agregar un margin */ div.itemVideoBlock.videoEmbedded {background: none !important; box-shadow: none;} div.itemVideoBlock div.itemVideoEmbedded { text-align:center; margin:0 auto; display:table; /*padding-bottom: 30px;*/ } /* for embedded videos (not using AllVideos) */ div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;} span.itemVideoCaption {color:rgba(255,255,255,0.90);display:block;font:normal 500 16px/1.1 'Open Sans', sans-serif; width:40%;position:absolute;left:40px;bottom:90px;text-shadow: -2px 3px 2px rgba(0,0,0,0.22);text-transform: uppercase;} span.itemVideoCaption:first-line {color:rgba(255,255,255,1);font:normal 700 40px/1.1 'Open Sans', sans-serif;letter-spacing: -2px;} span.itemVideoCredits {color:#fff;display:block;font-style:italic;font-weight:normal;font-size:12px;text-transform:none;letter-spacing:0px;padding-top: 15px;} div.catItemVideoBlock span.itemVideoCaption {font-size:14px; letter-spacing: -1px; width:40%;} div.catItemVideoBlock span.itemVideoCaption:first-line {font-size:30px;letter-spacing: -2px;} @media screen and ( max-width:600px ){ div.itemVideoBlock span.itemVideoCaption {font-size:14px;letter-spacing: -1px;top:0;clip-path: polygon(0% 0%, 75% 0%, 140% 98%, 0% 100%);width: 60%;} span.itemVideoCaption:first-line {font-size:120px;}/*32px*/ span.itemVideoCredits {color:#eee;left:40px;right:initial;} div.catItemVideoBlock span.itemVideoCaption {font-size:12px;left:20px;bottom:40px;text-transform: initial;letter-spacing: 0;} div.catItemVideoBlock span.itemVideoCaption:first-line {font-size:18px; letter-spacing: -1px;text-transform: initial;} } /* Image Gallery */ div.itemImageGallery {margin:0 0 16px 0;padding:0;} /* Article navigation */ div.itemNavigation {padding:8px 0 45px 0;display: grid; grid-template-columns: auto auto;font:14px/16px sans-serif;} div.itemNavigation img {display: none;} div.itemNavigation .itemNavigationTitle {font:normal 10px/1.3 'Roboto', sans-serif; text-align: center; display: table-cell; height: 90px; padding: 5px; position: relative; vertical-align: middle; border-radius: 50%; background: #f2f2f2 url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center; background-size:0px; color: black; /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);*/ transition:background-color 1s, background-size 300ms, transform 300ms, box-shadow 200ms cubic-bezier(0.4,0.0,0.2,1);} div.itemNavigation .itemNavigationTitle:hover {color: rgba(255, 255, 255, 0);background-color:#242843; background-size: 100%; box-shadow: 0 4px 10px 0 rgba(0, 4, 10, 0.5); transform: scale(1.1); transition:background-color 200ms, background-size 500ms, transform 300ms, box-shadow 200ms cubic-bezier(0.4,0.0,0.2,1);} div.itemNavigation .itemNavigationTitle:after {content: ""; display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; right: -5px; bottom: 5px; background: url("/images/backgrounds/icons/information-button.png") no-repeat center, url("/images/backgrounds/ffffff.png") repeat center; background-size: 80%, 100%;} .navigationTitleHover span {color: transparent !important;} .navigationTitleHover {background:url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center /100% !important; background-color:#242843 !important; transition: background-color 200ms, background-size 500ms !important;} div.itemPrevious span, div.itemNext span {white-space: pre-wrap;padding: 2px 5px; transition: background-color 2s;} .navTitle {font: 600 36px/1 'open sans', sans-serif;} div.itemNavigation .itemPrevious {transition:background-position 1s; padding:16px 5px 0 80px; display: block; height: 80px; overflow: hidden; } div.itemNavigation .itemPrevious:hover {background-position: -100px top;} div.itemNavigation .itemNext {transition:background-position 1s;padding:16px 80px 0 5px; display: block; height: 80px; overflow: hidden; text-align: right;} div.itemNavigation .itemNext:hover {background-position: calc(100% + 100px) top;} /* Comments */ div.commentsAnchor {margin:30px auto;} div.itemComments h4.itemCommentsCounter {text-align:right; padding:35px 5px 0 15px; display:inline-block; /*height:70px; line-height:120px; background:rgba(0,0,0,0) url("/images/backgrounds/icons/outline-chat_bubble_outline-24px.svg") no-repeat top left /60px;*/} div.itemComments {margin: 0 auto; padding:20px 0; text-align:right;} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {display:block;margin-bottom:25px;} div.itemComments ul.itemCommentsList li.authorResponse {background:#f5fdff;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {margin:5px 0; border-radius: 50%; background-color:white; box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;font:12px/1 Lato, sans-serif;color:#999;} div.itemComments ul.itemCommentsList li .commentAuthorName {font-size:12px;text-transform: lowercase;display:block;margin-bottom:5px;} div.itemComments ul.itemCommentsList li .commentsBlock {display: grid; grid-template-columns: 60px 20px auto;} div.itemComments ul.itemCommentsList li .commentText {padding:5px 10px; margin:0; text-align:left; font:normal normal 14px/1.3 sans-serif; color:#1b1b1b !important; background-color: #f2f2f2; box-shadow:6px 12px 24px -3px rgba(31, 63, 116, 0.15);}/* box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35); */ div.itemComments ul.itemCommentsList li .commentText .oneWord {font-size: 30px;} div.itemComments ul.itemCommentsList li .commentBubble {width:15px; height:15px; margin:15px 0 0 13px; transform:rotate(45deg); background:#f2f2f2;} /* box-shadow:-1px 1px 1px -1px rgba(0,0,0,.84); */ div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} div.itemComments ul.itemCommentsList li span.commentLink {margin-left:80px;} div.itemComments ul.itemCommentsList li span.commentLink a {} div.itemComments ul.itemCommentsList li span.commentLink a:hover {color:#555;} div.itemComments ul.itemCommentsList li span.commentToolbar {display:inline-block;clear:both;padding-left: 10px;} 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/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:none;border-radius:100%;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;} div.itemCommentsPagination ul li a:hover {background:rgba(0,0,0,0);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%;height:50px;background-color:white;/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);*/transition: box-shadow 200ms cubic-bezier(0.4,0.0,0.2,1);} div.itemCommentsForm form:hover {box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);} 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 {font-size:14px;display:inline-block;width:calc(100% - 50px);height:48px;margin:0;padding:10px; border-width:1px; border-style:solid; border-color: #eee; -webkit-appearance:none; outline:none; box-sizing:border-box;} div.itemCommentsForm form input.inputbox {display:block;width:100%;margin:12px 0;padding:3px;border-radius:0;-webkit-appearance: none;line-height:150%;height:auto;box-sizing:border-box;} div.itemCommentsForm form input#submitCommentButton {display:inline-block;float:right;width:50px;height:50px;background: #310168 url('/images/backgrounds/icons/baseline_send_white_48dp.png')no-repeat 15px center /50%;transition:background 300ms;color:transparent;border:none;font-size:0px; /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);*/ transition: box-shadow 200ms cubic-bezier(0.4,0.0,0.2,1);} div.itemCommentsForm form span#formLog {padding:8px 12px;text-align:center;display:none;} div.itemCommentsForm form span#formLog.k2FormLogError {display:block;background: rgba(213, 214, 214, .2) url(/images/backgrounds/icons/baseline_notification_important_white_48dp.png) no-repeat center left /contain;color:#777;font-size:12px;} div.itemCommentsForm form span#formLog.k2FormLogSuccess {display:block;background:#18ac00;color:#fff;font-size:12px;} div.itemCommentsForm form .formLogLoading {background:url(../images/loaders/generic.gif) no-repeat left center;} div.itemCommentsLoginFirst { display:block; margin:0 auto 24px; border-radius: 10px; background:#310168; color:#fff; max-width: 570px; } div.itemCommentsLoginFirst:hover {background:#4a367e;color:#fff;} /* "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/loaders/generic.gif) no-repeat left center;} /* Back to top link */ div.itemBackToTop {position: absolute; bottom: -7.5px; right: calc(50% - 20px);} div.itemBackToTop a {border-radius:50%; display: block; width: 40px;height: 40px;font-size: 0px;background: rgba(0, 0, 0, 0) url(/images/backgrounds/icons/flecha-hacia-arriba.svg) no-repeat center center / 30px; } div.itemBackToTop a:hover {background:rgba(49, 1, 104, 0) url(/images/backgrounds/icons/flecha-hacia-arriba.svg) no-repeat center center / 30px;transform:translate(0, -25px);transition:transform 500ms; /*box-shadow: 0 4px 10px 0 rgba(0, 4, 10, 0.5);*/} /*------------------------------------------------------------------------------ Component - Itemlist view (category) --------------------------------------------------------------------------------*/ div.itemListCategoriesBlock {} /* --- Category block --- */ div.itemListCategory {margin:0 0 24px 0;padding:8px;/*background:url("/images/backgrounds/d91e51.png") no-repeat left 8px /8px 10px, url("/images/backgrounds/d91e51.png") no-repeat right bottom /30% 3px;*/} span.catItemAddLink {display:block;margin:25px 0 0;text-align:center;font:normal 10px/1 'Roboto', sans-serif;} span.catItemAddLink a {padding:10px 15px;border:1px solid #ddd;border-radius:15px;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 {font-size: 32px;font-weight: 300;} 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 {position:relative;z-index:8;} 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, div.tagItemView, div.userItemView { margin:0 0 48px; padding:12px 12px 0; /* border: 1px solid #e5e5e5; */ /* border-radius:10px; */ /* box-shadow:6px 12px 24px -3px rgba(31, 63, 116, 0.15); */ background-color: white; } /* this is the container for each K2 item on this view and tag 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 .catItemDateCreated, div.tagItemHeader .tagItemDateCreated, div.userItemHeader .userItemDateCreated { color:#999; font-size:11px; Font-family: Lato, sans-serif; cursor: pointer; padding-left: 17px; background: url('/images/backgrounds/icons/3icons@3x.png'); background-repeat: no-repeat; background-size: 12px 1200px; background-position: 0 -1080px; } div.catItemHeader h3.catItemTitle, div.tagItemHeader h2.tagItemTitle, div.userItemHeader h3.userItemTitle {padding:24px 0 4px 0;margin:0;font:600 normal 16px/1.2 'Roboto', sans-serif;} div.catItemHeader h3.catItemTitle::first-line, div.tagItemHeader h2.tagItemTitle::first-line, div.userItemHeader h3.userItemTitle::first-line {font-size: 24px; font-family: 'Playfair Display', 'Open Sans', sans-serif;} div.catItemHeader h3.catItemTitle span {} div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */ div.catItemHeader h3.catItemTitle a, h2.tagItemTitle a {color: var(--LightDark);} div.catItemHeader span.catItemAuthor, div.tagItemHeader span.tagItemAuthor, div.userItemHeader span.catItemAuthor {display:block;padding:0;margin:0;font: 600 12px/1 Poppins, sans-serif;} div.catItemHeader span.catItemAuthor a {font: 600 12px/1 Poppins, sans-serif;} div.catItemHeader span.catItemAuthor a:hover {color:#999;} div.catItemRatingBlock {/*display: table;*/} div.itemRatingLog span {color:#616770; font-size: 12px;opacity:0.7;} div.catItemBody, div.tagItemBody, div.userItemBody {padding:8px 0 0;margin:0;} div.catItemImageBlock, div.tagItemImageBlock, div.userItemImageBlock { position: relative; text-align: center; } .catItemImage, span.tagItemImage, span.userItemImage { display:block; text-align:center; margin:0; border-radius:7px; position: relative; max-width: 100%; } .catItemImage img, .tagItemImage img, .userItemImage img { width: 100%; height: 292px; object-fit: cover; border-radius: 7px; } .catItemImage a:before, .tagItemImage a:before, .userItemImage a:before { content: " "; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 7px; background: linear-gradient(to top, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%); background-size: cover; } div.catItemIntroText {font:normal normal 14px/24px Poppins, sans-serif; padding:20px 0 12px 0;color:#949494;} 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; font-size: 12px;} div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;} div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;} div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.catItemExtraFields ul li span.catItemExtraFieldsValue {} div.catItemLinks {margin:0;padding:0;} div.catItemHitsBlock {} span.catItemHits {} div.catItemCategory {display:inline;} div.catItemCategory span {font-weight:bold;padding:0 4px 0 0;} div.catItemCategory a {color:#999;} div.catItemCategory a:hover {color:#D91E51;} div.catItemTagsBlock {padding:15px 0 5px;font-size:12px;display:inline-block;text-transform:capitalize;} div.catItemTagsBlock a {font:bold normal 14px/1 Roboto, 'Open Sans', sans-serif; color: var(--LightDark);} div.catItemTagsBlock span {font-weight:bold;padding:0 4px 0 0;} div.catItemTagsBlock ul.catItemTags { list-style:none; padding:0 0 0 17px; margin:0; display:inline; background: url('/images/backgrounds/icons/tags@3x.png'); background-repeat: no-repeat; background-size: 14px auto; background-position: top left; } 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 {color:#2b7bb9;font:normal 12px/1 'Roboto', sans-serif;} 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:15px 0; border-radius: 7px; position: relative;} div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;display:table;margin:0 auto;} /* 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 {font-size:0; line-height: 50px; height: 50px; /*padding-left: 25px;*/ text-align: center; z-index: 5;} div.catItemCommentsLink a:hover {} /* Read more link */ div.catItemShare {height: 50px; text-align: right; z-index: 8;} /* Read more link */ div.catItemReadMore {display:inline-block;font-size:14px;margin-left: 15px;} div.catItemReadMore a {color:#616770;} div.catItemReadMore a:hover {} /* Modified date */ span.catItemDateModified { display:block; text-align:right; font-size: 10px; padding:4px; margin:4px 0; color:#999; border-top:1px solid #ddd; } /*------------------------------------------------------------------------------ Component - Itemlist view (user) --------------------------------------------------------------------------------*/ /* User info block */ div.userView {} div.userBlock {margin:25px 0;text-align:center; height: calc(var(--union-height) - 205px);} div.userBlock img {display:block;border-radius:50%;margin:0 auto 50px;} div.userBlock h2 {font-size:36px;} div.userBlock div.userDescription {padding:4px 0;} div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 50px;} span.userURL {font-weight:bold;color:#555;display:block;} span.userEmail {font-weight:bold;color:#555;display:block;} div.userItemList {} /* User items */ 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 h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */ div.userItemIntroText img {} div.userItemLinks {margin:0 0 16px 0;padding:0;} /* 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.tagItemHeader {} 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; padding:0 10px 0 0; } div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.tagItemCategory a { /* padding-left: 17px; */ /* background: url('/images/backgrounds/icons/icons@3x.png'); */ background-repeat: no-repeat; background-size: 14px auto; background-position: 0 0; } /* 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(../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(../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(../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 --- */