/** * @version 2.7.x * @package K2 * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2016 JoomlaWorks Ltd. All rights reserved. * @license GNU/GPL license:http://www.gnu.org/copyleft/gpl.html */ /* ### Legend ### Colors used: #fafafa (light grey) used as background on all toolbars, category and user/author boxes */ /*------------------------------------------------------------------------------ Common Elements --------------------------------------------------------------------------------*/ /* --- Basic typography --- */ a:active, a:focus {outline:0;} img {border:none;} p+br,li+br , ul+br, h3+br {display:none;} br {padding:5px 0;} a[title^="UpToLike"] { display:none !important; } /* --- Таблицы --- */ table{border-collapse: collapse;} div.part2-item table{border:1px solid #d0d3d4;margin:10px 0;border-collapse: collapse;width: 100%;} div.part2-item table th, div.part2-item table td, div.part2-item table th, div.part2-item table td{border: solid 1px #fcf2d8;vertical-align: top;text-align: left;} div.part2-item table th{text-align: center;vertical-align: middle;padding: 7px;} .itemFullText th { background: #001F43; color: #fff !important; text-align:center !important; font-size: 12px; } .itemFullText tr:first-of-type { background: #3497ce; color: #fff !important; } .itemFullText tr:first-of-type td { color: #fff !important; text-align:center; } .itemFullText tr:first-of-type p b, .itemFullText tr:first-of-type p strong, .itemFullText tr:first-of-type th { color: #fff !important; } .itemFullText tr:first-of-type p, .itemFullText tr:first-of-type p { color: #fff !important; text-align:center !important; font-size: 12px; } .ivo td, .ivo th { padding: 10px 6px !important; } .itemFullText td { color: #4B4E50 !important; border-top: 1px solid #e8edff; padding: 10px; border: 3px solid #fff; } .itemFullText td p, .itemFullText td p {padding: 0px !important; text-align:left !important;} .itemFullText tr:nth-child(2n) { background: #fcfcf4 !important; } .itemFullText tr, .itemFullText tr {background: #fcf2d8;} .itemFullText table, .itemFullText table {border: 5px solid #fff;} .itemFullText table p { margin: 0; } /* --- Таблицы END --- */ /* --- Global K2 container --- */ #k2Container, div#xmap, div.contact { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background: url(bg.jpg); padding: 10px; } 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 {} .odd {} /* --- RSS feed icon --- */ div.k2FeedIcon {padding:4px 8px;} div.k2FeedIcon a { display: block; float: right; margin: 0; font-size: 18px; padding: 0; width: 26px; height: 26px; color: #ccc;} div.k2FeedIcon a:hover { color: #000;} div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;} /* --- Rating --- */ .itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;} .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;} div.itemRatingForm .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;} .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;} .itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;} .itemRatingList li {display:inline;background:none;padding:0;} .itemRatingList a, .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;} .itemRatingList a:hover {background-position:left bottom;} .itemRatingList a.one-star {width:20%;z-index:6;} .itemRatingList a.two-stars {width:40%;z-index:5;} .itemRatingList a.three-stars {width:60%;z-index:4;} .itemRatingList a.four-stars {width:80%;z-index:3;} .itemRatingList a.five-stars {width:100%;z-index:2;} .itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;} span.siteRoot {display:none;} /* --- CSS added with JavaScript --- */ .smallerFontSize {font-size:100%;line-height:inherit;} .largerFontSize {font-size:150%;line-height:140%;} /* --- ReCaptcha --- */ .recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#fff !important;} #recaptcha_table {border-color:#ccc !important;} #recaptcha_response_field {border-color:#ccc !important;background-color:#fff !important;} .k2-recaptcha-v2 {margin-top:12px;} /* --- Icon Font Support --- */ /* Reset for users with older overrides */ div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {font-size:14px;} div.itemToolbar ul li a#fontDecrease img, div.itemToolbar ul li a#fontIncrease img {background:none;} a.ubUserFeedIcon, a.ubUserFeedIcon:hover, a.ubUserURL, a.ubUserURL:hover, span.ubUserEmail, div.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: 'FontAwesome'; 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: "\f001";} a#fontIncrease:before {content:"\e091";} a#fontDecrease:before {content:"\e092";} div.k2FeedIcon a:before, a.ubUserFeedIcon:before {content: "\f143";} 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.k2UserBlock ul.k2UserBlockActions li, div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {display:block;padding:0;margin:0 0 24px 0;} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc; */ .clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */ .lastItem {/*border:none;*/} /* class appended on last list item */ /* --- Avatars --- */ .k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ddd;border-radius:50%;padding:2px;margin:2px 4px 4px 0;} /* --- Read more --- */ a.k2ReadMore { color: #333; display: inline-block; color: #333; font-weight: 700; text-transform: uppercase; font-size: 14px; font-family: 'Source Sans Pro', sans-serif;} a.k2ReadMore:hover { color: #fff; text-decoration: none; } /* --- Pagination --- */ /* div.k2Pagination { padding:8px; margin:24px 0 4px 0; text-align:center; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } 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;} */ /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.k2Pagination { padding:8px; margin: 0 auto; width: 100%; text-align:center; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } div.k2Pagination ul, .pagination ul.pagination-list { list-style: none; display: inline-block; text-align:center; } .pagination ul.pagination-list {border-top: 0px;} div.k2Pagination ul li, .pagination ul.pagination-list li { list-style: none; display: list-item; float: left; font: 16px 'Ubuntu', sans-serif; margin-right: 10px; margin-bottom: 10px; } div.k2Pagination ul li a, .pagination ul.pagination-list li a { display: block; color: #001f42; font-weight: 700; text-align: center; text-decoration: none; } div.k2Pagination ul li a:hover, .pagination ul.pagination-list li a:hover { text-decoration: none; color: #77c589; } div.k2Pagination ul li a .icon-first:after, .pagination ul.pagination-list li a span.icon-first:after {content:"\21e4";} div.k2Pagination ul li a .icon-previous:after, .pagination ul.pagination-list li a span.icon-previous:after {content:"\2039";} div.k2Pagination ul li a .icon-next:before, .pagination ul.pagination-list li a span.icon-next:before {content:"\203a";} div.k2Pagination ul li a .icon-last:before, .pagination ul.pagination-list li a span.icon-last:before {content:"\21e5";} div.k2Pagination ul li.active a, .pagination ul.pagination-list li.active a { text-decoration: none; background-color: transparent; color: #1b4072; font-weight: 700; } /* --- 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: #000000; /* text-shadow: 1px 1px 1px rgb(0, 0, 0); */ font-size: 20px; padding: 5px; border-radius: 50px; width: 30px; height: 30px;} /* --- Separators --- */ .k2HorizontalSep {border:0;padding:0;margin:0 8px;} /* --- Edit Buttons --- */ span.itemEditLink, span.catItemEditLink, span.userItemEditLink {float:right;display:block;padding:0;margin:0;width:120px;text-align:right;} span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a {display:inline-block;padding:4px 8px;margin:0;background:#7EA0B9;color:#fff!important;border:0;border-radius:4px;font-size:11px!important;line-height:100%;font-weight:bold;text-align:center;text-decoration:none;} span.itemEditLink a:hover, span.catItemEditLink a:hover, span.userItemEditLink a:hover {background:#96bddc;} /*------------------------------------------------------------------------------ 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 {} .part1-item {width: 25%; float: left; background: url(bg.jpg);} .part2-item {width: 75%; float: left; /* background: #fff; */ padding-left: 0; } div.itemHeader {} .itemDateCreated {font-size: 15px; border-radius: 10px; margin: 20px; display: block; width: 80%; color: #888888; font-style: italic; font-family: 'Ubuntu', sans-serif;} div.itemHeader h2.itemTitle, div#xmap h2.menutitle, .contact h2 { font-weight: 600; color: rgb(51, 51, 51); text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 3px 0px -5px 35px rgba(255,255,255,0.3); font-size: 30px; font-family: 'Lora', serif; font-size: 30px; } 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 auto; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; width: 100%; text-transform: uppercase; text-align: center; } div.itemHeader span.itemAuthor a { color:#999; font-family: Arial; `` font-size: 12px; letter-spacing: 0em; } div.itemHeader span.itemAuthor a:before {content:" ";} div.itemHeader span.itemAuthor a {} div.itemHeader span.itemAuthor a:hover {} div.itemToolbar { padding:0px; margin:0px; background: transparent; color:#fff; } 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 {text-transform: uppercase; border-bottom: 1px solid #aa4a17; padding: 15px 0px 5px; color: #002338; font-family: 'HelveticaBold', sans-serif; font-weight: 700; } div.itemToolbar ul li a:hover {color: #333333; text-decoration: none;} 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; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } 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.itemHeader2 h2.itemTitle {font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 35px; color: rgba(0,0,0,0.6); text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 3px 0px -5px rgba(255,255,255,0.3); padding: 10px; font-size: 30px;} .itemHeader-part1 , .itemHeader-part2 {float: left; } .itemHeader-part1 {width: 25%; } .itemHeader {width: 95%; float: left;} div.itemImageBlock { padding-right: 10px;} span.itemImage {display:block;text-align:center;} span.itemImage img {/* height:230px !important; */ max-width: 100%;} 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 { } div.itemIntroText img {} div.itemFullText { } div.itemFullText p a { color: #333333; } div.itemFullText:first-letter { } div.itemFullText h3, div.itemFullText h2, div.contact h3 { font-size: 20px; color: #3c5479; font-family: "RalewayBold"; } div.itemFullText p {text-align:justify; } div.itemFullText p b , div.itemFullText p strong { color: #1b4172;} div.itemFullText img { margin: 0 auto; /* width: 100%; */ max-width: 500px; display: block; padding: 10px !important; /* border: solid 1px #00609D; */} div.itemExtraFields {margin: 15px; padding: 20px; background: #d7e0eb; } div.itemExtraFields h3 {margin: 0; padding: 0 0 8px 0; font-size: 16px; font-weight: 700; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; color: #333;} div.itemExtraFields ul {margin:0;padding:0;list-style:none; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column;} div.itemExtraFields ul li {display:block;} div.itemExtraFields ul li span.itemExtraFieldsLabel {display: block; float: left; font-family: 'Source Sans Pro', sans-serif; margin: 0 4px 0 0; width: 70%; } div.itemExtraFields ul li span.itemExtraFieldsValue {} div.itemExtraFields ul li span.itemExtraFieldsValue a {color: #000; font-size: 17px; font-weight: bold; padding-top: 10px; display: block;} div.itemContentFooter {display:block;text-align:right;padding:4px 0;margin:16px 0 4px 0;color:#999;} span.itemHits { float:left; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } span.itemDateModified { font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } div.itemSocialSharing { margin: 15px; text-align: left; display: inline-block;} div.itemTwitterButton { float:none; width: 100%; text-align: left; } div.itemTwitterButtonContent { float:left; margin: 0; display:inline-block; } div.itemFacebookButton {float:left;margin-right:24px;width:200px;} div.itemGooglePlusOneButton {} div.itemLinks { margin: 10px 15px; padding:0;} div.itemCategory { font-family: Arial; margin-left: 10px; float: left; font-size: 12px; letter-spacing: -0.06em; color: #999; } div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemCategory a {font-size: 17px; color: #5D5D5D; font-family: 'Open Sans', sans-serif; } div.itemTagsBlock { font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } div.itemTagsBlock span {font-weight:bold;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 { color: #1b4172; font-size: 15px; font-family: "RalewayRegular"; text-transform: lowercase; padding: 5px; } div.itemTagsBlock ul.itemTags li a:hover {} div.itemAttachmentsBlock {padding:4px;} div.itemAttachmentsBlock span {font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #888888; padding: 15px 0px 5px; color: #888888; display: block; text-align: left; font-family: 'Ubuntu', sans-serif;} div.itemAttachmentsBlock ul.itemAttachments {list-style:square outside;padding:0;margin:10px 0px;} div.itemAttachmentsBlock ul.itemAttachments li {list-style: none;} div.itemAttachmentsBlock ul.itemAttachments li a { color: #888888; font-size: 13px;} div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;} .share2 span.spare2-title2:before {content: url(print.png); margin: 5px;} .share2 span.spare2-title3:before {content: url(email.png); margin: 5px;} .eksport span.eks-title , .share2 span.spare2-title { font-weight: 700; text-transform: uppercase; color: #00609d; display: block; text-align: left; } .share2 span.spare2-title2 , .share2 span.spare2-title3 {color: #888888; font-size: 13px;} .share2 li {list-style-type: none; padding: 10px 0px; } .itemPrintLink span { padding: 15px 0px 5px; color: #00609d; font-size:12px; text-transform: uppercase; } /* 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;} span.itemAuthor { margin: 20px; display: block; } /* 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 {color: #747474; font: 11px "pt_serifregular", Georgia, serif; line-height: normal; text-transform: uppercase; padding-bottom: 3px;} div.itemRelated ul { list-style-type: none; margin-left: -40px;} div.itemRelated ul li { padding: 10px; margin: 10px; background: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); } 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:none;float:none;padding:0;margin:0;border:none;} a.itemRelTitle { font: 14px "pt_sansbold", Open sans, serif; line-height: 14px; display: block; color: #000; font-weight: bold;} a.itemRelTitle:hover { color: rgb(0, 110, 170); text-decoration: none; } div.itemRelCat {} div.itemRelCat a {} div.itemRelAuthor {} div.itemRelAuthor a {} img.itemRelImg {width: 50px !important; height: 50px !important; border-radius: 100px;} div.itemRelIntrotext { color: rgba(0, 0, 0, 0.5); display: inline-block; font: 13px "pt_sansregular", Georgia, serif; line-height: 15px; padding: 5px 0px;} div.itemRelFulltext {} div.itemRelMedia {} div.itemRelImageGallery {} /* Video */ div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;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;} } /*для внутренних страниц*/ div.itemFullText ul.sigProArtistic {list-style:none; margin:0; padding:0; position: relative; left:50%; float:left;} div.itemFullText ul.sigProArtistic li.sigProThumb { position:relative; left:-50%; float:left; margin:0 10px;} div.gallery-item ul.sigProArtistic {list-style:none; margin:0; padding:0; position: relative; left:50%; float:left;} div.gallery-item ul.sigProArtistic li.sigProThumb { position:relative; left:-50%; float:left; margin:0 10px;} ul.sigProArtistic li.sigProThumb span.sigProLinkOuterWrapper { } ul.sigProArtistic li.sigProThumb span.sigProLinkWrapper { } ul.sigProArtistic li.sigProThumb a.sigProLink, div.gallery-item ul.sigProArtistic li.sigProThumb a.sigProLink:hover { position:relative; display:block; margin:0; } ul.sigProArtistic li.sigProThumb a.sigProLink { color:#333; background:#fff;} ul.sigProArtistic li.sigProThumb a.sigProLink:hover {color:#eee; text-decoration:none; border: 0px;} ul.sigProArtistic li.sigProThumb a.sigProLink img.sigProImg, ul.sigProArtistic li.sigProThumb a.sigProLink:hover img.sigProImg {display:block; padding:0; margin:0; border:none; background-repeat:no-repeat; background-position:50% 50%;} ul.sigProArtistic li.sigProThumb a.sigProLink:hover img.sigProImg {border:0px; opacity:0.7;} img.sigProImg {border:solid 1px #fff !important;} /* Caption */ ul.sigProArtistic span.sigProPseudoCaption, ul.sigProArtistic span.sigProCaption { display:none; position:absolute; top:0; left:0; right:0; text-align:left; padding:6px 0 4px; margin:0 8px; font-size:11px; font-weight:bold; } ul.sigProArtistic span.sigProPseudoCaption { background:#fff url(../images/bg.png) repeat-x top; } ul.sigProArtistic li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption { background:#000 url(../images/bg_hover.png) repeat-x top; } ul.sigProArtistic span.sigProPseudoCaption b { visibility:hidden; } /* Popup */ span.sigProPopupCaption { font-weight:bold; color:#C63C13; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; } a.sigProDownloadLink, a.sigProDownloadLink:hover { background:url(../images/disk.png) no-repeat left center; padding:10px 0 4px 0px; } div.sigProModulePosition { text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:4px; margin:8px 0; background:#ffffdd; } /* IE specific styling: Use "body.sigProIsIEX element {}" - where X is 6, 7 or 8 - to target elements for these browser versions only */ body.sigProIsIE6 { } body.sigProIsIE6 ul.sigProArtistic li.sigProThumb a.sigProLink, body.sigProIsIE6 ul.sigProArtistic li.sigProThumb a.sigProLink:hover { float:left; } body.sigProIsIE6 ul.sigProArtistic span.sigProPseudoCaption, body.sigProIsIE6 ul.sigProArtistic span.sigProCaption { display:block; position:absolute; bottom:0; left:0; right:0; text-align:center; width:100%; padding:6px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } body.sigProIsIE7 { } body.sigProIsIE7 ul.sigProArtistic li.sigProThumb a.sigProLink, body.sigProIsIE7 ul.sigProArtistic li.sigProThumb a.sigProLink:hover, body.sigProIsIE8 ul.sigProArtistic li.sigProThumb a.sigProLink, body.sigProIsIE8 ul.sigProArtistic li.sigProThumb a.sigProLink:hover { float:left; margin:2px; } /* Flickr Set link */ a.sigProFlickrSetLink {display:block;clear:left;padding:2px 8px;font-size:10px;text-align:center;} /* Print message */ .sigProPrintMessage {display:none;} /* Image Gallery */ div.itemImageGallery { margin: 30px 0; padding: 0; position: relative; overflow: hidden; } /*для страницы Репертуар*/ div.gallery-rep ul.sigProArtistic { margin:8px auto!important; padding:8px 0!important; list-style:none; clear:both; overflow:hidden; background:#F5F3EE; } div.gallery-rep ul.sigProArtistic.singleThumbGallery { margin:0!important; clear:none; float:left; } /* Thumbnail */ ul.sigProArtistic {} div.gallery-rep ul.sigProArtistic li.sigProThumb { float:left; background:none!important; margin:2px; padding:0; border:none!important; } ul.sigProArtistic li.sigProThumb span.sigProLinkOuterWrapper { } ul.sigProArtistic li.sigProThumb span.sigProLinkWrapper { } ul.sigProArtistic li.sigProThumb a.sigProLink, div.gallery-rep ul.sigProArtistic li.sigProThumb a.sigProLink:hover { position:relative; display:block; margin:0; } div.itemImageGallery h3 { text-transform: uppercase; color: #aa4a17; display: block; text-align: center; font-weight: 700; font-size: 20px; margin: 20px; } /* Article navigation */ div.itemNavigation { padding:0px; margin:0 0 24px 0; background:#fafafa; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } 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(../images/system/searchLoader.gif) no-repeat 100% 50%;} div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} /* Joomla 1.5 - 2.5 */ div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} /* Joomla 3.x */ div.itemCommentsPagination ul {text-align:center;} div.itemCommentsPagination ul li {display:inline-block;margin:0;padding:0;} div.itemCommentsPagination ul li a {display:inline-block;padding:4px 8px;margin:0 8px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;background:#fff;text-decoration:none;} div.itemCommentsPagination ul li a:hover {background:#fafafa;cursor:pointer;} div.itemCommentsPagination ul li.active a {background:#fafafa;} div.itemCommentsPagination ul li a span {vertical-align:middle;} div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;} div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;padding:8px 0;} div.itemCommentsForm form {margin:0;padding:0;width:100%;} div.itemCommentsForm form label.formComment, div.itemCommentsForm form label.formName, div.itemCommentsForm form label.formEmail, div.itemCommentsForm form label.formUrl, div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form textarea.inputbox {display:block;width:100%;height:200px;margin:0;padding:8px;box-sizing:border-box;} div.itemCommentsForm form input.inputbox {display:block;width:100%;margin:0;padding:8px;line-height:150%;height:auto;box-sizing:border-box;} div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:8px 16px;background:#2d96dd;color:#fff;border:0;border-radius:4px;font-size:16px;font-weight:bold;} div.itemCommentsForm form input#submitCommentButton:hover {background:#217dbb;} div.itemCommentsForm form span#formLog {margin:24px;padding:8px 12px;border-radius:4px;text-align:center;display:none;} div.itemCommentsForm form span#formLog.k2FormLogError {display:block;background:#f00;color:#fff;} div.itemCommentsForm form span#formLog.k2FormLogSuccess {display:block;background:#18ac00;color:#fff;} div.itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} div.itemCommentsLoginFirst {display:block;margin:24px;padding:8px 12px;background:#f00;color:#fff;border-radius:4px;} /* "Report comment" form */ div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} div.k2ReportCommentFormContainer blockquote {width:462px;background:#fafafa;border:1px solid #ddd;padding:8px;margin:0 0 8px 0;} div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left;} div.k2ReportCommentFormContainer blockquote span.quoteIconRight {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right;} div.k2ReportCommentFormContainer blockquote span.theComment {font-style:italic;font-size:12px;font-weight:normal;color:#000;padding:0 4px;} div.k2ReportCommentFormContainer form label {display:block;font-weight:bold;} div.k2ReportCommentFormContainer form input, div.k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px;} div.k2ReportCommentFormContainer form #recaptcha {margin-bottom:24px;} div.k2ReportCommentFormContainer form span#formLog {margin:24px;padding:8px 12px;background:#fafafa;border-radius:4px;text-align:center;display:none;} div.k2ReportCommentFormContainer form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* Back to top link */ div.itemBackToTop { text-align:right; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } div.itemBackToTop a {color: #cccccc; font-size: 14px;} 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.itemListCategory2 h2 { margin: 0px; color: #000; font-size: 25px; font-weight: bold; font-family: 'Ubuntu', sans-serif; text-align: center; } 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; margin:8px 0;padding:8px;} div.itemContainer {float:left; padding: 20px;} div.itemContainerLast { margin-bottom: 20px; } /* 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 {float:none;display:block;width:100%!important;} } /* --- Item block for each item group --- */ div.catItemView {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 {font-size: 15px; border-radius: 10px; display: block; width: 80%; color: #888888; font-style: italic; font-family: 'Source Sans Pro', sans-serif; padding: 5px; margin: 10px 0px 0px 10px; } div.catItemHeader h3.catItemTitle { margin: 10px 0px; } div.catItemHeader h3.catItemTitle a { padding: 0px 10px; display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #333; font-size: 20px; } 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; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } div.catItemHeader span.catItemAuthor a {color: #999; font-size: 14px; letter-spacing: 0.3px; text-transform: uppercase; text-decoration: underline; font-family: 'Tinos', serif;} div.catItemHeader span.catItemAuthor a:hover {color: #ffca13;} div.catItemLinks span.catItemAuthor { display:block; padding:0; margin: 10px; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } div.catItemLinks span.catItemAuthor a {color: #999;} div.catItemLinks 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 {} div.catItem {background: #fff; height: 250px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); box-shadow: 0 2px 2px rgba(0,0,0,0.1);} div.catItemImageBlock { padding: 0; display: inline-block; float: left; } span.catItemImage {display:block;text-align:center; padding-right: 10px;} span.catItemImage img {max-width:100%;height: 200px;} div.catItemIntroText { font-family: Arial, sans-serif; font-size: 12px; padding: 0px 10px; line-height: 1.44; color: #000; margin-bottom: 14px; } div.catItemIntroText img {} div.catItemExtraFields, div.genericItemExtraFields {} 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:inline-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;} 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; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; display: inline-block; float: left; } div.catItemTagsBlock span {color: #1b4172; font-size: 15px; font-family: "RalewayRegular"; text-transform: lowercase; padding: 5px;} 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; margin-top: 10px;} div.catItemTagsBlock ul.catItemTags li a:before {content:"#";} div.catItemTagsBlock ul.catItemTags li a {color: #1b4172; font-size: 15px; font-family: "RalewayRegular"; text-transform: lowercase; padding: 5px;} 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(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.catItemVideoBlock span.catItemVideo { display:block; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } /* 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; font-family: Arial; font-size: 12px; /* letter-spacing: -0.06em; */ color: #999; display: inline-block; float: right; margin-top: 10px; background: #6ab4e2; } 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.userBlock2 h2 { padding: 5px; margin: 0px; background: #FFCA13; color: #fff; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } span.userItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.userItemAddLink a {padding:4px 16px;border:1px solid #ddd;background:#fafafa;text-decoration:none;} span.userItemAddLink a:hover {background:#ffffcc;} div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;border-radius:50%;} div.userBlock 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: 20px; padding-bottom: 20px; border-bottom: dashed 1px #ccc7c7; } /* 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; color: #38546c; font-family: Arial; font-size: 24px; letter-spacing: -0.06em; } div.userItemHeader h3.userItemTitle a { color: #000000; font-family: Arial; font-size: 24px; letter-spacing: -0.06em; } div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */ div.userItemBody { font-size: 14px; font-weight: normal; line-height: inherit; padding: 4px 0 12px 0; text-align: justify; color: #333; } div.userItemImageBlock { padding: 0 8px 0 0; margin: 0 15px 16px 0; display: inline-block; float: left; } span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.userItemImage img {max-width:200px;height:auto;} div.userItemIntroText {padding: 4px 0 12px 0; font: 16px "pt_serifregular", Georgia, serif; line-height: 1.44; color: #000;} div.userItemIntroText img {} div.userItemLinks {margin:0 0 16px 0;padding:0;} div.userItemCategory { display: inline; margin: 0 8px 0 0; padding: 0 8px 0 0; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; border-right: 1px solid #ccc; } div.userItemCategory span {font-weight:bold;padding:0 4px 0 0;} div.userItemCategory a {color: #555; font-weight: bold;} div.userItemTagsBlock { display: inline; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; border-right: 1px solid #ccc; padding-right: 4px; } 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 { color: #000; background: #FFCA13; padding: 5px; border-radius: 100px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);} div.userItemTagsBlock ul.userItemTags li a:hover {text-decoration: underline;} /* 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; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; margin-left:8px; } div.userItemReadMore a {} div.userItemReadMore a:hover {} /*------------------------------------------------------------------------------ Component - Itemlist view (tag) --------------------------------------------------------------------------------*/ div.tagView {} div.tagItemList {} div.tagItemView { margin-bottom:20px; padding-bottom:20px; background: #fff; } /* this is the item container for this view */ div.tagItemHeader {} span.tagItemDateCreated { padding: 5px; font-size: 15px; text-align: center; color: #80be6f; font-weight: 600;} div.tagItemHeader h2.tagItemTitle { padding:10px 0 4px 0; margin:0; color: #38546c; font-family: Arial; font-size: 24px; letter-spacing: -0.06em; } h2.tagItemTitle a { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 25px; color: rgba(0,0,0,0.6); padding: 0px 10px; font-size: 20px; display: block; } div.tagItemBody { font-size: 14px; font-weight: normal; line-height: inherit; padding: 4px 0 12px 0; text-align: justify; color: #333; } div.tagItemImageBlock { padding: 0 8px 0 0; margin: 0 15px 16px 0; display: inline-block; float: left; } span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.tagItemImage img {max-width:200px;height:auto; padding: 5px;} div.tagItemIntroText {font-family: 'Open Sans', sans-serif; font-size: 12px; padding: 0px 10px; line-height: 1.44; color: #666; margin-bottom: 14px;} 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 10px; padding:0 8px 0 0; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; border-right:1px solid #ccc; } div.tagItemCategory span {font-weight:bold;padding:0 4px 0 0;} div.tagItemCategory a {color: #555; font-weight: bold;} /* Read more link */ div.tagItemReadMore { display:inline; font-family: Arial; font-size: 12px; letter-spacing: -0.06em; color: #999; } 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: #3aa4e2; font-size: 13px; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; line-height: 18px;} div.genericItemHeader h2.genericItemTitle {padding:10px 0 4px 0;margin:0;} div.genericItemHeader h2.genericItemTitle a { color: #333; font-size: 26px; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; line-height: 18px;} 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 {width: 200px !important; height:auto;} div.genericItemIntroText { padding: 4px 0 12px 0; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 1.44; color: #000;} 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 {color: #000; padding: 5px; border-radius: 100px; background: #d7e0eb; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);} /* Read more link */ div.genericItemReadMore {display:inline; background: #6ab4e2; padding: 5px;} div.genericItemReadMore a.k2ReadMore {border-bottom: 0;} 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/system/videoplayer-bg.gif) repeat-x bottom;} div.latestItemVideoBlock span.latestItemVideo {display:block;} /* Anchor link to comments */ div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.latestItemCommentsLink a {} div.latestItemCommentsLink a:hover {} /* Read more link */ div.latestItemReadMore {display:inline;} div.latestItemReadMore a {} div.latestItemReadMore a:hover {} /* Items presented in a list */ h2.latestItemTitleList {padding:2px 0;margin:8px 0 2px 0;border-bottom:1px dotted #ccc;} /*------------------------------------------------------------------------------ Component - Register & profile page views (register.php & profile.php) --------------------------------------------------------------------------------*/ .k2AccountPage {} .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 span.moduleCustomLinkSpan { background:#fff; display: inline-block; width: 100%; } div.k2ItemsBlock a.moduleCustomLink { color: #3f6c8e; display: block; float: right; padding: 5px; } div.k2ItemsBlock a.moduleCustomLink:hover {} .newsmain-wrapper { border-bottom: 1px solid #001f43; border-left: 1px solid #001f43; } .newsmain-item { padding: 2%; width: 100%; } .newsmain-item:after { display: block; clear: both; content: ''; } .newsmain-img img { width: 100%; } .newsmain-img { width: 20%; float: left; } .newsmain-txt { width: 80%; float: left; position: relative; } .newsmain-prev { font-family: "RalewayMedium"; color: #000; font-size: 17px; padding: 0 10px; line-height: 17px; } .newsmain-more { background: #77c589; border: none; padding: 5px; text-align: right; position: absolute; right: 0; bottom: 0; } .newsmain-more .moduleItemReadMore { font-family: "RalewayBold"; color: #fff; font-size: 15px; text-transform: lowercase; font-weight: bold; } .newsmain-date { font-family: "RalewayRegular"; color: #027dc3; font-size: 15px; display: block; padding: 10px; margin: 0px auto; } .newsmain-title a { font-family: "RalewayBold"; color: #3c5479; font-size: 17px; font-weight: bold; display: block; padding: 0 10px 10px; line-height: 17px; } .newsmain-all a { display: block; text-align: center; background: #244978; padding: 10px; color: #77c589; font-size: 15px; font-family: "RalewayBold"; } .odd.newsactual-item { border-left: 1px solid; border-right: 1px solid; } .actual-block { background: #49678e; margin-top: 30px; } .actual-block-title { font-family: 'Ubuntu', sans-serif; font-weight: bold; font-size: 18px; color: #fff; display: block; margin: 0 auto; text-align: center; padding: 20px; text-transform: uppercase; text-shadow: 1px 1px 1px #000; } .newsactual-title { padding: 0 15px; } .newsactual-title a { color: #000; font-size: 17px; font-weight: bold; font-family: "RalewayBold"; line-height: 17px; display: block; } .newsactual-txt a { color: #fff; font-size: 17px; display: block; line-height: 17px; padding: 0 15px; font-family: "RalewayMedium"; } .newsactual-date { color: #1b4172; padding: 10px 15px; font-family: "RalewayMedium"; } .newsactual-item { width: 100%; } .newsactual-more { display: block; font-size: 15px; color: #79c68a; text-align: right; padding: 15px; margin-bottom: 20px; text-transform: lowercase; font-family: "RalewayMedium"; } .newsactual-more:hover { color: #fff; } .img-item { min-height: 250px; } .img-item img {width: 100%;} .img-item h2 { color: #000; display: block; text-align: center; padding: 15px; font-size: 25px; margin: 0; font-family: 'Ubuntu', sans-serif; background: #ffffff; } .news-txt { background: rgba(2, 125, 195, 0.8); height: 105px; padding: 15px; margin-top: -30px; z-index: 100; position: relative; } .news-img { padding: 15px; } .img-flex .even, .img-flex .odd { width: calc(100% / 3); float: left; } .media-title a { color: #fff2df; font-family: "RalewayMedium"; font-size: 17px; display: block; line-height: 18px; } .media-all a { margin-bottom: 20px; display: block; text-align: center; padding: 10px; color: #77c589; font-size: 15px; font-family: "RalewayBold"; } a.photo-link { display: block; text-align: right; color: #80be6f; font-family: 'Ubuntu', sans-serif; font-size: 12px; padding: 10px;} .banner-shop h2 { background: #80be6f; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-size: 18px; text-align: center; padding: 10px; margin-bottom: 20px; position: relative;} .banner-shop h2 a {color: #fff;} .banner-shop h2::after { content: ''; position: absolute; left: 46%; top: 38px; border: 10px solid transparent; border-top: 10px solid #80be6f; } /*------------------------------------------------------------------------------ Modules - mod_k2_tools --------------------------------------------------------------------------------*/ /* --- Archives --- */ div.k2ArchivesBlock {} div.k2ArchivesBlock ul {} div.k2ArchivesBlock ul li {} div.k2ArchivesBlock ul li a {} div.k2ArchivesBlock ul li a:hover {} /* --- Authors --- */ div.k2AuthorsListBlock {} div.k2AuthorsListBlock ul {} div.k2AuthorsListBlock ul li {} div.k2AuthorsListBlock ul li a.abAuthorAvatar img {} div.k2AuthorsListBlock ul li a.abAuthorName {} div.k2AuthorsListBlock ul li a.abAuthorName:hover {} div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;} div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {} div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {} /* --- Breadcrumbs --- */ div.k2BreadcrumbsBlock {} div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} div.k2BreadcrumbsBlock a {} div.k2BreadcrumbsBlock a:hover {} div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;} /* --- Calendar --- */ div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */ div.k2CalendarLoader {background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;} table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;} table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#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; margin-bottom: 10px;} div.k2SearchBlock form { border: 0px; height: 34px; width:100%; } div.k2SearchBlock form input.search-query { width: 56%; padding-right: 10px; padding-left: 10px; margin-bottom: 0; border-radius: 3px; color:#B6BBBE; margin: 35px 0 0 20px; } div.k2SearchBlock form input.button { border: 0; background: none; padding-left: 5px; margin-top: 35px; } div.k2SearchBlock form input.inputbox { background: #ffffff; border: 2px solid #FFCA13; width: 100%; font-family: Arial; font-size: 14px; text-align: left; color: #000; text-transform: uppercase; padding: 7px; } div.k2SearchBlock form input.k2SearchLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} div.k2SearchBlock div.k2LiveSearchResults {display: none; background: rgb(255, 252, 0); position: absolute; z-index: 99; border: 2px solid #fffc00; margin-top: 40px;} /* 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; margin-top: 2px; border: 1px solid #bad8e8;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display: block; padding: 5px; border-top: 1px dotted #fffc00; color: #000; font-family: 'Open Sans', sans-serif;} 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 {} /*------------------------------------------------------------------------------ Таблицы --------------------------------------------------------------------------------*/ .itemFullText a[href$="doc"], .itemFullText a[href$="docx"], .itemFullText a[href$="zip"], .itemFullText a[href$="rar"], .itemFullText a[href$="pdf"], .itemFullText a[href$="jpg"], .itemFullText a[href$="jpeg"], .itemFullText a[href$="pjpeg"], .itemFullText a[href$="ppt"], .itemFullText a[href$="pptx"], .itemFullText a[href$="xls"], .itemFullText a[href$="xlsx"], .itemFullText a[href$="png"], .itemFullText a[href$="gif"], .itemFullText a.html {padding-left:50px; display:inline-block;background-position:left top;background-repeat:no-repeat;min-height:46px;margin-top:5px} .itemFullText a[href$="doc"] {background-image:url("doc.png");} .itemFullText a[href$="docx"] {background-image:url("docx.png");} .itemFullText a[href$="zip"] {background-image:url("zip.png");} .itemFullText a[href$="rar"] {background-image:url("rar.png");} .itemFullText a[href$="pdf"] {background-image:url("pdf.png");} .itemFullText a[href$="jpeg"], .itemFullText a[href$="jpg"], .itemFullText a[href$="pjpeg"]{background-image:url("jpg.png");} .sigProThumb a[href$="jpeg"], .sigProThumb a[href$="jpg"], .sigProThumb a[href$="pjpeg"], .itemImageBlock a[href$="jpeg"], .itemImageBlock a[href$="jpg"], .itemImageBlock a[href$="pjpeg"] {background-image:none !important;padding-left:0 !important; } .itemImageGallery a.sigProGalleriaTargetLink img {display: block;min-width: 625px !important;width: 100% !important;height: auto;} .itemFullText a[href$="ppt"], a[href$="pptx"] {background-image:url("ppt.png");} .itemFullText a[href$="xls"] {background-image:url("xls.png");} .itemFullText a[href$="xlsx"] {background-image:url("xlsx.png");} .itemFullText a[href$="png"] {background-image:url("png.png");} .itemFullText a[href$="gif"] {background-image:url("gif.png");} .itemFullText a.html {background-image:url("html.png");} /* --- END --- */ .lang-inline img { width:23px; } .random-image img { margin:15px 0 0 0; width:100%; height:auto; } .avPlayerWrapper { display: block; text-align: center; clear: both; max-width: 80%; margin: 10px auto; } .part2-item img[src^="http://slutsk.minsk-region.by"] { max-width:220px !important; width:auto; display:block; margin:10px 20px 10px 0 !important; padding:10px; border: solid 1px #00609D; clear:both; float:left; height: auto !important; } /* --- Хлебные крошки --- */ .breadcrumb { padding: 8px; margin-bottom: 20px; list-style: none; } .breadcrumb > li:first-child { display: none; } .breadcrumb > li { display: inline; font-size: 13px; padding-right: 5px; font-size: 14px; color: #1b4172; font-family: "RalewayMedium"; } .breadcrumb > li > a { font-size: 14px; color: #1b4172; font-family: "RalewayMedium"; } .breadcrumb > .active { color: #027dc3; font-size: 14px !important; font-family: "RalewayMedium"; } /* --- Хлебные крошки END --- */ /* --- Кнопка наверх --- */ .back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; background: #3aa4e2; color: #d9dad9; display: none; padding: 15px; border: 4px solid; border-radius: 10px; } .back-to-top:hover { color: #027dc5; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } /* --- Кнопка наверх END --- */ hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; clear:both; } .newscontainer-itemTitle { font-size: 35px; font-family: 'Ubuntu', sans-serif; color: #000; margin: 0; text-align: center; } .newscontainer-itemDateCreated { border-bottom: 1px solid #027dc3; padding: 5px 0px; color: #027dc3; display: block; font-size: 15px; font-family: "RalewayRegular"; display: block; } .newscontainer-itemIntroText { display: block; text-align: justify; color: #3c5479; font-size: 17px; font-family: "RalewayBold"; } .newscontainer-itemFullText { color: #1b4172; display: block; text-align: left; font-family: "RalewayMedium"; font-size: 17px; } .newscontainer-itemFullText ul { margin-left: -40px; } .newscontainer-itemFullText ul li { list-style-type: none; } .newscontainer-itemFullText ul li:before { content: url('/templates/dzerzhinskgovby_1.0/images/markerli.png'); margin-right: 10px; } .newscontainer-itemFullText ol{ counter-reset: myCounter; margin-left: -40px; } .newscontainer-itemFullText ol li{ list-style: none; } .newscontainer-itemFullText ol li:before { counter-increment: myCounter; content: counter(myCounter); color: #027dc3; font-family: 'Ubuntu', sans-serif; font-size: 20px; display: inline-block; text-align: center; margin: 5px; font-weight: bold; } ul.sigProArtistic { background: #002338 !important; padding: 10px !important; } @media screen and (max-width: 600px) { .part1-item { width: 100%; } .part2-item { width: 100%; padding: 0; } } .news-catItemTitle a { color: #333; font-weight: 700; text-transform: uppercase; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; } .news-catItemDateCreated { color: #027dc3; display: block; text-align: right; font-size: 15px; font-family: "RalewayRegular"; } .news-catItemIntroText { color: #000000; display: block; text-align: left; font-family: "RalewayMedium"; font-size: 17px; } .block-news-catItemReadMore a.k2ReadMore { font-family: "RalewayBold"; color: #fff; font-size: 15px; text-transform: lowercase; font-weight: bold; } .block-news-catItemReadMore { background: #77c589; border: none; padding: 5px; margin-top: 30px; margin-bottom: 15px; float: right; } .news-catItemView { border-bottom: 1px solid #000000; } .news-itemContainer:first-child { border-top: 1px solid #000000; padding-top: 20px; } /* --- Бегущая строка --- */ .marquee { width: 100%; padding: 5px; margin: 0 auto 30px; white-space: nowrap; overflow: hidden; box-sizing: border-box; background: #fff87f; } .marquee span { display: inline-block; padding-left: 100%; animation: marquee 35s linear infinite; } .marquee span a { color: #001f43; font-size: 15px; } .marquee span:hover { animation-play-state: paused; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } /* --- Бегущая строка END --- */ .block-news-catItemImageBlock span.catItemImage { padding: 0; } .news-catItemView { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } .block-news-part1 { width: 19%; margin-right: 1%; } .block-news-part2 { width: 100%; } .block-news-part1+.block-news-part2 { width: 80%; padding-left: 10px; } .block-news-catItemTitle { margin: 0; } .block-news-catItemTitle a { color: #3c5479; font-size: 17px; font-family: "RalewayBold"; } .menu-sidebar { } div.part1-item .menu-sidebar { } .menu-sidebar li { list-style-type: none; } .menu-sidebar li:nth-child(2n) { background: #fcf2d7; } .menu-sidebar li:nth-child(2n+1) { background: #faf5e3; } div.part1-item .menu-sidebar li { border-bottom: 1px solid #d7e0eb; } .menu-sidebar li:last-child { border: none; } .menu-sidebar li a { font-family: 'Ubuntu', sans-serif; font-size: 20px; font-weight: 500; color: #3c5479; padding: 20px 40px; display: block; line-height: 20px; position: relative; } .menu-sidebar li a:before { content: url(/templates/dzerzhinskgovby_1.0/images/arrow-right-menu.png); position: absolute; left: 6%; top: 50%; width: 23px; transform: translate(-50%, -50%); height: 18px; } /*Вертикальная карусель CSS*/ .jscarousal-vertical{ /* ширина и высота коробки для слайдов */ width: 100%; height: 1000px; margin: 0; padding: 0; position: relative; overflow: hidden; } .jscarousal-contents-vertical{ /* ширина и высота области где слайды */ overflow: hidden; width: 100%; height: 955px;} .jscarousal-contents-vertical > div > div{ /* ширина и высота коробки для картинок */ height: auto; } .jscarousal-contents-vertical img{ /* ширина и высота картинок */ } .jscarousal-vertical-back, .jscarousal-vertical-forward{ width: 100%; height: 30px; position: relative; cursor: pointer; z-index:100; } .jscarousal-vertical-back{ border: medium solid transparent; position: absolute; height: 0; width: 0; border-color: transparent transparent #3f882e; border-width: 16px; margin-bottom: 16px; margin: 0 auto; left: calc(50% - 8px); } .jscarousal-vertical-forward{ border: medium solid transparent; position: absolute; height: 0; width: 0; border-color: #3f882e transparent transparent; border-width: 16px; margin-bottom: 16px; margin: 20px auto; left: calc(50% - 8px); } .jscarousal-contents-vertical > div{ position: absolute; top: 40px; overflow: hidden; } /*Общие*/ .hidden{display: none;} .visible{display: block;} .thumbnail-active{ filter: alpha(opacity=100); opacity: 1.0; cursor: pointer;} .thumbnail-inactive{ filter: alpha(opacity=90); opacity: 0.9; cursor: pointer;} /*Вертикальная карусель CSS END*/ /*** Разработка и поддержка ***/ span.copy2 { position: absolute; bottom: -240px; left: 130px; } .cvr { margin-bottom:2px; display: block; width: 200px; background: url("https://cvr.by/images/cvrby.png") left center no-repeat transparent; min-height: 32px; padding-left: 50px; color: #6cbb9b; text-decoration: none; -webkit-transition: all .3s ease-out 0.1s; transition: all .3s ease-out 0.1s; float:left; margin-right:25px; position: relative; z-index: 10; } .cvr span { text-align: left; font-size: 12px; line-height: 1.3; margin: 12px 0; display: block; } .cvr:hover { color: #fff; border-radius:0 0 5px 5px; background: url("https://cvr.by/images/cvrby-hover.png") 13px center no-repeat #6cbb9b; text-decoration:none; } .cvr:after { content: attr(data-title); display: none; position: absolute; bottom: 105%; left: 0px; background-color: #6cbb9b; color: #fff; padding: 5px; text-align: center; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.16); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16); box-shadow: 0 1px 1px rgba(0,0,0,.16); font-size: 12px; font-size:14px; border-radius:5px 5px 0 0; margin-right:40px; width: 200px; } .cvr:hover:after{ display: block; } @media screen and (min-width: 1200px) and (max-width: 1419px) { .newsactual-more { font-size: 16px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .newsactual-title a { font-size: 14px; } .newsactual-txt a { font-size: 13px; } .newsactual-more { font-size: 14px; } .jscarousal-vertical{ height: 1205px; } .jscarousal-contents-vertical{ height: 1160px;} } @media screen and (min-width: 768px) and (max-width: 991px) { .odd.newsactual-item { border: none; } .newsactual-more { font-size: 14px; } .jscarousal-vertical{ height: 1305px; } .jscarousal-contents-vertical{ height: 1260px;} } @media screen and (max-width: 768px) { .odd.newsactual-item { border: 0; } .newsactual-more { font-size: 14px; padding: 10px; } .services-list li a { font-size: 14px; } } @media screen and (max-width: 600px) { .img-flex { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .newsmain-item { width: 100%; } span.copy2 { position: absolute; bottom: -340px; left: 85px; } }