/** * @original package K2 * @author tomy.papas * @copyright 2013 greeklish */ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* ----- Basic typography ----- */ a:active, a:focus {outline:0;} img {border:none;} /* ----- Global K2 container ----- */ #k2Container {padding-top:9px;} body.contentpane #k2Container {padding:16px;} /* used in popups */ /* ----- General padding ----- */ .k2Padding {padding:4px;} /* ----- Clearing ----- */ .clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} /* ----- Zebra rows ----- */ .even {} .odd {} /* ----- CSS added with Javascript ----- */ .smallerFontSize {font-size:100%;line-height:inherit;} .largerFontSize {font-size:130%;line-height:1.4!important;} .largestFontSize {font-size:160%;line-height:1.6!important;} /* ----- Primary lists in modules ----- */ div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2ItemsBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul {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 {} .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;padding:2px;margin:2px 4px 4px 0;} /* ----- Read more ----- */ a.k2ReadMore {} a.k2ReadMore:hover {} /* ----- General Pagination ----- */ div.k2Pagination {display:block;float:left;background-color:#6ca6af;text-align:center;margin-top:1px;margin-bottom:132px;width:797px;margin-left:133px;color:#333333;font-size:12px;font-weight:bold;} div.k2Pagination ul {display:inline;} div.k2Pagination ul li {display:inline;margin-left:4px;} div.k2Pagination ul li a {color:#ffffff;} div.k2Pagination .pagination-prev {display:none;} div.k2Pagination .pagination-next {display:none;} /* ----- User Page Pagination ----- */ .userk2Pagination {display:block;float:left;background-color:#6ca6af;text-align:center;margin-top:1px;margin-bottom:132px;width:930px;color:#333333;font-size:12px;font-weight:bold;} .userk2Pagination ul {display:inline;} .userk2Pagination ul li {display:inline;margin-left:4px;} .userk2Pagination ul li a {color:#ffffff;} .userk2Pagination .pagination-prev {display:none;} .userk2Pagination .pagination-next {display:none;} /* ----- Category Pagination ----- */ div.k2CatPagination {background-color:#6ca6af;text-align:center;margin-top:1px;margin-bottom:132px;width:797px;margin-left:133px;color:#333333;font-size:12px;font-weight:bold;} div.k2CatPagination ul {display:inline;} div.k2CatPagination ul li {display:inline;margin-left:4px;} div.k2CatPagination ul li a {color:#ffffff;} div.k2CatPagination .pagination-prev {display:none;} div.k2CatPagination .pagination-next {display:none;} /* --- Extra fields: CSV data styling --- */ table.csvData {} table.csvData tr th {} table.csvData tr td {} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ /* ----- itemView ----- */ div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;} /* ----- itemHeader ----- */ div.itemHeader {margin-left:146px;background-color:#ffffff;height:70px;} div.itemHeader span.itemDateCreated {color:#333333;font-size:11px;line-height:110%;margin-top:-20px;} div.itemHeader span.itemDateCreated a {color:#009eb5;} div.itemHeader h2.itemTitle {font-size:20px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;text-align:left;} div.itemHeader h2.itemTitle span {} /* ----- itemToolbar ----- */ div.itemToolbar {background-color:#262626;height:132px;width:132px;margin-top:64px;} div.itemToolbar ul {list-style:none;padding:25px 0 0;margin:0;color:#ffffff;text-align:center;} div.itemToolbar ul li {font-size:12px;} div.itemToolbar ul li a {} div.itemToolbar ul li a:hover {} div.itemToolbar ul li a span {} div.itemToolbar ul li a img {vertical-align:middle;} div.itemToolbar ul li span.itemTextResizerTitle {font-size:13px;} div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontDecrease img {margin-top:6px;} div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontIncrease img {margin-top:6px;} div.itemToolbar ul li a#fontDoubleIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontDoubleIncrease img {margin-top:2px;} div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span {color:#ffffff;font-weight:bold;font-size:20px;} div.itemToolbar ul li a#fontDecrease span:hover, div.itemToolbar ul li a#fontIncrease span:hover{color:#009eb5;} /* ----- itemBody ----- */ div.itemBody {padding:8px 0;margin-left:135px;margin-top:-600px;float:right;background-color:#e8e8e8;line-height:1.3;} /* ----- itemImageBlock ----- */ div.itemImageBlock {float:none;margin-left:20px;float:right;margin-bottom:10px;padding-top:10px;padding-right:10px;} span.itemImage {display:block;text-align:center;margin:0;} span.itemImage img {} span.itemImageCaption {color:#ffffff;display:block;font-size:11px;padding-left:3px;padding-top:3px;} span.itemImageCredits {color:#ffffff;display:block;font-size:11px;padding-left:3px;padding-bottom:3px;} .ImageDetails {background-color:#262626;} /* ----- itemIntroText ----- */ div.itemIntroText {color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;} div.itemIntroText img {} /* ----- Item Full Text ----- */ div.itemFullText {background-color:#e8e8e8;padding:8px;min-height:600px;margin-left:2px;} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemFullText p {margin:0 0 2px 0;text-align:justify;} div.itemFullText img {} div.itemFullText ol {margin: 0 0 10px 25px;} div.itemFullText ul {margin:0 0 5px 15px;} /* ----- itemSocialSharing ----- */ div.itemSocialSharing {width:132px;float:left;margin-top:1px;} div.itemTwitterButton {text-align:center;width:132px;height:100px;background-color:#595959;padding-top:32px;} div.itemFacebookButton {text-align:center;width:132px;height:100px;background-color:#595959;margin-top:1px;padding-top:32px;} div.itemGooglePlusOneButton {} /* ----- itemLinks ----- */ div.itemLinks {} /* ----- itemCategory ----- */ div.itemCategory {padding-top:52px;margin-top:1px;width:132px;height:80px;background-color:#262626;text-align:center;} div.itemCategory span {} div.itemCategory a {padding-top:20px;font-weight:bold;color:#ffffff;} div.itemCategory a:hover {color:#009eb5;} /* ----- itemTags ----- */ div.itemTagsBlock {padding:0;margin-top:-2px;width:132px;height:132px;background-color:#262626;text-align:center;} div.itemTagsBlock span {font-weight:bold;color:#ffffff;} div.itemTagsBlock ul.itemTags {padding:10px;margin:3px;} div.itemTagsBlock ul.itemTags li {list-style:none;padding:0 4px 0 0;margin:0;text-align:center;margin-top:3px;} div.itemTagsBlock ul.itemTags li a {color:#ffffff;font-weight:bold;} div.itemTagsBlock ul.itemTags li a:hover {color:#009eb5;} /* ----- itemAttachments ----- */ div.itemAttachmentsBlock {} div.itemAttachmentsBlock span {} div.itemAttachmentsBlock ul.itemAttachments {} div.itemAttachmentsBlock ul.itemAttachments li {} div.itemAttachmentsBlock ul.itemAttachments li a {} div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.itemAttachmentsBlock ul.itemAttachments li span {} /* ----- Author block ----- */ div.itemAuthorBlock {float:left;width:132px;height:132px;background-color:#262626;margin-top:1px;} div.itemAuthorBlock img.itemAuthorAvatar {width:80px;margin-left:25px;margin-top:10px;margin-bottom:3px;border:1px solid #141414;transition:border-color 0.3s ease-out 0s;} div.itemAuthorBlock img.itemAuthorAvatar:focus, div.itemAuthorBlock img.itemAuthorAvatar:hover {border:1px solid #cccccc;} div.itemAuthorBlock div.itemAuthorDetails {} div.itemAuthorBlock div.itemAuthorDetails h3.authorName {} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.itemAuthorBlock div.itemAuthorDetails p {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {} div.itemAuthorBlock div.itemAuthor {text-align:center;line-height:15px;padding:0 3px;} div.itemAuthorBlock div.itemAuthor a {color:#009eb5;} div.itemAuthorBlock div.itemAuthor a:hover{color:#009eb5;} /* ----- itemRelated ----- */ /*div.itemRelated {margin-bottom:16px;margin-top:-10px;background-color:#000000;color:#ffffff;text-align:center;width:797px;box-shadow:3px 10px 10px 5px #000000;}*/ div.itemRelated{background-color:#000000; text-align: center; position: relative; color: #fff; margin: 0 -10px; padding:0; margin-top:-10px; /* background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));*/ -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3); box-shadow: 0 2px 0 rgba(0,0,0,.3); } div.itemRelated:before, div.itemRelated:after { content: ''; position: absolute; border-style: solid; border-color: transparent; bottom: -10px; } div.itemRelated:before { border-width: 0 10px 10px 0; border-right-color: #222; left: 0; } div.itemRelated:after { border-width: 0 0 10px 10px; border-left-color: #222; right: 0; } div.itemRelated h3 {font-size:12px;font-weight:bold;line-height:30px;margin-bottom:0;} div.itemRelated ul {margin-top:4px;padding: 0;list-style-type:none;} div.itemRelated ul li {display:block;float:left;margin-top:0;margin-bottom:8px;} div.itemRelated ul li.k2ScrollerElement {} div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} div.itemRelated ul li.clr:before {content:none;} a.itemRelTitle {color:#ffffff;margin-top:3px;margin-bottom:2px;font-size:13px;} a.itemRelTitle:hover {color:#009eb5;} div.itemRelCat {} div.itemRelCat a {} div.itemRelAuthor {} div.itemRelAuthor a {} img.itemRelImg {margin-bottom:2px;border:1px solid #141414;transition:border-color 0.3s ease-out 0s;} img.itemRelImg:focus, img.itemRelImg:hover {border:1px solid #cccccc;} div.itemRelIntrotext {} div.itemRelFulltext {} div.itemRelMedia {} div.itemRelImageGallery {} .itemRelatedTitle{width:260px;text-align:center;} .itemRelatedImage{width:260px;text-align:center;} /* ----- itemComments ----- */ div.itemComments {padding:15px;} .itemCommentsCounter{font-size:13px;text-align:center;line-height:100%;padding-bottom:4px;} div.itemComments ul.itemCommentsList {margin:0;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {padding:2px;margin:0;} div.itemComments ul.itemCommentsList li.authorResponse {} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;font-size:11px;} div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:12px;} div.itemComments ul.itemCommentsList li p {padding:4px 0;font-size:12px;} 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:#009EB5;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {} /* ----- itemCommentsPagination -----*/ div.itemCommentsPagination {text-align:center;margin-bottom:50px;font-size:13px;font-weight:bold;} div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.itemCommentsPagination ul > li {display:inline;padding:2px;} div.itemCommentsPagination a{color:#009eb5;} .pagination-start{display:none!important;} .pagination-end{display:none!important;} /* ----- itemCommentsForm ----- */ div.itemCommentsForm h3 {margin:0;font-size:12px;line-height:15px;text-align:left;} div.itemCommentsForm p.itemCommentsFormNotes {} div.itemCommentsForm form {} div.itemCommentsForm .formLeft {width:300px;float:left;} div.itemCommentsForm .formRight {width:400px;float:right;margin-left:5px;} div.itemCommentsForm form label.formComment {display:block;margin:6px 0 0 2px;font-size:12px;} div.itemCommentsForm form label.formName {display:block;margin:6px 0 0 2px;font-size:12px;} div.itemCommentsForm form label.formEmail {display:block;margin:6px 0 0 2px;font-size:12px;} div.itemCommentsForm form label.formUrl {display:block;margin:6px 0 0 2px;font-size:12px;} div.itemCommentsForm form label.formRecaptcha {display:block;margin:6px 0 0 2px;font-size:12px;} div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:135px;margin:0;} div.itemCommentsForm form input.inputbox {display:block;width:300px;margin:0;} div.itemCommentsForm form input#submitCommentButton {float:left;display:block;margin:15px 0 0 0;padding:4px;border:1px solid #595959;background:#595959;color:#ffffff;font-size:12px;} div.itemCommentsForm form input#resetCommentButton {margin-top:15px;margin-left:20px;padding:4px;border:1px solid #7f7f7f;background:#7f7f7f;font-size:12px;color:#ffffff;} span#formLog {margin-top:5px;font-weight:bold;color:#CF1919;} div.itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;} /* ----- itemBackToTop ----- */ div.itemBackToTop {float:right;width:132px;height:42px;background-color:#6ca6af;text-align:center;margin-right:-1px;margin-top:1px;} div.itemBackToTop a {color:#ffffff;font-weight:bold;font-size:12px;} div.itemBackToTop img {margin-top:8px;} div.itemBackToTop a:hover {} /* ----- itemBackToCategory ----- */ div.itemBackToCategory {float:right;width:132px;height:132px;margin-right:5px;margin-bottom:-100px;background-color:#6ca6af;text-align:center;} div.itemBackToCategory a {color:#ffffff;font-weight:bold;font-size:13px;line-height:132px;} div.itemBackToCategory a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.itemListCategoriesBlock {float:left;width:132px;height:265px;} /* ----- Category block ----- */ div.itemListCategory {width:132px;} span.catItemAddLink {} span.catItemAddLink a {} span.catItemAddLink a:hover {} div.itemListCategory img {} div.itemListCategory h2 {} div.itemListCategory p {} div.itemListCategoryDesc {background-color:#262626;color:#ffffff;height:100px;padding-top:32px;text-align:center;margin-top:1px;padding-left:2px;padding-right:2px;} .itemListSubCategories {} .itemListSubCategories ul {list-style-type:none;width:132px;height:46px;background-color:#595959;margin-top:1px;color:#ffffff;font-size:14px;text-shadow:0.5px 0.5px 25px #ffffff;transition:background-color 0.1s ease-out 0s;} .itemListSubCategories ul:hover {background-color:#009eb5;} .itemListSubCategories ul li {padding-top:16px;text-align:center;} .itemListSubCategories ul li a {color:#ffffff;font-size:12px;font-weight:bold;} .itemListSubCategories ul li a:hover{} /* ----- Item groups ----- */ div.itemList {padding:0;} div#itemListLeading {width:930px;height:269px;} div#itemListPrimary {width:930px;margin-left:132px;margin-top:-1px;} div.itemContainer {float:left;} div.itemContainer{} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */ /* --- Item block for each item group --- */ div.catItemView {padding:4px;} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */ div.groupLeading {background-color:#000000;width:390px;height:259px;margin-left:1px;margin-top:1px;} div.groupPrimary {background-color:#000000;width:257px;height:257px;margin-left:1px;margin-top:1px;} div.groupSecondary {} div.groupLinks {padding:0;margin:0;} span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.catItemEditLink a:hover {background:#ffffcc;} /* ----- catItemHeader ----- */ div.catItemHeader {text-align:center;margin-bottom:6px;} div.catItemHeader h3.catItemTitle {font-size:15px;font-weight:normal;line-height:20px;padding:0;margin:0;} div.catItemHeader h3.catItemTitle a {color:#ffffff;} div.catItemHeader h3.catItemTitle a:hover {color:#009eb5;} /* ----- catItemFooter ----- */ div.catItemFooter {margin-top:8px;text-align:center;color:#ffffff;} div.catItemFooter a{color:#009eb5;} div.catItemFooter a:hover{} /* ----- catItemImage ----- */ div.catItemImageBlock {padding:0;margin:0;} span.catItemImage {display:block;text-align:center;} span.catItemImage img {border:1px solid #141414;transition:border-color 0.3s ease-out 0s;} span.catItemImage img:focus, span.catItemImage img:hover {border:1px solid #cccccc;} div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.catItemIntroText img {} div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;} div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;} div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.catItemExtraFields ul li span.catItemExtraFieldsValue {} div.catItemLinks {margin:0 0 16px 0;padding:0;} div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;} span.catItemHits {} div.catItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemCategory a {} div.catItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.catItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;} div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.catItemTagsBlock ul.catItemTags li a {} div.catItemTagsBlock ul.catItemTags li a:hover {} div.catItemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Video */ div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.catItemVideoBlock span.catItemVideo {display:block;} /* Image Gallery */ div.catItemImageGallery {margin:0 0 16px 0;padding:0;} /* Anchor link to comments */ div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.catItemCommentsLink a {} div.catItemCommentsLink a:hover {} /* Read more link */ div.catItemReadMore {display:inline;} div.catItemReadMore a {} div.catItemReadMore a:hover {} /* Modified date */ span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* ----- User info block ----- */ div.userView {} div.userBlock {background:#e8e1e1;margin-top:1px;height:398px;} div.userImage {width:132px;height:132px;background-color:#262626;margin-right:8px;float:left;} div.userImage img {width:80px!important;margin-bottom:3px;margin-left:25px;margin-top:10px;border:1px solid #141414;} div.userName {color:#009eb5;text-align:center;margin-top:2px;line-height:15px;padding-left:3px;padding-right:4px;} div.userDescription {padding:10px 15px 5px 15px;} div.userDescription p {} div.userDescription img {margin-left:2px;} div.userInfoImages {padding-top:84px;} div.userInfoImages img {opacity:0.45;transition:opacity 0.3s ease-out 0s;} div.userInfoImages img:focus, div.userInfoImages img:hover {opacity:1;} div.userItemList {margin-top:1px;} /* ----- User items ---- */ div.userItemView {width:231px;height:265px;background-color:#000000;float:left;margin-right:1.5px;margin-top:1px;} div.userItemIsFeatured {} div.userItemViewUnpublished {} div.userItemHeader {text-align:center;padding-top:3px;} div.userItemHeader span.userItemDateCreated {} div.userItemHeader h3.userItemTitle {font-size:13.5px;font-weight:normal;line-height:20px;margin:0;padding:0 3px;} div.userItemHeader h3.userItemTitle a {color:#ffffff;} div.userItemHeader h3.userItemTitle a:hover {color:#009eb5;} div.userItemBody {padding:8px 0;margin:0;margin-top:4px;} div.userItemImageBlock {text-align:center;} span.userItemImage {} span.userItemImage img {border:1px solid #141414;transition:border-color 0.3s ease-out 0s;} span.userItemImage img:focus, span.userItemImage img:hover {border:1px solid #cccccc;} div.userItemCategory {padding:2px;color:#ffffff;text-align:center;} div.userItemCategory span {} div.userItemCategory a {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.tagView {} div.tagItemList {} div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */ div.tagItemHeader {} div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;} div.tagItemHeader h2.tagItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.tagItemBody {padding:8px 0;margin:0;} div.tagItemImageBlock {padding:0;margin:0;float:left;} span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.tagItemImage img {border:1px solid #ccc;padding:8px;} div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.tagItemIntroText img {} div.tagItemExtraFields {} div.tagItemExtraFields h4 {} div.tagItemExtraFields ul {} div.tagItemExtraFields ul li {} div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.tagItemCategory a {} /* Read more link */ div.tagItemReadMore {display:inline;} div.tagItemReadMore a {} div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Search view (generic) ----------------------------------------------------------------------*/ div.genericView {width:930px;} div.genericItemList {margin-left:132px;} div.genericItemView {float:left;background-color:#000000;width:265px;height:266px;margin-left:1px;margin-top:1px;} div.genericItemBody {padding:8px 0;margin:0;} div.genericItemHeader {text-align:center;margin-bottom:10px;margin-top:4px;} div.genericItemHeader h2.genericItemTitle {font-size:15px;font-weight:normal;line-height:20px;margin:0;padding:0 3px;} div.genericItemHeader h2.genericItemTitle a {color:#ffffff;} div.genericItemHeader h2.genericItemTitle a:hover {color:#009eb5;} div.genericItemImageBlock {} span.genericItemImage {display:block;text-align:center;} span.genericItemImage img {border:1px solid #141414;transition:border-color 0.3s ease-out 0s;} span.genericItemImage img:focus, span.genericItemImage img:hover {border:1px solid #cccccc;} div.genericItemCategory {text-align:center;color:#ffffff;} div.genericItemCategory a {} div.genericItemDateCreated {text-align:center;color:#ffffff;} span.catItemImage {display:block;text-align:center;} span.catItemImage img {border:1px solid #141414;transition:border-color 0.3s ease-out 0s;} span.catItemImage img:focus, span.catItemImage img:hover {border:1px solid #cccccc;} /* Read more link */ div.genericItemReadMore {display:inline;} div.genericItemReadMore a {} div.genericItemReadMore a:hover {} /* --- Google Search --- */ #k2Container div.gsc-branding-text {text-align:right;} #k2Container div.gsc-control {width:100%;} #k2Container div.gs-visibleUrl {display:none;} /* ----- Search Results ----- */ .componentheading {width:132px;height:100px;background-color:#595959;margin-top:1px;color:#ffffff;text-align:center;padding-top:32px;float:left;} #genericItemListNothingFound {width:736px;height:266px;margin-left:133px;margin-right:1px;margin-top:1px;width:798px;background-color:#e8e1e1;text-align:center;} #genericItemListNothingFound p {padding-top:100px;} /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.latestItemsContainer {float:left;} /* Category info block */ div.latestItemsCategory {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;} div.latestItemsCategoryImage {text-align:center;} div.latestItemsCategoryImage img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsCategory h2 {} div.latestItemsCategory p {} /* User info block */ div.latestItemsUser {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;clear:both;} div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsUser h2 {} div.latestItemsUser p.latestItemsUserDescription {padding:4px 0;} div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.latestItemsUserURL {font-weight:bold;color:#555;display:block;} span.latestItemsUserEmail {font-weight:bold;color:#555;display:block;} /* Latest items list */ div.latestItemList {padding:0 8px 8px 0;} div.latestItemView {} /* this is the item container for this view */ div.latestItemHeader {} div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} span.latestItemDateCreated {color:#999;font-size:11px;} div.latestItemBody {padding:8px 0;margin:0;} div.latestItemImageBlock {padding:0;margin:0;float:left;} span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.latestItemImage img {border:1px solid #ccc;padding:8px;} div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.latestItemIntroText img {} div.latestItemLinks {margin:0 0 16px 0;padding:0;} div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemCategory a {} div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;} div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.latestItemTagsBlock ul.latestItemTags li a {} div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.latestItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;} div.latestItemVideoBlock span.latestItemVideo {display:block;} /* Anchor link to comments */ div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.latestItemCommentsLink a {} div.latestItemCommentsLink a:hover {} /* Read more link */ div.latestItemReadMore {display:inline;} div.latestItemReadMore a {} div.latestItemReadMore a:hover {} /* Items presented in a list */ h2.latestItemTitleList {font-size:14px;padding:2px 0;margin:8px 0 2px 0;font-family:Arial, Helvetica, sans-serif;border-bottom:1px dotted #ccc;line-height:normal;} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ .k2AccountPage {} .k2AccountPage table {} .k2AccountPage table tr th {} .k2AccountPage table tr td {} .k2AccountPage table tr td label {white-space:nowrap;} img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;} .k2AccountPage div.k2AccountPageNotice {padding:8px;} .k2AccountPage div.k2AccountPageUpdate {border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right;} .k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/} .k2AccountPage td#userAdminParams {padding:0;margin:0;} .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;} /* Profile edit */ .k2AccountPage table.admintable {} .k2AccountPage table.admintable tr td {} .k2AccountPage table.admintable tr td span {} .k2AccountPage table.admintable tr td span label {} /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /* Latest Comments */ div.k2LatestCommentsBlock {} div.k2LatestCommentsBlock ul {} div.k2LatestCommentsBlock ul li {} div.k2LatestCommentsBlock ul li.lastItem {} div.k2LatestCommentsBlock ul li a.lcAvatar img {} div.k2LatestCommentsBlock ul li a {} div.k2LatestCommentsBlock ul li a:hover {} div.k2LatestCommentsBlock ul li span.lcComment {} div.k2LatestCommentsBlock ul li span.lcUsername {} div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;} div.k2LatestCommentsBlock ul li span.lcItemTitle {} div.k2LatestCommentsBlock ul li span.lcItemCategory {} /* Top Commenters */ div.k2TopCommentersBlock {} div.k2TopCommentersBlock ul {} div.k2TopCommentersBlock ul li {} div.k2TopCommentersBlock ul li.lastItem {} div.k2TopCommentersBlock ul li a.tcAvatar img {} div.k2TopCommentersBlock ul li a.tcLink {} div.k2TopCommentersBlock ul li a.tcLink:hover {} div.k2TopCommentersBlock ul li span.tcUsername {} div.k2TopCommentersBlock ul li span.tcCommentsCounter {} div.k2TopCommentersBlock ul li a.tcLatestComment {} div.k2TopCommentersBlock ul li a.tcLatestComment:hover {} div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;} /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.k2ItemsBlock {padding:4px;} div.k2ItemsBlock p.modulePretext {} div.k2ItemsBlock ul {} div.k2ItemsBlock ul li {background:none;} div.k2ItemsBlock ul li a {} div.k2ItemsBlock ul li a:hover {} div.k2ItemsBlock ul li.lastItem {} div.k2ItemsBlock ul li a.moduleItemTitle {color:#009EB5;line-height:100%;} div.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.k2ItemsBlock ul li div.moduleItemAuthor {font-size:11px;} div.k2ItemsBlock ul li div.moduleItemAuthor a {color:#009EB5;font-size:11px;} 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;margin-top:15px;line-height:110%;color:#ffffff;text-align:left;} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:left;margin-top:2px;margin-right:6px;margin-bottom:8px;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 {color:#009EB5;} div.k2ItemsBlock ul li div.moduleItemTags {} div.k2ItemsBlock ul li div.moduleItemTags b {} div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;} div.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.k2ItemsBlock ul li div.moduleAttachments {} div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemComments:hover {} div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemReadMore {} div.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.k2ItemsBlock a.moduleCustomLink {} div.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ div.k2LoginBlock {} div.k2LoginBlock p.preText {} div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;} div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;} div.k2LoginBlock fieldset.input p label {display:block;} div.k2LoginBlock fieldset.input p input {display:block;} div.k2LoginBlock fieldset.input p#form-login-remember label, div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;} div.k2LoginBlock fieldset.input input.button {} div.k2LoginBlock ul {} div.k2LoginBlock ul li {} div.k2LoginBlock p.postText {} div.k2UserBlock {} div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;} div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {} div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;} div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {} div.k2UserBlock ul.k2UserBlockActions {} div.k2UserBlock ul.k2UserBlockActions li {} div.k2UserBlock ul.k2UserBlockActions li a {} div.k2UserBlock ul.k2UserBlockActions li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu {} div.k2UserBlock ul.k2UserBlockRenderedMenu li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {} div.k2UserBlock form {} div.k2UserBlock form input.ubLogout {} /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /* --- Archives --- */ div.k2ArchivesBlock {} div.k2ArchivesBlock ul {} div.k2ArchivesBlock ul li {} div.k2ArchivesBlock ul li a {} div.k2ArchivesBlock ul li a:hover {} /* --- Authors --- */ div.k2AuthorsListBlock {} div.k2AuthorsListBlock ul {} div.k2AuthorsListBlock ul li {width:132px;height:132px;text-align:center;background-color:#262626;margin-top:1px;} div.k2AuthorsListBlock ul li:last-child,div.k2AuthorsListBlock ul li.last-child {} div.k2AuthorsListBlock ul li a.abAuthorAvatar img {margin:0 auto;float:none!important;} div.k2AuthorsListBlock ul li a.abAuthorAvatar img:hover{opacity:0.9;} div.k2AuthorsListBlock ul li a.abAuthorName {font-size:11px;font-weight:500;text-align:center;color:#009EB5;padding-left:1px;padding-right:1px;line-height:100%;} div.k2AuthorsListBlock ul li a.abAuthorName:hover {} div.k2AuthorsListBlock ul li a.abAuthorLatestItem {font-size:11px;text-align:center;display:block;clear:both;color:#ffffff;padding-left:1px;padding-right:1px;line-height:100%;margin-top:3px;padding-bottom:2px;} div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {color:#009EB5;} div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {} /* --- Breadcrumbs --- */ div.k2BreadcrumbsBlock {} div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} div.k2BreadcrumbsBlock a {} div.k2BreadcrumbsBlock a:hover {} div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;} /* --- Calendar --- */ div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */ div.k2CalendarLoader {background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;} table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;} table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;} table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;} table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;} table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;} table.calendar tr td.calendarDateEmpty {background:#fbfbfb;} table.calendar tr td.calendarDate {} table.calendar tr td.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#135cae;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;} table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;} /* --- Category Tree Select Box --- */ div.k2CategorySelectBlock {} div.k2CategorySelectBlock form select {width:auto;} div.k2CategorySelectBlock form select option {} /* --- Category List/Menu --- */ div.k2CategoriesListBlock {} div.k2CategoriesListBlock ul {} div.k2CategoriesListBlock ul li {} div.k2CategoriesListBlock ul li a {} div.k2CategoriesListBlock ul li a:hover {} div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;} div.k2CategoriesListBlock ul li a span.catCounter {} div.k2CategoriesListBlock ul li a:hover span.catTitle {} div.k2CategoriesListBlock ul li a:hover span.catCounter {} div.k2CategoriesListBlock ul li.activeCategory {} div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;} /* Root level (0) */ ul.level0 {} 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 {padding-top:30px;margin-left:10px;} div.k2SearchBlock form input.inputbox {} div.k2SearchBlock form input.button {float:right;margin-right:2px;} div.k2SearchBlock form input.k2SearchLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;} div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px;} /* Live search results (fetched via ajax) */ div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #eee;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;} /* --- Tag Cloud --- */ div.k2TagCloudBlock {padding:8px 0;} div.k2TagCloudBlock a {padding:4px;float:left;display:block;} div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;} /* --- Custom Code --- */ div.k2CustomCodeBlock {} /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.k2UsersBlock {} div.k2UsersBlock ul {margin-top:-10px;width:932px;} div.k2UsersBlock ul li {width:132px;height:132px;float:left;margin-right:1px;background-color:#262626;text-align:center;margin-top:1px;} div.k2UsersBlock ul li div.userNotes {color:#ffffff;margin-top:3px;} div.k2UsersBlock ul li.lastItem {color:#ffffff;} div.k2UsersBlock ul li.even {background-color:#000000;} div.k2UsersBlock ul li a.ubUserAvatar img {margin:0;padding:0;margin-bottom:10px;float:none!important;margin:5px auto;border:1px solid #141414;transition:border-color 0.3s ease-out 0s;} div.k2UsersBlock ul li a.ubUserAvatar img:focus, div.k2UsersBlock ul li a.ubUserAvatar img:hover {border:1px solid #cccccc;} div.k2UsersBlock ul li a.ubUserName {padding:0 2px;} div.k2UsersBlock ul li a.ubUserName:hover {} div.k2UsersBlock ul li div.ubUserDescription {} div.k2UsersBlock ul li div.ubUserAdditionalInfo {} div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;} div.k2UsersBlock ul li ul.ubUserItems {margin-top:15px;} div.k2UsersBlock ul li ul.ubUserItems li {height:auto;} div.k2UsersBlock ul li ul.ubUserItems li a {color:#ffffff;} div.k2UsersBlock ul li ul.ubUserItems li a:hover {color:#009eb5;} /* --- END --- */