/* * ------------------------------------------------------------------------ * LeoBeauty template for joomla 1.7 * ------------------------------------------------------------------------ * Copyright leotheme.com. All Rights Reserved. * @license GNU / GPL2 http://www.gnu.org/licenses/gpl-2.0.html * Author: leotheme.com * Websites: http://www.leotheme.com * ------------------------------------------------------------------------ */ /* COMMON STYLE --------------------------------------------------------- */ /* MAIN LAYOUT DIVS --------------------------------------------------------- */ .main.clearfix { display: block; } .wrap { width: 100%; clear: both; } .main { width: 980px; max-width: 1200px; margin: 0 auto; position: relative;} .column { overflow: hidden; float: left; } .ja-mass { clear: both; width: 100%; } /* Gutter ---*/ .main .inner { /* We use liquid layout, so we need to insert a div which will create margin if need */ padding-left: 15px; padding-right: 25px; } .main .main-inner1 { /* We use liquid layout, so we need to insert a div which will create margin if need */ margin-left: 15px; margin-right: 15px; } .column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module { /* for side columns and spotlight, we only need to add margin or padding to Module */ margin-left: 15px; margin-right: 15px; } .ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module { margin-right: 0; margin-left: 30px; } .ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module { margin-right: 30px; margin-left: 0; } .item .contentpaneopen { /* for article columns, we only need to add margin or padding to this div */ padding-left: 15px; padding-right: 15px; } .items-leading { } .items-row { /* minus the spacing of the article row to macth with the Gutter & global grid */ margin-left: 0; margin-right: 0; } /* MAIN COLUMN --------------------------------------------------------- */ #ja-mainbody { float: left; } #ja-current-content, #ja-main { float: right; } /* SIDE COLUMNS --------------------------------------------------------- */ .ja-colswrap {} .ja-col {} /* Left Column ---*/ #ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 40%; } #ja-left .ja-l1 .ja-col { width: 100%; } /* Right Column ---*/ #ja-right { float: right; } #ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 60%; } #ja-right .ja-r1 .ja-col { width: 100%; } /* HEADER --------------------------------------------------------- */ #ja-header {} /* FOOTER --------------------------------------------------------- */ #ja-footer { clear: both; } /* CONTENT'S GRIDS --------------------------------------------------------- */ .item { float: left; position: relative; } .cols-1 .item { width: 100%; } .cols-2 .item { width: 50%; } .cols-3 .item { width: 33.33%; } .cols-4 .item { width: 25%; } .cols-5 .item { width: 20%; } /* SPOTLIGHT --------------------------------------------------------- */ #ja-topsl {} #ja-botsl { color: #fff;} .ja-box { float: left; overflow: hidden; } .ja-box-right { position: relative; right: 0; } /* KALENDAR2020 --------------------------------------------------------- */ .tooltip { font-weight: bold; cursor: help; } .tooltip::after { background: #57ad68; border-radius: 8px 8px 8px 0px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); color: #FFF; content: attr(data-tooltip); margin-top: -24px; opacity: 0; padding: 3px 7px; position: absolute; visibility: hidden; transition: all 0.2s ease-in-out; } .tooltip:hover::after { opacity: 1; visibility: visible; } .tooltip:focus ::after { opacity: 1; visibility: visible; } .holiday_calendar_calend_month{ float: left; margin-left: 20px; height: 201px; padding: 6px; margin-top: 20px; border: 1px #ddd solid; border-radius: 3px; border-top: 3px #91bfdb solid; background-color: #f6f6f6; } .holiday_calendar_calend_month h3{ text-align:center; margin-bottom: 0px; margin-top: 0px; } .calendar{ font-size: 17px; } .calendar td:hover{ background-color: #fef7a7; cursor: pointer } .calendar td,td{ padding: 0px 3px; text-align: center; border-radius: 13px; empty-cells: hide; } .calendar .day-off{ color: #f63636; } .calendar .holiday{ color: #ffffff; background-color: #ffae37; } .calendar .holiday-day{ color: #ffffff; background-color: #ff0000; } .calendar .holiday-short{ color: #ffffff; background-color: #c2beff; } .calendar .day-select{ box-shadow: 1px 1px 3px 1px rgb(88, 88, 88); font-weight: bold; } .day_off_week{ color: #f63636; } .day_last_month{ color: #ececec; }