Added rtl for bootstrap grid system, also updated the design of the elements having custom css
This commit is contained in:
vishalsingh.qlo325
@@ -1217,6 +1217,7 @@ class FrontControllerCore extends Controller
|
||||
*/
|
||||
if ($this->context->language->is_rtl) {
|
||||
$this->addCSS(_THEME_CSS_DIR_.'rtl.css');
|
||||
$this->addCSS(_THEME_CSS_DIR_.'rtl_grid.css');
|
||||
$this->addCSS(_THEME_CSS_DIR_.$this->context->language->iso_code.'.css');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="rm_desc">{$room_v['description']|truncate:190:"":true} <a href="{$room_v['product_link']|escape:'htmlall':'UTF-8'}">{l s='View More'}....</a></div>
|
||||
<div class="rm_desc">{$room_v['description']|truncate:190:"":true} <a class="view_more" href="{$room_v['product_link']|escape:'htmlall':'UTF-8'}">{l s='View More'}....</a></div>
|
||||
<div class="room_features_cont">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-5 col-lg-6">
|
||||
|
||||
@@ -165,7 +165,7 @@
|
||||
<div class="col-xs-8">
|
||||
<p class="hotel-name"><span>{$hotel['hotel_name']}</span></p>
|
||||
<p class="hotel-branch-info-value">{$hotel['address']}, {$hotel['city']}, {if {$hotel['state_name']}}{$hotel['state_name']},{/if} {$hotel['country_name']}, {$hotel['postcode']}</p>
|
||||
{if $hotel['latitude'] != 0 || $hotel['longitude'] != 0 && $viewOnMap}
|
||||
{if ($hotel['latitude'] != 0 || $hotel['longitude'] != 0) && $viewOnMap}
|
||||
<p class="hotel-branch-info-value">
|
||||
<a class="btn htl-map-direction-btn" href="http://maps.google.com/maps?daddr=({$hotel['latitude']},{$hotel['longitude']})" target="_blank">
|
||||
<span class="">{l s='View on map'}</span>
|
||||
|
||||
@@ -323,4 +323,8 @@ p.capa_txt {
|
||||
text-decoration: line-through;
|
||||
color:#e85757;
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
.rm_desc .view_more {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -8,6 +8,18 @@
|
||||
text-align: right !important; }
|
||||
|
||||
/* globals - start */
|
||||
.pull-left {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-right {
|
||||
float: left !important;
|
||||
}
|
||||
.text-right {
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-left {
|
||||
text-align: right !important;
|
||||
}
|
||||
.owl-stage-outer {
|
||||
direction: rtl !important;
|
||||
}
|
||||
@@ -312,6 +324,35 @@ div.uploader .filename, div.uploader .action {
|
||||
}
|
||||
/* my account - end */
|
||||
|
||||
/* Room type - start */
|
||||
#image-block-cont {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
.close_room_serach_wrapper {
|
||||
right: unset !important;
|
||||
left: 0px;
|
||||
}
|
||||
/* Room type - end */
|
||||
|
||||
/* order-opc - start */
|
||||
|
||||
#order-opc .avail_vouchers_block .avail_voucher_name>.voucher_name,
|
||||
#tc_txt, .product_info_label{
|
||||
float: right !important;
|
||||
}
|
||||
#order-opc .cart_total_detail_block .cart_total_values {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
/* order-opc - end */
|
||||
|
||||
/* contact-us - start */
|
||||
|
||||
#contact_type {
|
||||
text-align: right !important;
|
||||
}
|
||||
/* contact-us - end */
|
||||
|
||||
/* order-detail - start */
|
||||
@media (min-width: 576px) {
|
||||
.booking-room-detail .num-refunded-rooms {
|
||||
|
||||
594
themes/hotel-reservation-theme/css/rtl_grid.css
Normal file
594
themes/hotel-reservation-theme/css/rtl_grid.css
Normal file
@@ -0,0 +1,594 @@
|
||||
|
||||
.col-xs-1,
|
||||
.col-xs-2,
|
||||
.col-xs-3,
|
||||
.col-xs-4,
|
||||
.col-xs-5,
|
||||
.col-xs-6,
|
||||
.col-xs-7,
|
||||
.col-xs-8,
|
||||
.col-xs-9,
|
||||
.col-xs-10,
|
||||
.col-xs-11 {
|
||||
float: right
|
||||
}
|
||||
.col-xs-1 {
|
||||
width: 8.33333%
|
||||
}
|
||||
.col-xs-2 {
|
||||
width: 16.66667%
|
||||
}
|
||||
.col-xs-3 {
|
||||
width: 25%
|
||||
}
|
||||
.col-xs-4 {
|
||||
width: 33.33333%
|
||||
}
|
||||
.col-xs-5 {
|
||||
width: 41.66667%
|
||||
}
|
||||
.col-xs-6 {
|
||||
width: 50%
|
||||
}
|
||||
.col-xs-7 {
|
||||
width: 58.33333%
|
||||
}
|
||||
.col-xs-8 {
|
||||
width: 66.66667%
|
||||
}
|
||||
.col-xs-9 {
|
||||
width: 75%
|
||||
}
|
||||
.col-xs-10 {
|
||||
width: 83.33333%
|
||||
}
|
||||
.col-xs-11 {
|
||||
width: 91.66667%
|
||||
}
|
||||
.col-xs-12 {
|
||||
width: 100%
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
max-width: 728px
|
||||
}
|
||||
.col-sm-1,
|
||||
.col-sm-2,
|
||||
.col-sm-3,
|
||||
.col-sm-4,
|
||||
.col-sm-5,
|
||||
.col-sm-6,
|
||||
.col-sm-7,
|
||||
.col-sm-8,
|
||||
.col-sm-9,
|
||||
.col-sm-10,
|
||||
.col-sm-11 {
|
||||
float: right
|
||||
}
|
||||
.col-sm-1 {
|
||||
width: 8.33333%
|
||||
}
|
||||
.col-sm-2 {
|
||||
width: 16.66667%
|
||||
}
|
||||
.col-sm-3 {
|
||||
width: 25%
|
||||
}
|
||||
.col-sm-4 {
|
||||
width: 33.33333%
|
||||
}
|
||||
.col-sm-5 {
|
||||
width: 41.66667%
|
||||
}
|
||||
.col-sm-6 {
|
||||
width: 50%
|
||||
}
|
||||
.col-sm-7 {
|
||||
width: 58.33333%
|
||||
}
|
||||
.col-sm-8 {
|
||||
width: 66.66667%
|
||||
}
|
||||
.col-sm-9 {
|
||||
width: 75%
|
||||
}
|
||||
.col-sm- {
|
||||
width: 83.33333%
|
||||
}
|
||||
.col-sm- {
|
||||
width: 91.66667%
|
||||
}
|
||||
.col-sm-12 {
|
||||
width: 100%
|
||||
}
|
||||
.col-sm-push-1 {
|
||||
right: 8.33333%
|
||||
}
|
||||
.col-sm-push-2 {
|
||||
right: 16.66667%
|
||||
}
|
||||
.col-sm-push-3 {
|
||||
right: 25%
|
||||
}
|
||||
.col-sm-push-4 {
|
||||
right: 33.33333%
|
||||
}
|
||||
.col-sm-push-5 {
|
||||
right: 41.66667%
|
||||
}
|
||||
.col-sm-push-6 {
|
||||
right: 50%
|
||||
}
|
||||
.col-sm-push-7 {
|
||||
right: 58.33333%
|
||||
}
|
||||
.col-sm-push-8 {
|
||||
right: 66.66667%
|
||||
}
|
||||
.col-sm-push-9 {
|
||||
right: 75%
|
||||
}
|
||||
.col-sm-push-10 {
|
||||
right: 83.33333%
|
||||
}
|
||||
.col-sm-push-11 {
|
||||
right: 91.66667%
|
||||
}
|
||||
.col-sm-pull-0 {
|
||||
left: auto;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-1 {
|
||||
left: 8.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-2 {
|
||||
left: 16.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-3 {
|
||||
left: 25%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-4 {
|
||||
left: 33.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-5 {
|
||||
left: 41.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-6 {
|
||||
left: 50%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-7 {
|
||||
left: 58.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-8 {
|
||||
left: 66.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-9 {
|
||||
left: 75%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-10 {
|
||||
left: 83.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-pull-11 {
|
||||
left: 91.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-sm-offset-1 {
|
||||
margin-right: 8.33333%
|
||||
}
|
||||
.col-sm-offset-2 {
|
||||
margin-right: 16.66667%
|
||||
}
|
||||
.col-sm-offset-3 {
|
||||
margin-right: 25%
|
||||
}
|
||||
.col-sm-offset-4 {
|
||||
margin-right: 33.33333%
|
||||
}
|
||||
.col-sm-offset-5 {
|
||||
margin-right: 41.66667%
|
||||
}
|
||||
.col-sm-offset-6 {
|
||||
margin-right: 50%
|
||||
}
|
||||
.col-sm-offset-7 {
|
||||
margin-right: 58.33333%
|
||||
}
|
||||
.col-sm-offset-8 {
|
||||
margin-right: 66.66667%
|
||||
}
|
||||
.col-sm-offset-9 {
|
||||
margin-right: 75%
|
||||
}
|
||||
.col-sm-offset-10 {
|
||||
margin-right: 83.33333%
|
||||
}
|
||||
.col-sm-offset-11 {
|
||||
margin-right: 91.66667%
|
||||
}
|
||||
.col-sm-offset-1,
|
||||
.col-sm-offset-2,
|
||||
.col-sm-offset-3,
|
||||
.col-sm-offset-4,
|
||||
.col-sm-offset-5,
|
||||
.col-sm-offset-6,
|
||||
.col-sm-offset-7,
|
||||
.col-sm-offset-8,
|
||||
.col-sm-offset-9,
|
||||
.col-sm-offset-10,
|
||||
.col-sm-offset-11 {
|
||||
margin-left: 0
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
max-width: 940px
|
||||
}
|
||||
.col-md-1,
|
||||
.col-md-2,
|
||||
.col-md-3,
|
||||
.col-md-4,
|
||||
.col-md-5,
|
||||
.col-md-6,
|
||||
.col-md-7,
|
||||
.col-md-8,
|
||||
.col-md-9,
|
||||
.col-md-10,
|
||||
.col-md-11 {
|
||||
float: right
|
||||
}
|
||||
.col-md-1 {
|
||||
width: 8.33333%
|
||||
}
|
||||
.col-md-2 {
|
||||
width: 16.66667%
|
||||
}
|
||||
.col-md-3 {
|
||||
width: 25%
|
||||
}
|
||||
.col-md-4 {
|
||||
width: 33.33333%
|
||||
}
|
||||
.col-md-5 {
|
||||
width: 41.66667%
|
||||
}
|
||||
.col-md-6 {
|
||||
width: 50%
|
||||
}
|
||||
.col-md-7 {
|
||||
width: 58.33333%
|
||||
}
|
||||
.col-md-8 {
|
||||
width: 66.66667%
|
||||
}
|
||||
.col-md-9 {
|
||||
width: 75%
|
||||
}
|
||||
.col-md-10 {
|
||||
width: 83.33333%
|
||||
}
|
||||
.col-md-11 {
|
||||
width: 91.66667%
|
||||
}
|
||||
.col-md-12 {
|
||||
width: 100%
|
||||
}
|
||||
.col-md-push-1 {
|
||||
right: 8.33333%
|
||||
}
|
||||
.col-md-push-2 {
|
||||
right: 16.66667%
|
||||
}
|
||||
.col-md-push-3 {
|
||||
right: 25%
|
||||
}
|
||||
.col-md-push-4 {
|
||||
right: 33.33333%
|
||||
}
|
||||
.col-md-push-5 {
|
||||
right: 41.66667%
|
||||
}
|
||||
.col-md-push-6 {
|
||||
right: 50%
|
||||
}
|
||||
.col-md-push-7 {
|
||||
right: 58.33333%
|
||||
}
|
||||
.col-md-push-8 {
|
||||
right: 66.66667%
|
||||
}
|
||||
.col-md-push-9 {
|
||||
right: 75%
|
||||
}
|
||||
.col-md-push-10 {
|
||||
right: 83.33333%
|
||||
}
|
||||
.col-md-push-11 {
|
||||
right: 91.66667%
|
||||
}
|
||||
.col-md-pull-0 {
|
||||
left: auto;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-1 {
|
||||
left: 8.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-2 {
|
||||
left: 16.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-3 {
|
||||
left: 25%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-4 {
|
||||
left: 33.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-5 {
|
||||
left: 41.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-6 {
|
||||
left: 50%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-7 {
|
||||
left: 58.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-8 {
|
||||
left: 66.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-9 {
|
||||
left: 75%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-10 {
|
||||
left: 83.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-pull-11 {
|
||||
left: 91.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-md-offset-1 {
|
||||
margin-right: 8.33333%
|
||||
}
|
||||
.col-md-offset-2 {
|
||||
margin-right: 16.66667%
|
||||
}
|
||||
.col-md-offset-3 {
|
||||
margin-right: 25%
|
||||
}
|
||||
.col-md-offset-4 {
|
||||
margin-right: 33.33333%
|
||||
}
|
||||
.col-md-offset-5 {
|
||||
margin-right: 41.66667%
|
||||
}
|
||||
.col-md-offset-6 {
|
||||
margin-right: 50%
|
||||
}
|
||||
.col-md-offset-7 {
|
||||
margin-right: 58.33333%
|
||||
}
|
||||
.col-md-offset-8 {
|
||||
margin-right: 66.66667%
|
||||
}
|
||||
.col-md-offset-9 {
|
||||
margin-right: 75%
|
||||
}
|
||||
.col-md-offset-10 {
|
||||
margin-right: 83.33333%
|
||||
}
|
||||
.col-md-offset-11 {
|
||||
margin-right: 91.66667%
|
||||
}
|
||||
.col-md-offset-1,
|
||||
.col-md-offset-2,
|
||||
.col-md-offset-3,
|
||||
.col-md-offset-4,
|
||||
.col-md-offset-5,
|
||||
.col-md-offset-6,
|
||||
.col-md-offset-7,
|
||||
.col-md-offset-8,
|
||||
.col-md-offset-9,
|
||||
.col-md-offset-10,
|
||||
.col-md-offset-11 {
|
||||
margin-left: 0
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1170px
|
||||
}
|
||||
.col-lg-1,
|
||||
.col-lg-2,
|
||||
.col-lg-3,
|
||||
.col-lg-4,
|
||||
.col-lg-5,
|
||||
.col-lg-6,
|
||||
.col-lg-7,
|
||||
.col-lg-8,
|
||||
.col-lg-9,
|
||||
.col-lg-10,
|
||||
.col-lg-11 {
|
||||
float: right
|
||||
}
|
||||
.col-lg-1 {
|
||||
width: 8.33333%
|
||||
}
|
||||
.col-lg-2 {
|
||||
width: 16.66667%
|
||||
}
|
||||
.col-lg-3 {
|
||||
width: 25%
|
||||
}
|
||||
.col-lg-4 {
|
||||
width: 33.33333%
|
||||
}
|
||||
.col-lg-5 {
|
||||
width: 41.66667%
|
||||
}
|
||||
.col-lg-6 {
|
||||
width: 50%
|
||||
}
|
||||
.col-lg-7 {
|
||||
width: 58.33333%
|
||||
}
|
||||
.col-lg-8 {
|
||||
width: 66.66667%
|
||||
}
|
||||
.col-lg-9 {
|
||||
width: 75%
|
||||
}
|
||||
.col-lg-10 {
|
||||
width: 83.33333%
|
||||
}
|
||||
.col-lg-11 {
|
||||
width: 91.66667%
|
||||
}
|
||||
.col-lg-12 {
|
||||
width: 100%
|
||||
}
|
||||
.col-lg-push-1 {
|
||||
right: 8.33333%
|
||||
}
|
||||
.col-lg-push-2 {
|
||||
right: 16.66667%
|
||||
}
|
||||
.col-lg-push-3 {
|
||||
right: 25%
|
||||
}
|
||||
.col-lg-push-4 {
|
||||
right: 33.33333%
|
||||
}
|
||||
.col-lg-push-5 {
|
||||
right: 41.66667%
|
||||
}
|
||||
.col-lg-push-6 {
|
||||
right: 50%
|
||||
}
|
||||
.col-lg-push-7 {
|
||||
right: 58.33333%
|
||||
}
|
||||
.col-lg-push-8 {
|
||||
right: 66.66667%
|
||||
}
|
||||
.col-lg-push-9 {
|
||||
right: 75%
|
||||
}
|
||||
.col-lg-push-10 {
|
||||
right: 83.33333%
|
||||
}
|
||||
.col-lg-push-11 {
|
||||
right: 91.66667%
|
||||
}
|
||||
.col-lg-pull-0 {
|
||||
left: auto;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-1 {
|
||||
left: 8.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-2 {
|
||||
left: 16.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-3 {
|
||||
left: 25%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-4 {
|
||||
left: 33.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-5 {
|
||||
left: 41.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-6 {
|
||||
left: 50%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-7 {
|
||||
left: 58.33333%;
|
||||
right: auto;
|
||||
right: unset
|
||||
}
|
||||
.col-lg-pull-8 {
|
||||
left: 66.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-9 {
|
||||
left: 75%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-10 {
|
||||
left: 83.33333%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-pull-11 {
|
||||
left: 91.66667%;
|
||||
right: auto
|
||||
}
|
||||
.col-lg-offset-1 {
|
||||
margin-right: 8.33333%
|
||||
}
|
||||
.col-lg-offset-2 {
|
||||
margin-right: 16.66667%
|
||||
}
|
||||
.col-lg-offset-3 {
|
||||
margin-right: 25%
|
||||
}
|
||||
.col-lg-offset-4 {
|
||||
margin-right: 33.33333%
|
||||
}
|
||||
.col-lg-offset-5 {
|
||||
margin-right: 41.66667%
|
||||
}
|
||||
.col-lg-offset-6 {
|
||||
margin-right: 50%
|
||||
}
|
||||
.col-lg-offset-7 {
|
||||
margin-right: 58.33333%
|
||||
}
|
||||
.col-lg-offset-8 {
|
||||
margin-right: 66.66667%
|
||||
}
|
||||
.col-lg-offset-9 {
|
||||
margin-right: 75%
|
||||
}
|
||||
.col-lg-offset-10 {
|
||||
margin-right: 83.33333%
|
||||
}
|
||||
.col-lg-offset-11 {
|
||||
margin-right: 91.66667%
|
||||
}
|
||||
.col-lg-offset-1,
|
||||
.col-lg-offset-2,
|
||||
.col-lg-offset-3,
|
||||
.col-lg-offset-4,
|
||||
.col-lg-offset-5,
|
||||
.col-lg-offset-6,
|
||||
.col-lg-offset-7,
|
||||
.col-lg-offset-8,
|
||||
.col-lg-offset-9,
|
||||
.col-lg-offset-10,
|
||||
.col-lg-offset-11 {
|
||||
margin-left: 0
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user