/** * ============================================================= * RAXO All-mode PRO J3.0 - Template CSS * ------------------------------------------------------------- * @package RAXO All-mode PRO * @subpackage All-mode Newsbreak Template * @copyright Copyright (C) 2009-2013 RAXO Group * @license RAXO Commercial License * This file is forbidden for redistribution * @link http://raxo.org * ============================================================= */ /* ----- RESET Styles ----- */ .allmode-newsbreak .allmode-name, .allmode-newsbreak .allmode-showall, .allmode-newsbreak .allmode-topitem, .allmode-newsbreak .allmode-item, .allmode-newsbreak .allmode-title, .allmode-newsbreak img { margin: 0; padding: 0; text-transform: none; background: none; border: 0 none; } .allmode-newsbreak .allmode-clear {clear: both;} .allmode-newsbreak a {text-decoration: none;} .allmode-newsbreak :focus {outline: 0;} /* ----- MODULE BOX Styles ----- */ .allmode-newsbreak { margin-bottom: 0px; font: normal 12px/16px "Arial","Tahoma",sans-serif; } .allmode-newsbreak .allmode-name { /* Module Block NAME */ margin: 0 0 8px; padding: 4px 10px; background-color: #eceff4; border-radius: 4px; } .allmode-newsbreak .allmode-name span { padding: 1px 8px; font-size: 14px; line-height: 18px; font-weight: bold; background-color: #f9f9f9; border-radius: 3px; } .allmode-newsbreak .allmode-showall { /* "Show All" TEXT */ padding-right: 12px; font-size: 11px; text-align: right !important; color: #7d7d7d; } /* ----- TOP ITEMS Styles ----- */ .allmode-newsbreak .allmode-topbox { /* TOP Items DIV */ margin-bottom: 3px; } .allmode-newsbreak .allmode-img img { /* TOP Item IMAGE */ float: left; margin: 0 16px 8px 0; padding: 3px; max-width: 100%; height: auto; background-color: #c0d2e2; border: 2px solid #99284c; border-radius: 1px; transition: border 0.4s ease; } .allmode-newsbreak .allmode-topitem { /* TOP Item DIV */ margin-bottom: 6px; padding: 5px 8px 5px 22px; overflow: hidden; background: none; border: none; border-radius: 4px; } .allmode-newsbreak .allmode-topitem .allmode-title { /* TOP Item TITLE */ font: bold 24px/28px "Arial","Tahoma",sans-serif; } .allmode-newsbreak .allmode-topitem .allmode-text { /* TOP Item TEXT */ font: 14px/18px "Arial","Tahoma",sans-serif; padding-top: 10px; margin: 10px 10px 0px 0 color: #333333; } .allmode-newsbreak .allmode-topitem .allmode-readmore { /* TOP Item READ MORE */ font-size: 12px; } /* ----- ITEMS Styles ----- */ .allmode-newsbreak .allmode-itemsbox { /* Items DIV */ position: relative; margin-left: 0px; overflow: hidden; } .allmode-newsbreak .allmode-item { /* Item DIV */ overflow: hidden; } .allmode-newsbreak .allmode-itemsbox .allmode-date { /* Item DATE */ float: left margin: 6px 0 0 6px; } .allmode-newsbreak .allmode-item .allmode-title { /* Item TITLE */ margin: 0 0 3px 0px; padding-left: 0px; font: bold 12px/16px "Arial","Tahoma",sans-serif; text-decoration: underline; padding-bottom: 8px; } /* ----- FIELDS Styles ----- */ .allmode-newsbreak .allmode-info { /* Item INFO */ font-size: 10px; line-height: 15px; color: #9e9e9e; } .allmode-newsbreak .allmode-info span { padding-right: 8px; } /* ----- COLOR Schemes ----- */ /* --- Blue Color (default) --- */ .allmode-newsbreak .allmode-name, .allmode-newsbreak .allmode-title, .allmode-newsbreak .allmode-itemsbox .allmode-date, .allmode-newsbreak a {color: #000; text-decoration: none;} .allmode-newsbreak a:hover {color: #666666;} .allmode-newsbreak .allmode-odd {background-color: #fff;} .allmode-newsbreak .allmode-odd:hover {background-color: #fff;} .allmode-newsbreak .allmode-name, .allmode-newsbreak .allmode-img a:hover img, .allmode-newsbreak .allmode-even {background-color: #fff; border-color: #003399;} .allmode-newsbreak .allmode-even:hover {background-color: #f0f3f7;} /* --- Red Color --- */ .newsbreak-color1 .allmode-name, .newsbreak-color1 .allmode-title, .newsbreak-color1 .allmode-itemsbox .allmode-date, .newsbreak-color1 a {color: #a50005;} .newsbreak-color1 .allmode-name, .newsbreak-color1 .allmode-img a:hover img, .newsbreak-color1 .allmode-even {background-color: #f4eded; border-color: #a50005; } .newsbreak-color1 .allmode-even:hover {background-color: #f7f0f0;} .newsbreak-color1 .allmode-item .allmode-title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqUUr1OAkEQnjXXcgEb7yTExBqjKMFH4Em4p6DkQaRRCujt0eIgRDlNqG2tbCxud891dmf2OKMJOMnd7M98830zO2I8vjGwwy5u75w/GQ5FeWiBu2zd75v36dT5j/kc7HcAe9pnlkE8GMDbaOQUBkVRuIviq4BFmuJK/AD0rnt/ggOttTvUSkOr1WKgcR5VgtaU+H4yITT7QClFQEzQaBzSJeGcs/ensxnkm03JvFykEEgp3UZKBavVEoPFlhMZQdgM5K+6XWjU6/D4MLdAYlRKwnGzSYSGK/UZeK0qJAjMaYOSwlpIEb4/hn+CMkguy2JKqQqzrJ+ffFvAeIk+Ea7POx0C5qoCRKlHcYQBVX1cIhP7RkqMDUp6raAWhtwaCjS+TGGc11KzVAQqbk6B7/X6km1fnrvTbp9VC2Z1KNUPgJ2gKIp/jZqfrKpZTDlyl1z4PmYxgV0kSQL/tW8BBgAN1e/SYm+ObwAAAABJRU5ErkJggg==) no-repeat 0 0; /*background: url(icon-color1.png) no-repeat 0 0;*/ } /* --- Green Color --- */ .newsbreak-color2 .allmode-name, .newsbreak-color2 .allmode-title, .newsbreak-color2 .allmode-itemsbox .allmode-date, .newsbreak-color2 a {color: #0a7305;} .newsbreak-color2 .allmode-name, .newsbreak-color2 .allmode-img a:hover img, .newsbreak-color2 .allmode-even {background-color: #e9eee9; border-color: #0a7305;} .newsbreak-color2 .allmode-even:hover {background-color: #ebf0eb;} .newsbreak-color2 .allmode-item .allmode-title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWpJREFUeNqUUjtLA0EQnpXrJEfOxoshCJYSkegR/4piYXeNhb9F0MrGtNqKYiOCCt6F4JNcb2llm324zu7OXi4oJA7czT7m++ab2WG93qmGKXazfG39/uoBKw8NcJrt3e7oq48L6/PPRzDfHMxoxdcQtld24Xh4aBUGSil7ob4V5FmGKzYB6G51/wQHUkp7KIWEVqtFQG09qgQpHfH55dkEYSCEcEAkiKIFd+pw1pn7o+QEivmiBPXzDALOud1wLmAw6GMwG+fEjMAMg/ObSQJRvQ4P93cG6DIKwWGp2XQJNVXqGWgtKkkQOHIblBTWQhfh+6PpxxwDp7IMppQqkOXl+cm3BbSX6Ilwvd7pOOBIVIAodbERY0BVH5VIiX0jOcYGZXopoBaG1BoXqH2ZTFsvuSSpCBTUHIXv9f72On4o6k67vVYtmNShVD8AZoLiuPFr1PxkVc1gypHboMJnMYMJzCJNU/iv/QgwAKoU7d+0dK7VAAAAAElFTkSuQmCC) no-repeat 0 0; /*background: url(icon-color2.png) no-repeat 0 0;*/ } /* --- Orange Color --- */ .newsbreak-color3 .allmode-name, .newsbreak-color3 .allmode-title, .newsbreak-color3 .allmode-itemsbox .allmode-date, .newsbreak-color3 a {color: #c33c00;} .newsbreak-color3 .allmode-name, .newsbreak-color3 .allmode-img a:hover img, .newsbreak-color3 .allmode-even {background-color: #f3ece9; border-color: #c33c00;} .newsbreak-color3 .allmode-even:hover {background-color: #f5eeeb;} .newsbreak-color3 .allmode-item .allmode-title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW1JREFUeNqUUjtOw0AQnUXukK2EhoQoBX0QBKJwBMQRuEAOgESBOAINRyAU0HEAKDGFY0X8IkWioKakiUT2wzK7M+sYgZQwkj1j77x5b2ZH9PvnFubY3uuZ95WDU1H8dMB59n6yZSfphfefo1twzxIsaPIth3j/ED6ujrzCyBjjD8yXgUGWYSR+ALq73T/Bkdba/9RKQ7PZZKD1HlWC1lT45vqS4eQjpRQBsUC1ukJnhPPOnS8fp7A+HhfM+SCDSEpJMqSC4TDHZDHjREYQrgL5nU4HqpUK3Kd3DkiMSklYazSI0HKnoQLHqkSCwCl9oKQkTigjzMfyS1AFyW05TCFVYZWnx4cwFrBBYiiE8Wa7TcCpKgFR6mq9hgllfdwiE4dBSsyNCnqtIE4SHg0l2tCmsN5rqVkqAhUPx+B9jV6eZzfP02m1NsoNszqUGhbAbVCtVv+1amGzyuYwxcptc+OLmMNELuj1evBf+xZgALZp7vqst4qqAAAAAElFTkSuQmCC) no-repeat 0 0; /*background: url(icon-color3.png) no-repeat 0 0;*/ } /* --- Violet Color --- */ .newsbreak-color4 .allmode-name, .newsbreak-color4 .allmode-title, .newsbreak-color4 .allmode-itemsbox .allmode-date, .newsbreak-color4 a {color: #4b19aa;} .newsbreak-color4 .allmode-name, .newsbreak-color4 .allmode-img a:hover img, .newsbreak-color4 .allmode-even {background-color: #efecf4; border-color: #4b19aa;} .newsbreak-color4 .allmode-even:hover {background-color: #f3f0f7;} .newsbreak-color4 .allmode-item .allmode-title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW1JREFUeNqUUj1LA0EQnZXtJEfOxoshIJYSkegRS3+BP0Dsz9I/YmNtY1orQRFLQQUvR/CThLTaaWOb3T3X2d3ZywWFxIG72Y95b97MDut0TjRMsc+rZet3DlZZcWiA0+xw91pnF2/WD+8/wHxzMKO9979ge28Fzo/6ViHP89xe5N85dNMUV2wC0N5q/wnmSil7qKSCRqNBQG09qgSlHPHZ6eUEIZdSOiAShOGCO3U468z9/nEMg8F8Acq6KXAhhN0IIaHXyzCYjXNiRmCGwfnNOIawWoW72xsDdBmlFLBUr7uEmir1DLSWpSQIHLkNSgoqgYvw/dH0Y45BUFkGU0iVyPL0+ODbAtpL9ES4Xm+1HHAkS0CUuliLMKCsj0qkxL6RAmN5kV5JqAQBtcYFal8m09YroUgqAiU1J8f3en15Hj8UdafZXCsXTOpQqh8AM0FRVPs1an6yymYwxchtUOGzmMFws0iSBP5rPwIMAJ8a7nRv1u3vAAAAAElFTkSuQmCC) no-repeat 0 0; /*background: url(icon-color4.png) no-repeat 0 0;*/ } /* --- Gray Color --- */ .newsbreak-color5 .allmode-name, .newsbreak-color5 .allmode-title, .newsbreak-color5 .allmode-itemsbox .allmode-date, .newsbreak-color5 a {color: #000000;} .newsbreak-color5 .allmode-name, .newsbreak-color5 .allmode-img a:hover img, .newsbreak-color5 .allmode-even {background-color: #ebebeb; border-color: #000000;} .newsbreak-color5 .allmode-even:hover {background-color: #ededed;} .newsbreak-color5 .allmode-item .allmode-title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNqUk0tOwzAQQMfI20YNG1Kq7LIsQoWq3Kbsci7CDdorAIu0qvhKkaLcIqv6gxl77DQVSC2z8NjOvPl5woviwcARKYpHp7MsY+GO22WxuD8KpmkKTdOYAJ/BidK2bQe7iFpr90F/a1iXJe7YATC/m/8Jc6WUu1RSuUsCjdPGGFCKHNd1feCQSykJRAdxfE63xDllvy9XK6iqqoM26xK4EMIdhJCw3W7QmO1jYkRg1gPp29kM4uEQXp6fLEgRpRRwOR5TQOMrDR78XvaCILijA6YUDSKyCP0xfmHkQfiyLNOlKtHL+9traAuYkGJwhPvr6ZTAneyBmOrFKEGDfn6+RB84NFKgLe/CKwmDKPKtIUMTymTGaSWUTxVB6Zuj8b2+Pj/2D+W7M5lc9Qv22WGqYQDsBCXJ6Neohcnqi2W6kbvxhZ8ilnF/R57n8F/5EWAAkyDHrJL6pD8AAAAASUVORK5CYII=) no-repeat 0 0; /*background: url(icon-color5.png) no-repeat 0 0;*/ }