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 | 63 | <?= Html::csrfMetaTags() ?> |
| 64 | 64 | <title><?= !empty(Html::encode($seo->title))?Html::encode($seo->title):(isset($this->params['title'])?$this->params['title']:'')?></title> |
| 65 | 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 | 79 | </head> |
| 67 | 80 | <body> |
| 68 | 81 | <?php $this->beginBody() ?> | ... | ... |
frontend/views/page/view.php
| ... | ... | @@ -42,7 +42,7 @@ |
| 42 | 42 | |
| 43 | 43 | <?php foreach ($images as $image) { ?> |
| 44 | 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 | 46 | </div> |
| 47 | 47 | <?php } ?> |
| 48 | 48 | ... | ... |
frontend/web/css/custom.css
| 1 | 1 | /* your styles go here */ |
| 2 | 2 | /* CSS used here will be applied after bootstrap.css */ |
| 3 | +html,body{padding:0!important;margin:0!important;} | |
| 3 | 4 | .modal-header-success { |
| 4 | 5 | color: #fff; |
| 5 | 6 | padding: 9px 15px; |
| ... | ... | @@ -202,4 +203,26 @@ span.panel-title{ |
| 202 | 203 | } |
| 203 | 204 | @media(max-width:1199px){ |
| 204 | 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 | 229 | \ No newline at end of file | ... | ... |