/** * ============================================================= * @package RAXO Columns Module Layout * ------------------------------------------------------------- * @copyright Copyright (C) 2009-2017 RAXO Group * @link https://www.raxo.org * @license RAXO Commercial License * This file is forbidden for redistribution * ============================================================= */ /* ----- RESET Styles ----- */ .allmode-columns-revolution [class^="allmode-"], .allmode-columns-revolution img, .allmode-columns-revolution a { margin: 0; padding: 0; background: transparent none; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .allmode-columns-revolution a { /* Item LINKS */ text-decoration: none; outline: 0; } .allmode-columns-revolution a:hover { color: #990000 !important; text-decoration: none; background: transparent none; } /* ----- MODULE BLOCK Styles ----- */ .allmode-columns-revolution { /* Module BLOCK */ margin: 0px 0; /* border-bottom: 3px solid transparent; */ } .allmode-columns-revolution .allmode-name { /* BLOCK NAME Text */ padding: 0 8px 4px; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: uppercase; border-bottom: 3px solid transparent; } .allmode-columns-revolution .allmode-showall { /* SHOW ALL Text */ padding: 0 8px 4px; text-align: right !important; } .allmode-columns-revolution .allmode-topbox, .allmode-columns-revolution .allmode-itemsbox { /* Column spacing offset */ overflow: hidden; } .allmode-columns-revolution .allmode-wrapper { float: left; width: 50%; margin: 16px 0; padding: 0 5px; /* Column spacing (padding left 14px + padding right 14px = 28px) */ } .allmode-columns-revolution .allmode-itemsbox .allmode-wrapper { margin: 0px 0; } .allmode-columns-revolution .allmode-wrapper > div { position: relative; height: 100%; overflow: hidden; } /* ----- TOP ITEMS Styles ----- */ .allmode-columns-revolution .allmode-topitem { /* Top Item DIV */ padding-bottom: 6px; border-bottom: 2px solid transparent; } .allmode-columns-revolution .allmode-topitem .allmode-date { /* Top Item DATE */ margin: 0 4px 3px 0; font-size: 12px; font-weight: bold; font-style: italic; line-height: 20px; text-align: right !important; } .allmode-columns-revolution .allmode-topitem .allmode-img img { /* Top Item IMAGE */ width: 100%; border-width: 5px; border-style: solid; border-radius: 3px; box-shadow: 0 0 3px #d6d6d6; transition: border 0.4s ease; } .allmode-columns-revolution .allmode-topitem .allmode-title { /* Top Item TITLE */ margin: 10px 0 8px 0; padding: 0 4px; font-size: 16px; font-weight: bold; } .allmode-columns-revolution .allmode-topitem .allmode-text { /* Top Item TEXT */ margin: 6px 4px 0; overflow: hidden; font-size: 14px; line-height: 18px; color: #505050; } .allmode-columns-revolution .allmode-topitem .allmode-info { /* Top Item INFO */ margin-top: -2px; padding: 8px 8px 4px; line-height: 16px; background-color: #f3f3f3; border-radius: 0 0 4px 4px; } /* ----- ITEMS Styles ----- */ .allmode-columns-revolution .allmode-item { /* Item DIV */ padding-bottom: 4px; } .allmode-columns-revolution .allmode-item .allmode-title a{ /* Item TITLE */ padding-top: 5px; font-size: 14px; font-weight: bold; font-family: Domine; } .allmode-columns-revolution .allmode-item .allmode-title{ line-height:14px; } .allmode-columns-revolution .allmode-item .allmode-img img { /* Item IMAGE */ display: block; float: none; } .allmode-columns-revolution .allmode-item .allmode-text { /* Item TEXT */ font-size: 12px; line-height: 16px; color: #505050; } .allmode-columns-revolution .allmode-item .allmode-info { /* Item INFO */ margin-bottom: 8px; padding: 4px 8px; line-height: 16px; background-color: #f3f3f3; border-radius: 2px; } /* ----- COMMON Fields Styles ----- */ .allmode-columns-revolution .allmode-img img { /* Item IMAGE */ max-width: 100%; height: auto; font-style: italic; vertical-align: middle; } .allmode-columns-revolution .allmode-info > span, .allmode-columns-revolution .allmode-comments { padding: 0 10px 0 17px; font-size: 11px; background-image: url("data:image/png;base64,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"); /*background-image: url("icons.png");*/ background-repeat: no-repeat; background-size: 12px 2200px; } .allmode-columns-revolution span.allmode-rating { /* Item RATING */ padding: 0; background-image: none; white-space: nowrap; } .allmode-columns-revolution .allmode-rating span { display: inline-block; width: 10px; height: 10px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAHgCAYAAACcmvztAAABtklEQVR4Xu2aQStEURiG79Vs+AHKpaYiW6iJrOzHlI21pY0lNT9A8RNQ+QdqirJU2Wk2bKSGCqXiP/BOnekbV3Madeac0vPUa0z37f26qyclz0q0Wq3N3q/9D/JSaUofT+7rrPKeOcZKg3vKuMv+j0WtbOtzQ5lTFvqufCl3Ske5rOjHgTKjlMmVRZfV7um68pwNwD2r5+4lavq4HVCsKe3eyyx5Fpf737qRGZ8uwp5V3JcHZUU5VY5coansuGf/BACAX55pXr14PGOlAJ7RSkrP6DyeiQ4A4Jl2terxjJUCeEYrKT2j83gmOgCAZ+7XDz2esVIAz2glpWd0Hs9EBwDwzGNj0uMZKwXwjFZSekbn8Ux0AADPfNxkHs9YKYBntDKUZ7rFV+cZH29/84xW8Ux0AADPNE7mPZ6xUgDPaCXl3zM6j2eiAwB4ZvrizOMZKwXwjFZSekbn8Ux0AADPTGxdezxjpQCe0UpKz+g8nokOAOCZ2nHH4xkrBfCMVlJ6RufxTHQAAM/srp17PGOlAJ7RSkrP6DyeiQ4A4JmiKDyesVIAz2hlKM90iyP4fzOt4plRAwDwDbfrPgKkdhevAAAAAElFTkSuQmCC") no-repeat 0 0; /*background: url("rating.png") no-repeat 0 0;*/ background-size: 10px 480px; } .allmode-columns-revolution .allmode-star { margin: 0 1px; } .allmode-columns-revolution .allmode-star span { display: block; } .allmode-columns-revolution .allmode-comments { /* Item COMMENTS */ padding-right: 0; color: #505050; } .allmode-columns-revolution .allmode-comments a { font-weight: normal; } .allmode-columns-revolution .allmode-readmore { /* Item READ MORE */ height: 20px; } .allmode-columns-revolution .allmode-readmore a { position: absolute; right: 0; bottom: 4px; padding: 0 4px; font-size: 12px; line-height: 20px; text-align: right; } /* ----- RESPONSIVE Breakpoints ----- */ .allmode-columns-revolution .lt320 .allmode-wrapper { /* width: 100% !important; */ } .allmode-columns-revolution .gt640 .allmode-wrapper { width: 33.33%; } .allmode-columns-revolution .gt880 .allmode-wrapper { width: 25%; } /* ----- COLUMN Width ----- */ .columns-topitem-1 .allmode-topbox .allmode-wrapper, .columns-item-1 .allmode-itemsbox .allmode-wrapper { width: 100% } .columns-topitem-2 .allmode-topbox .allmode-wrapper, .columns-item-2 .allmode-itemsbox .allmode-wrapper { width: 50% } .columns-topitem-3 .allmode-topbox .allmode-wrapper, .columns-item-3 .allmode-itemsbox .allmode-wrapper { width: 33.33% } .columns-topitem-4 .allmode-topbox .allmode-wrapper, .columns-item-4 .allmode-itemsbox .allmode-wrapper { width: 25%; } .columns-topitem-5 .allmode-topbox .allmode-wrapper, .columns-item-5 .allmode-itemsbox .allmode-wrapper { width: 20% } .columns-topitem-3 .lt480 .allmode-topbox .allmode-wrapper, .columns-topitem-4 .lt480 .allmode-topbox .allmode-wrapper, .columns-topitem-5 .lt480 .allmode-topbox .allmode-wrapper { width: 50%; } .columns-item-3 .lt480 .allmode-itemsbox .allmode-wrapper, .columns-item-4 .lt480 .allmode-itemsbox .allmode-wrapper, .columns-item-5 .lt480 .allmode-itemsbox .allmode-wrapper { width: 50%; } /* ----- HIGH RESOLUTION Media Queries ----- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi) { .allmode-columns-revolution .allmode-info > span, .allmode-columns-revolution .allmode-comments { background-image: url(icons@3x.png); } .allmode-columns-revolution span.allmode-rating { background-image: none; } .allmode-columns-revolution .allmode-rating span { background-image: url(rating@3x.png); } }