Commit 37c832ae8e122b7bdf815a9b886729b734ed818b
1 parent
4fedc200
css edits
Showing
3 changed files
with
37 additions
and
1 deletions
Show diff stats
frontend/views/layouts/main.php
| @@ -63,6 +63,19 @@ | @@ -63,6 +63,19 @@ | ||
| 63 | <?= Html::csrfMetaTags() ?> | 63 | <?= Html::csrfMetaTags() ?> |
| 64 | <title><?= !empty(Html::encode($seo->title))?Html::encode($seo->title):(isset($this->params['title'])?$this->params['title']:'')?></title> | 64 | <title><?= !empty(Html::encode($seo->title))?Html::encode($seo->title):(isset($this->params['title'])?$this->params['title']:'')?></title> |
| 65 | <?php $this->head() ?> | 65 | <?php $this->head() ?> |
| 66 | + <style> | ||
| 67 | + html,body{padding:0!important;margin:0!important;} | ||
| 68 | + #heading-breadcrumbs{background: #986dbd;color:#fff;} | ||
| 69 | + #heading-breadcrumbs h1{color:#fff;} | ||
| 70 | + #heading-breadcrumbs ul li a span{color: #c1a7d7;} | ||
| 71 | + #heading-breadcrumbs .breadcrumb>.active{color: #d6c5e5;} | ||
| 72 | + #heading-breadcrumbs .breadcrumb>li+li:before{color: #d6c5e5;} | ||
| 73 | + #back-to-top {background: #8f67b1;} | ||
| 74 | + #back-to-top:hover {background: #653d87;} | ||
| 75 | + .owl-item .item {position: relative;height: 0;padding-bottom: 59%;max-height: 500px;overflow: hidden;} | ||
| 76 | + .owl-item .item .itemimage {position: absolute;width: 100%;height: 100%;background-position: center center;background-size: cover;} | ||
| 77 | + .owl-carousel .owl-wrapper-outer{background-color: #e8e7e9;} | ||
| 78 | + </style> | ||
| 66 | </head> | 79 | </head> |
| 67 | <body> | 80 | <body> |
| 68 | <?php $this->beginBody() ?> | 81 | <?php $this->beginBody() ?> |
frontend/views/page/view.php
| @@ -42,7 +42,7 @@ | @@ -42,7 +42,7 @@ | ||
| 42 | 42 | ||
| 43 | <?php foreach ($images as $image) { ?> | 43 | <?php foreach ($images as $image) { ?> |
| 44 | <div class="item"> | 44 | <div class="item"> |
| 45 | - <img class="img-responsive" src="<?= $image->getUrl() ?>" alt=""> | 45 | + <div class="itemimage" style="background-image:url(<?= $image->getUrl() ?>)"></div> |
| 46 | </div> | 46 | </div> |
| 47 | <?php } ?> | 47 | <?php } ?> |
| 48 | 48 |
frontend/web/css/custom.css
| 1 | /* your styles go here */ | 1 | /* your styles go here */ |
| 2 | /* CSS used here will be applied after bootstrap.css */ | 2 | /* CSS used here will be applied after bootstrap.css */ |
| 3 | +html,body{padding:0!important;margin:0!important;} | ||
| 3 | .modal-header-success { | 4 | .modal-header-success { |
| 4 | color: #fff; | 5 | color: #fff; |
| 5 | padding: 9px 15px; | 6 | padding: 9px 15px; |
| @@ -202,4 +203,26 @@ span.panel-title{ | @@ -202,4 +203,26 @@ span.panel-title{ | ||
| 202 | } | 203 | } |
| 203 | @media(max-width:1199px){ | 204 | @media(max-width:1199px){ |
| 204 | #error-page br{display:none;} | 205 | #error-page br{display:none;} |
| 206 | +} | ||
| 207 | +#heading-breadcrumbs{background: #986dbd;color:#fff;} | ||
| 208 | +#heading-breadcrumbs h1{color:#fff;} | ||
| 209 | +#heading-breadcrumbs ul li a span{color: #c1a7d7;} | ||
| 210 | +#heading-breadcrumbs .breadcrumb>.active{color: #d6c5e5;} | ||
| 211 | +#heading-breadcrumbs .breadcrumb>li+li:before{color: #d6c5e5;} | ||
| 212 | +#back-to-top {background: #8f67b1;} | ||
| 213 | +#back-to-top:hover {background: #653d87;} | ||
| 214 | +.owl-carousel .owl-wrapper-outer{background-color: #e8e7e9;} | ||
| 215 | +.owl-item .item { | ||
| 216 | + position: relative; | ||
| 217 | + height: 0; | ||
| 218 | + padding-bottom: 59%; | ||
| 219 | + max-height: 500px; | ||
| 220 | + overflow: hidden; | ||
| 221 | +} | ||
| 222 | +.owl-item .item .itemimage { | ||
| 223 | + position: absolute; | ||
| 224 | + width: 100%; | ||
| 225 | + height: 100%; | ||
| 226 | + background-position: center center; | ||
| 227 | + background-size: cover; | ||
| 205 | } | 228 | } |
| 206 | \ No newline at end of file | 229 | \ No newline at end of file |