Commit fa4667999a9eff7432d06341383debbec0e7ea03
1 parent
650a4b13
123
Showing
3 changed files
with
110 additions
and
299 deletions
Show diff stats
frontend/views/new-collections/index.php
| @@ -33,7 +33,9 @@ $this->params[ 'breadcrumbs' ][] = $this->title; | @@ -33,7 +33,9 @@ $this->params[ 'breadcrumbs' ][] = $this->title; | ||
| 33 | <?php } ?> | 33 | <?php } ?> |
| 34 | </div> | 34 | </div> |
| 35 | <div class="textile_bottom tb2"> | 35 | <div class="textile_bottom tb2"> |
| 36 | - <div class="title1 left">Стильные элитные обои для вашего дома.</div> | ||
| 37 | - <div class="post_1_main">Продумывая дизайн своей квартиры, мы непременно тщательно выбираем «одежду» для стен — красивые модные обои.</div> | ||
| 38 | - <div class="more"><a href="#">Узнать больше</a></div> | 36 | + <div class="content"> |
| 37 | + <div class="title1 left">Стильные элитные обои для вашего дома.</div> | ||
| 38 | + <div class="post_1_main">Продумывая дизайн своей квартиры, мы непременно тщательно выбираем «одежду» для стен — красивые модные обои.</div> | ||
| 39 | + <div class="more"><a href="#">Узнать больше</a></div> | ||
| 40 | + </div> | ||
| 39 | </div> | 41 | </div> |
| 40 | \ No newline at end of file | 42 | \ No newline at end of file |
frontend/views/site/index.php
| @@ -74,12 +74,12 @@ $this->title = "Главная"; | @@ -74,12 +74,12 @@ $this->title = "Главная"; | ||
| 74 | echo ArtboxImageHelper::getImage($event_article->getImageUrl(), 'main_event_one'); | 74 | echo ArtboxImageHelper::getImage($event_article->getImageUrl(), 'main_event_one'); |
| 75 | ?></div> | 75 | ?></div> |
| 76 | <div class="text"><br/><?php echo $event_article->body_preview; ?></div> | 76 | <div class="text"><br/><?php echo $event_article->body_preview; ?></div> |
| 77 | + <div class="more"><a href="<?php echo Url::to([ | ||
| 78 | + 'article/view', | ||
| 79 | + 'id' => $event_article->id, | ||
| 80 | + ]); ?>">Узнать больше</a></div> | ||
| 81 | + </div> | ||
| 77 | </div> | 82 | </div> |
| 78 | - <div class="more"><a href="<?php echo Url::to([ | ||
| 79 | - 'article/view', | ||
| 80 | - 'id' => $event_article->id, | ||
| 81 | - ]); ?>">Узнать больше</a></div> | ||
| 82 | - </div> | ||
| 83 | </div> | 83 | </div> |
| 84 | <div style="clear:both;"></div> | 84 | <div style="clear:both;"></div> |
| 85 | </section> | 85 | </section> |
frontend/web/css/style.css
| @@ -8,6 +8,10 @@ body{ | @@ -8,6 +8,10 @@ body{ | ||
| 8 | min-height: 100vh; | 8 | min-height: 100vh; |
| 9 | margin: 0; | 9 | margin: 0; |
| 10 | } | 10 | } |
| 11 | +.nav > li > a:hover, .nav > li > a:focus{ | ||
| 12 | + background-color: inherit; | ||
| 13 | + outline: none; | ||
| 14 | +} | ||
| 11 | .cont{ | 15 | .cont{ |
| 12 | flex:1; | 16 | flex:1; |
| 13 | } | 17 | } |
| @@ -31,15 +35,16 @@ a{ | @@ -31,15 +35,16 @@ a{ | ||
| 31 | color: #000000; | 35 | color: #000000; |
| 32 | font-size: 10.4px; | 36 | font-size: 10.4px; |
| 33 | text-transform: uppercase; | 37 | text-transform: uppercase; |
| 34 | - font-weight: 600; | ||
| 35 | padding: 5px; | 38 | padding: 5px; |
| 36 | background-image: url('../images/line1.png'); | 39 | background-image: url('../images/line1.png'); |
| 37 | background-position: center 20px; | 40 | background-position: center 20px; |
| 38 | background-repeat: no-repeat; | 41 | background-repeat: no-repeat; |
| 42 | + padding-top: 5.5px; | ||
| 43 | + padding-bottom: 4.5px; | ||
| 39 | } | 44 | } |
| 40 | .nav1 li a:hover, .nav1 li .active{ | 45 | .nav1 li a:hover, .nav1 li .active{ |
| 41 | background-color: inherit!important; | 46 | background-color: inherit!important; |
| 42 | - background-position: center 3px; | 47 | + background-position: center 5px; |
| 43 | } | 48 | } |
| 44 | .nav1 li .active{cursor:default;} | 49 | .nav1 li .active{cursor:default;} |
| 45 | .nav1 .navbar-nav li{ | 50 | .nav1 .navbar-nav li{ |
| @@ -129,8 +134,11 @@ footer{ | @@ -129,8 +134,11 @@ footer{ | ||
| 129 | background-color:black; | 134 | background-color:black; |
| 130 | color:white; | 135 | color:white; |
| 131 | text-align: center; | 136 | text-align: center; |
| 132 | - min-height: 280px; | ||
| 133 | - padding-top: 58px; | 137 | + min-height: 260px; |
| 138 | + padding-top: 50px; | ||
| 139 | +} | ||
| 140 | +footer .container{ | ||
| 141 | + max-width: 1070px; | ||
| 134 | } | 142 | } |
| 135 | footer a{ | 143 | footer a{ |
| 136 | color: #fff; | 144 | color: #fff; |
| @@ -201,6 +209,45 @@ footer .socbuts ul li{ | @@ -201,6 +209,45 @@ footer .socbuts ul li{ | ||
| 201 | footer .socbuts a:hover{ | 209 | footer .socbuts a:hover{ |
| 202 | opacity:0.6; | 210 | opacity:0.6; |
| 203 | } | 211 | } |
| 212 | +.pagination{ | ||
| 213 | + display: flex; | ||
| 214 | + justify-content: center; | ||
| 215 | + margin: 56px 0px; | ||
| 216 | +} | ||
| 217 | +.pagination, .pagination a, .pagination span{ | ||
| 218 | + font-family: Arial, sans-serif!important; | ||
| 219 | + font-weight: bold; | ||
| 220 | + color:#9b9999!important; | ||
| 221 | + font-size: 12px; | ||
| 222 | + background-position: center; | ||
| 223 | + background-repeat: no-repeat; | ||
| 224 | +} | ||
| 225 | +.pagination li a, .pagination li span{ | ||
| 226 | + padding: 1px 8.5px; | ||
| 227 | +} | ||
| 228 | + | ||
| 229 | +.pagination .active a{ | ||
| 230 | + background-color: initial!important; | ||
| 231 | + border-color: #d2d2d2!important; | ||
| 232 | + color:#000!important; | ||
| 233 | +} | ||
| 234 | +.pagination .left_pg span, .pagination .right_pg span, .pagination .left_pg a, .pagination .right_pg a{ | ||
| 235 | + background-color: #d2d2d2; | ||
| 236 | + padding: 1px 9.5px; | ||
| 237 | +} | ||
| 238 | +.pagination .left_pg a, .pagination .left_pg span{ | ||
| 239 | + background-image: url(../images/left_ar.png); | ||
| 240 | + font-size:0px; | ||
| 241 | + width: 28px; | ||
| 242 | + height: 21px; | ||
| 243 | +} | ||
| 244 | +.pagination .right_pg a, .pagination .right_pg span{ | ||
| 245 | + background-image: url(../images/right_ar.png); | ||
| 246 | + font-size:0px; | ||
| 247 | + width: 28px; | ||
| 248 | + height: 21px; | ||
| 249 | +} | ||
| 250 | + | ||
| 204 | .main-box1{ | 251 | .main-box1{ |
| 205 | position: relative; | 252 | position: relative; |
| 206 | max-width: 1044px; | 253 | max-width: 1044px; |
| @@ -215,7 +262,7 @@ footer .socbuts a:hover{ | @@ -215,7 +262,7 @@ footer .socbuts a:hover{ | ||
| 215 | margin-left: 25px; | 262 | margin-left: 25px; |
| 216 | position: absolute; | 263 | position: absolute; |
| 217 | height: 1px; | 264 | height: 1px; |
| 218 | - background-color: #9f9e9e; | 265 | + background-color: #cecece; |
| 219 | bottom: 0px; | 266 | bottom: 0px; |
| 220 | left: 0; | 267 | left: 0; |
| 221 | } | 268 | } |
| @@ -264,7 +311,7 @@ footer .socbuts a:hover{ | @@ -264,7 +311,7 @@ footer .socbuts a:hover{ | ||
| 264 | background-position: bottom center; | 311 | background-position: bottom center; |
| 265 | } | 312 | } |
| 266 | .main-box3{ | 313 | .main-box3{ |
| 267 | - max-width: 1072px; | 314 | + max-width: 1000px; |
| 268 | margin: 0 auto; | 315 | margin: 0 auto; |
| 269 | letter-spacing: 0.4px; | 316 | letter-spacing: 0.4px; |
| 270 | padding: 10px 0; | 317 | padding: 10px 0; |
| @@ -291,9 +338,11 @@ footer .socbuts a:hover{ | @@ -291,9 +338,11 @@ footer .socbuts a:hover{ | ||
| 291 | padding: 4px 0px 3px 0px; | 338 | padding: 4px 0px 3px 0px; |
| 292 | } | 339 | } |
| 293 | .main-box4{ | 340 | .main-box4{ |
| 294 | - min-height:620px; | 341 | + min-height: 620px; |
| 295 | text-align: center; | 342 | text-align: center; |
| 296 | padding-top: 32px; | 343 | padding-top: 32px; |
| 344 | + max-width: 1100px; | ||
| 345 | + margin: 0 auto; | ||
| 297 | } | 346 | } |
| 298 | .main-box4 a:hover{color:black;} | 347 | .main-box4 a:hover{color:black;} |
| 299 | .main-box4 .picture{ | 348 | .main-box4 .picture{ |
| @@ -338,7 +387,7 @@ footer .socbuts a:hover{ | @@ -338,7 +387,7 @@ footer .socbuts a:hover{ | ||
| 338 | line-height: 24px; | 387 | line-height: 24px; |
| 339 | padding-top: 48px; | 388 | padding-top: 48px; |
| 340 | margin-bottom: 75px; | 389 | margin-bottom: 75px; |
| 341 | - max-width: 1004px; | 390 | + max-width: 990px; |
| 342 | margin-left: auto; | 391 | margin-left: auto; |
| 343 | margin-right: auto; | 392 | margin-right: auto; |
| 344 | } | 393 | } |
| @@ -426,6 +475,7 @@ footer .socbuts a:hover{ | @@ -426,6 +475,7 @@ footer .socbuts a:hover{ | ||
| 426 | display: flex; | 475 | display: flex; |
| 427 | align-items: center; | 476 | align-items: center; |
| 428 | flex-wrap: wrap; | 477 | flex-wrap: wrap; |
| 478 | + position: relative; | ||
| 429 | align-content: center; | 479 | align-content: center; |
| 430 | } | 480 | } |
| 431 | .post_cont .text{ | 481 | .post_cont .text{ |
| @@ -436,6 +486,11 @@ footer .socbuts a:hover{ | @@ -436,6 +486,11 @@ footer .socbuts a:hover{ | ||
| 436 | font-family: 'Lato-Medium'; | 486 | font-family: 'Lato-Medium'; |
| 437 | font-size: 14px; | 487 | font-size: 14px; |
| 438 | } | 488 | } |
| 489 | +.post_cont .more{ | ||
| 490 | + position: absolute; | ||
| 491 | + right: 0; | ||
| 492 | + bottom: 0; | ||
| 493 | +} | ||
| 439 | .post .title{ | 494 | .post .title{ |
| 440 | display: flex; | 495 | display: flex; |
| 441 | flex-wrap: wrap; | 496 | flex-wrap: wrap; |
| @@ -629,10 +684,9 @@ footer .socbuts a:hover{ | @@ -629,10 +684,9 @@ footer .socbuts a:hover{ | ||
| 629 | margin-bottom: 12px; | 684 | margin-bottom: 12px; |
| 630 | } | 685 | } |
| 631 | .textile_bottom{ | 686 | .textile_bottom{ |
| 632 | - margin-bottom: 134px; | ||
| 633 | - margin-top: 98px; | ||
| 634 | float: left; | 687 | float: left; |
| 635 | width: 100%; | 688 | width: 100%; |
| 689 | + margin: 80px 0; | ||
| 636 | } | 690 | } |
| 637 | .textile_bottom.tb1{ | 691 | .textile_bottom.tb1{ |
| 638 | margin-top: 73px; | 692 | margin-top: 73px; |
| @@ -645,7 +699,7 @@ footer .socbuts a:hover{ | @@ -645,7 +699,7 @@ footer .socbuts a:hover{ | ||
| 645 | letter-spacing: 0.4px; | 699 | letter-spacing: 0.4px; |
| 646 | } | 700 | } |
| 647 | .post_1 .titles{ | 701 | .post_1 .titles{ |
| 648 | - padding-left: 50px; | 702 | + padding-left: 100px; |
| 649 | } | 703 | } |
| 650 | .textitle_bottom{ | 704 | .textitle_bottom{ |
| 651 | margin-bottom: 134px; | 705 | margin-bottom: 134px; |
| @@ -673,7 +727,7 @@ footer .socbuts a:hover{ | @@ -673,7 +727,7 @@ footer .socbuts a:hover{ | ||
| 673 | } | 727 | } |
| 674 | .spoiler{display: none;width:100%!important;} | 728 | .spoiler{display: none;width:100%!important;} |
| 675 | .text_left{ | 729 | .text_left{ |
| 676 | - padding-left: 50px; | 730 | + padding-left: 100px; |
| 677 | padding-right: 40px; | 731 | padding-right: 40px; |
| 678 | } | 732 | } |
| 679 | .text_left.text2{ | 733 | .text_left.text2{ |
| @@ -740,12 +794,16 @@ footer .socbuts a:hover{ | @@ -740,12 +794,16 @@ footer .socbuts a:hover{ | ||
| 740 | background-position: 93% center; | 794 | background-position: 93% center; |
| 741 | } | 795 | } |
| 742 | .post_1.contract img{max-height:222px;} | 796 | .post_1.contract img{max-height:222px;} |
| 743 | -.blocks{text-align: center;letter-spacing: normal;text-transform: uppercase;margin-top: 36px;margin-left: 9px;} | ||
| 744 | -.blocks a .title{ | 797 | +.blocks{text-align: center;letter-spacing: normal;text-transform: uppercase;margin-top: 36px;margin-left: 9px;padding: 0 13px;} |
| 798 | +.post_1.contract .blocks{padding:0;} | ||
| 799 | +.blocks .title{ | ||
| 800 | + | ||
| 801 | + padding: 17px 0px 9px 0px; | ||
| 802 | +} | ||
| 803 | +.blocks .title a{ | ||
| 745 | font-size: 14px; | 804 | font-size: 14px; |
| 746 | font-family: 'Lato-Medium'; | 805 | font-family: 'Lato-Medium'; |
| 747 | font-weight: bold; | 806 | font-weight: bold; |
| 748 | - padding: 17px 0px 9px 0px; | ||
| 749 | } | 807 | } |
| 750 | .blocks a:hover{color:black!important;} | 808 | .blocks a:hover{color:black!important;} |
| 751 | .b1{padding-bottom: 44px;} | 809 | .b1{padding-bottom: 44px;} |
| @@ -786,7 +844,7 @@ footer .socbuts a:hover{ | @@ -786,7 +844,7 @@ footer .socbuts a:hover{ | ||
| 786 | background-position: center center; | 844 | background-position: center center; |
| 787 | background-size: cover; | 845 | background-size: cover; |
| 788 | max-height: 222px; | 846 | max-height: 222px; |
| 789 | - max-width: 960px; | 847 | + max-width: 1020px; |
| 790 | margin: 0 auto; | 848 | margin: 0 auto; |
| 791 | } | 849 | } |
| 792 | .tile_1{ | 850 | .tile_1{ |
| @@ -1075,7 +1133,8 @@ footer .socbuts a:hover{ | @@ -1075,7 +1133,8 @@ footer .socbuts a:hover{ | ||
| 1075 | .note{ | 1133 | .note{ |
| 1076 | display: flex; | 1134 | display: flex; |
| 1077 | flex-wrap: wrap; | 1135 | flex-wrap: wrap; |
| 1078 | - margin: 17px 0px 38px 0px; | 1136 | + margin: 17px auto 38px auto; |
| 1137 | + max-width: 1030px; | ||
| 1079 | } | 1138 | } |
| 1080 | .note .picture{ | 1139 | .note .picture{ |
| 1081 | width: 100%; | 1140 | width: 100%; |
| @@ -1109,47 +1168,9 @@ footer .socbuts a:hover{ | @@ -1109,47 +1168,9 @@ footer .socbuts a:hover{ | ||
| 1109 | line-height: 18px; | 1168 | line-height: 18px; |
| 1110 | margin-bottom: 28px; | 1169 | margin-bottom: 28px; |
| 1111 | } | 1170 | } |
| 1112 | -.pagination{ | ||
| 1113 | - text-align: center; | ||
| 1114 | - list-style: none; | ||
| 1115 | - display: flex; | ||
| 1116 | - justify-content: center; | ||
| 1117 | - margin: 56px 0px; | ||
| 1118 | -} | ||
| 1119 | a.active{ | 1171 | a.active{ |
| 1120 | cursor: default; | 1172 | cursor: default; |
| 1121 | } | 1173 | } |
| 1122 | -.pagination li a{ | ||
| 1123 | - width: 21px; | ||
| 1124 | - height: 21px; | ||
| 1125 | - display: flex; | ||
| 1126 | - text-align: center; | ||
| 1127 | - font-family: 'Arial Bold', Arial, sans-serif; | ||
| 1128 | - font-weight: bold; | ||
| 1129 | - line-height: 2px; | ||
| 1130 | - justify-content: center; | ||
| 1131 | - align-items: center; | ||
| 1132 | - border: 1px solid #d2d2d2; | ||
| 1133 | - margin-right: -1px; | ||
| 1134 | - color: #9b9999; | ||
| 1135 | - font-size: 12px; | ||
| 1136 | -} | ||
| 1137 | -.pagination .left_pg{ | ||
| 1138 | - background-image: url('../images/left_ar.png'); | ||
| 1139 | -} | ||
| 1140 | -.pagination .right_pg{ | ||
| 1141 | - background-image: url('../images/right_ar.png'); | ||
| 1142 | -} | ||
| 1143 | -.pagination .left_pg, .pagination .right_pg{ | ||
| 1144 | - background-color: #d2d2d2; | ||
| 1145 | - padding: 0px 14px; | ||
| 1146 | - background-repeat: no-repeat; | ||
| 1147 | - background-position: center center; | ||
| 1148 | -} | ||
| 1149 | -.pagination .left_pg, .pagination .right_pg:hover{ | ||
| 1150 | - border:1px solid rgba(0,0,0,0); | ||
| 1151 | -} | ||
| 1152 | -.pagination li a.active, .pagination li a.active:hover{color:black;} | ||
| 1153 | .more_colls{ | 1174 | .more_colls{ |
| 1154 | background-color: #decfc8; | 1175 | background-color: #decfc8; |
| 1155 | text-transform: uppercase; | 1176 | text-transform: uppercase; |
| @@ -1248,7 +1269,7 @@ a.active{ | @@ -1248,7 +1269,7 @@ a.active{ | ||
| 1248 | color: #777777; | 1269 | color: #777777; |
| 1249 | letter-spacing: 0.4px; | 1270 | letter-spacing: 0.4px; |
| 1250 | } | 1271 | } |
| 1251 | -.about_brand{margin:0 45px;margin-bottom: 60px;} | 1272 | +.about_brand{margin:0 20px;margin-bottom: 60px;} |
| 1252 | 1273 | ||
| 1253 | .blog1{ | 1274 | .blog1{ |
| 1254 | max-width: 595px; | 1275 | max-width: 595px; |
| @@ -1306,6 +1327,8 @@ a.active{ | @@ -1306,6 +1327,8 @@ a.active{ | ||
| 1306 | font-family: 'Lato-Light'; | 1327 | font-family: 'Lato-Light'; |
| 1307 | font-weight: 600; | 1328 | font-weight: 600; |
| 1308 | letter-spacing: 0.7px; | 1329 | letter-spacing: 0.7px; |
| 1330 | + max-width: 1010px; | ||
| 1331 | + margin: 0 auto; | ||
| 1309 | } | 1332 | } |
| 1310 | .down_line{ | 1333 | .down_line{ |
| 1311 | background-image:url('../images/line9.png'); | 1334 | background-image:url('../images/line9.png'); |
| @@ -1353,6 +1376,7 @@ a.active{ | @@ -1353,6 +1376,7 @@ a.active{ | ||
| 1353 | letter-spacing: 0.5px; | 1376 | letter-spacing: 0.5px; |
| 1354 | font-family: 'Lato-Light'; | 1377 | font-family: 'Lato-Light'; |
| 1355 | font-weight: 600; | 1378 | font-weight: 600; |
| 1379 | + padding-left: 35px; | ||
| 1356 | } | 1380 | } |
| 1357 | .list1 li{ | 1381 | .list1 li{ |
| 1358 | margin-bottom: 20px; | 1382 | margin-bottom: 20px; |
| @@ -1368,10 +1392,14 @@ a.active{ | @@ -1368,10 +1392,14 @@ a.active{ | ||
| 1368 | font-family: 'Lato-Light'; | 1392 | font-family: 'Lato-Light'; |
| 1369 | font-weight: 600; | 1393 | font-weight: 600; |
| 1370 | letter-spacing: 0.5px; | 1394 | letter-spacing: 0.5px; |
| 1371 | - max-width: 900px; | 1395 | + max-width: 1000px; |
| 1372 | margin: 33px auto; | 1396 | margin: 33px auto; |
| 1373 | line-height: 19px; | 1397 | line-height: 19px; |
| 1374 | } | 1398 | } |
| 1399 | +.list-view{ | ||
| 1400 | + max-width: 1056px; | ||
| 1401 | + margin: 0 auto; | ||
| 1402 | +} | ||
| 1375 | .list2 li{ | 1403 | .list2 li{ |
| 1376 | margin-bottom: 20px; | 1404 | margin-bottom: 20px; |
| 1377 | } | 1405 | } |
| @@ -1535,7 +1563,7 @@ p.right{text-align: right;} | @@ -1535,7 +1563,7 @@ p.right{text-align: right;} | ||
| 1535 | } | 1563 | } |
| 1536 | .collection .head img{ | 1564 | .collection .head img{ |
| 1537 | max-width:960px; | 1565 | max-width:960px; |
| 1538 | - width:100%; | 1566 | + /*width:100%;*/ |
| 1539 | } | 1567 | } |
| 1540 | .cols{max-width: 960px;margin: 40px auto 25px;} | 1568 | .cols{max-width: 960px;margin: 40px auto 25px;} |
| 1541 | .cols a{ | 1569 | .cols a{ |
| @@ -1584,8 +1612,7 @@ p.right{text-align: right;} | @@ -1584,8 +1612,7 @@ p.right{text-align: right;} | ||
| 1584 | .dropd_menu{ | 1612 | .dropd_menu{ |
| 1585 | position: absolute; | 1613 | position: absolute; |
| 1586 | width: 100%!important; | 1614 | width: 100%!important; |
| 1587 | - font-family: 'Lato-Light'; | ||
| 1588 | - font-weight: 600; | 1615 | + font-family: 'Lato-Medium'; |
| 1589 | font-size: 16px; | 1616 | font-size: 16px; |
| 1590 | background-color: #e9e6e6; | 1617 | background-color: #e9e6e6; |
| 1591 | top: 62px; | 1618 | top: 62px; |
| @@ -1626,58 +1653,7 @@ p.right{text-align: right;} | @@ -1626,58 +1653,7 @@ p.right{text-align: right;} | ||
| 1626 | margin: 0px; | 1653 | margin: 0px; |
| 1627 | } | 1654 | } |
| 1628 | .dropd_menu div:first-child .title:after{display: none;} | 1655 | .dropd_menu div:first-child .title:after{display: none;} |
| 1629 | -.pagination li a { | ||
| 1630 | - width: 21px!important; | ||
| 1631 | - height: 21px!important; | ||
| 1632 | - display: flex!important; | ||
| 1633 | - text-align: center!important; | ||
| 1634 | - font-family: 'Arial Bold', Arial, sans-serif!important; | ||
| 1635 | - font-weight: bold!important; | ||
| 1636 | - line-height: 2px!important; | ||
| 1637 | - justify-content: center!important; | ||
| 1638 | - align-items: center!important; | ||
| 1639 | - border: 1px solid #d2d2d2!important; | ||
| 1640 | - margin-right: -1px!important; | ||
| 1641 | - color: #9b9999!important; | ||
| 1642 | - font-size: 12px!important; | ||
| 1643 | - background-position: center; | ||
| 1644 | - background-repeat: no-repeat; | ||
| 1645 | -} | ||
| 1646 | 1656 | ||
| 1647 | -.pagination span{ | ||
| 1648 | - width: 28px; | ||
| 1649 | - height: 21px!important; | ||
| 1650 | - display: flex!important; | ||
| 1651 | - text-align: center!important; | ||
| 1652 | - font-family: 'Arial Bold', Arial, sans-serif!important; | ||
| 1653 | - font-weight: bold!important; | ||
| 1654 | - line-height: 2px!important; | ||
| 1655 | - justify-content: center!important; | ||
| 1656 | - align-items: center!important; | ||
| 1657 | - border: 1px solid #d2d2d2!important; | ||
| 1658 | - margin-right: -1px!important; | ||
| 1659 | - color: #9b9999!important; | ||
| 1660 | - font-size: 12px!important; | ||
| 1661 | - background-color: #d2d2d2; | ||
| 1662 | - text-indent: -999px; | ||
| 1663 | - background-position: center; | ||
| 1664 | - background-repeat: no-repeat; | ||
| 1665 | -} | ||
| 1666 | -.pagination .prev a, .pagination .prev span{ | ||
| 1667 | - background-image: url(../images/left_ar.png); | ||
| 1668 | - width: 30px!important; | ||
| 1669 | - text-indent: 100px; | ||
| 1670 | - overflow: hidden; | ||
| 1671 | - background-color: #d2d2d2; | ||
| 1672 | -} | ||
| 1673 | -.pagination .next a, .pagination .next span{ | ||
| 1674 | - background-image: url('../images/right_ar.png'); | ||
| 1675 | - width: 30px!important; | ||
| 1676 | - text-indent: 100px; | ||
| 1677 | - overflow: hidden; | ||
| 1678 | - background-color: #d2d2d2; | ||
| 1679 | -} | ||
| 1680 | -.pagination .active a{color:#000!important;background-color:white!important;} | ||
| 1681 | 1657 | ||
| 1682 | .action{max-width:260px;margin-bottom: 10px;} | 1658 | .action{max-width:260px;margin-bottom: 10px;} |
| 1683 | .action img{width:100%; max-width:227px;} | 1659 | .action img{width:100%; max-width:227px;} |
| @@ -1722,25 +1698,7 @@ p.right{text-align: right;} | @@ -1722,25 +1698,7 @@ p.right{text-align: right;} | ||
| 1722 | font-weight: 600; | 1698 | font-weight: 600; |
| 1723 | } | 1699 | } |
| 1724 | .act_d{margin-top:66px;} | 1700 | .act_d{margin-top:66px;} |
| 1725 | -.act_d p{ | ||
| 1726 | - color: #878686; | ||
| 1727 | - font-family: 'Lato-Light'; | ||
| 1728 | - font-weight: 600; | ||
| 1729 | - font-size: 15px; | ||
| 1730 | - letter-spacing: 0.4px; | ||
| 1731 | - height: 24px; | ||
| 1732 | - overflow: hidden; | ||
| 1733 | - transition:0.2s; | ||
| 1734 | -} | ||
| 1735 | -.act_d p.opened{ | ||
| 1736 | - height: initial; | ||
| 1737 | -} | ||
| 1738 | - | ||
| 1739 | -.left_pg, .right_pg{ | ||
| 1740 | - max-height: 21px; | ||
| 1741 | - width: 28px; | ||
| 1742 | - overflow: hidden; | ||
| 1743 | -} | 1701 | +.act_d p{color:#878686;font-family: 'Lato-Light';font-weight: 600;font-size:15px;letter-spacing: 0.4px;} |
| 1744 | 1702 | ||
| 1745 | /**/ | 1703 | /**/ |
| 1746 | .dropd_menu:before { | 1704 | .dropd_menu:before { |
| @@ -1768,17 +1726,22 @@ p.right{text-align: right;} | @@ -1768,17 +1726,22 @@ p.right{text-align: right;} | ||
| 1768 | padding-left: 38px; | 1726 | padding-left: 38px; |
| 1769 | } | 1727 | } |
| 1770 | 1728 | ||
| 1729 | +.textile_bottom .content{ | ||
| 1730 | + margin: 0 auto; | ||
| 1731 | + max-width: 1008px; | ||
| 1732 | +} | ||
| 1733 | + | ||
| 1771 | /**/ | 1734 | /**/ |
| 1772 | @media (min-width: 1200px){ | 1735 | @media (min-width: 1200px){ |
| 1773 | .nav_up{ | 1736 | .nav_up{ |
| 1774 | - padding: 20px 25px; | 1737 | + padding: 20px 50px; |
| 1775 | } | 1738 | } |
| 1776 | } | 1739 | } |
| 1777 | @media (min-width: 992px) and (max-width: 1199px) { | 1740 | @media (min-width: 992px) and (max-width: 1199px) { |
| 1778 | footer .fleft p{ | 1741 | footer .fleft p{ |
| 1779 | background-size: contain; | 1742 | background-size: contain; |
| 1780 | } | 1743 | } |
| 1781 | - .post_cont .text{width: 245px;} | 1744 | + .post_cont .text {width: 240px;} |
| 1782 | .main-box1 img{width:100%;} | 1745 | .main-box1 img{width:100%;} |
| 1783 | .carousel{margin: 0px 14.5px;} | 1746 | .carousel{margin: 0px 14.5px;} |
| 1784 | .post_1_start .text { | 1747 | .post_1_start .text { |
| @@ -1796,7 +1759,11 @@ p.right{text-align: right;} | @@ -1796,7 +1759,11 @@ p.right{text-align: right;} | ||
| 1796 | padding-top: 0px; | 1759 | padding-top: 0px; |
| 1797 | max-width: 844px; | 1760 | max-width: 844px; |
| 1798 | } | 1761 | } |
| 1799 | - | 1762 | + .main-box2 .post { |
| 1763 | + margin-top: 14px; | ||
| 1764 | + max-width: 550px; | ||
| 1765 | + margin-left: 30px; | ||
| 1766 | + } | ||
| 1800 | } | 1767 | } |
| 1801 | @media (max-width: 991px) { | 1768 | @media (max-width: 991px) { |
| 1802 | .carousel{margin: 0px auto;} | 1769 | .carousel{margin: 0px auto;} |
| @@ -1846,162 +1813,4 @@ p.right{text-align: right;} | @@ -1846,162 +1813,4 @@ p.right{text-align: right;} | ||
| 1846 | @media (max-width: 379px) { | 1813 | @media (max-width: 379px) { |
| 1847 | .main-box1 img{width:100%;} | 1814 | .main-box1 img{width:100%;} |
| 1848 | .blog_link img{width: 100%;} | 1815 | .blog_link img{width: 100%;} |
| 1849 | -} | ||
| 1850 | - | ||
| 1851 | - | ||
| 1852 | -/* OTZIVI */ | ||
| 1853 | -.form-comm-wr .input_bl, .form-comm-wr .help-block{ | ||
| 1854 | - margin: 0; | ||
| 1855 | - padding: 0; | ||
| 1856 | -} | ||
| 1857 | -.artbox_item_info .user_data, .artbox_item_info .user_name{ | ||
| 1858 | - color: #7e7e82; | ||
| 1859 | - font-size:14px; | ||
| 1860 | - display: inline-block; | ||
| 1861 | -} | ||
| 1862 | -.artbox_item_info .user_name:before{ | ||
| 1863 | - content:'/ '; | ||
| 1864 | -} | ||
| 1865 | -.artbox_item_info .user_txt{ | ||
| 1866 | - color: #343333; | ||
| 1867 | - font-size: 15px; | ||
| 1868 | - font-family: 'Lato-Light'; | ||
| 1869 | - font-weight: 600; | ||
| 1870 | - padding-top: 11px; | ||
| 1871 | - line-height: 20px; | ||
| 1872 | -} | ||
| 1873 | -.otzivi_block{ | ||
| 1874 | - width:100%; | ||
| 1875 | - max-width: 865px; | ||
| 1876 | - float: none; | ||
| 1877 | - margin: 0 auto; | ||
| 1878 | - padding-bottom: 140px; | ||
| 1879 | -} | ||
| 1880 | -.artbox_item_info{ | ||
| 1881 | - border-top: 1px solid #d9d9d9; | ||
| 1882 | - padding-top: 18px; | ||
| 1883 | - padding-bottom: 27px; | ||
| 1884 | -} | ||
| 1885 | -.comments_block{ | ||
| 1886 | - border-bottom: 1px solid #d9d9d9; | ||
| 1887 | -} | ||
| 1888 | -.title9{ | ||
| 1889 | - color: #847e7e; | ||
| 1890 | - font-size: 24px; | ||
| 1891 | - text-transform: uppercase; | ||
| 1892 | - font-family: 'Lato-Light'; | ||
| 1893 | - font-weight: 600; | ||
| 1894 | - margin-top: 10px; | ||
| 1895 | - margin-bottom: 11px; | ||
| 1896 | -} | ||
| 1897 | -.start_otzivi{ | ||
| 1898 | - text-align: center; | ||
| 1899 | - text-transform: uppercase; | ||
| 1900 | - color: #000000; | ||
| 1901 | - font-size: 15px; | ||
| 1902 | - line-height: 26px; | ||
| 1903 | - font-family: 'Lato-Light'; | ||
| 1904 | - font-weight: 600; | ||
| 1905 | - margin-bottom: 15px; | ||
| 1906 | - max-width: 640px; | ||
| 1907 | - margin-left: auto; | ||
| 1908 | - margin-right: auto; | ||
| 1909 | -} | ||
| 1910 | -.start_otzivi .title{ | ||
| 1911 | - font-size:18px; | ||
| 1912 | -} | ||
| 1913 | -.form-comm-wr input, .form-comm-wr textarea{ | ||
| 1914 | - text-transform: uppercase; | ||
| 1915 | - font-size: 11px; | ||
| 1916 | - font-weight: 900; | ||
| 1917 | - border-radius: 0px; | ||
| 1918 | - margin-top:-1px; | ||
| 1919 | - outline: none; | ||
| 1920 | - resize: none; | ||
| 1921 | - padding:14px; | ||
| 1922 | - letter-spacing: 0.5px; | ||
| 1923 | - box-shadow: none!important; | ||
| 1924 | - border: 1px solid rgb(204, 204, 204)!important; | ||
| 1925 | -} | ||
| 1926 | -.input_bl.submit_btn{ | ||
| 1927 | - text-align:center; | ||
| 1928 | - padding: 15px 0px; | ||
| 1929 | -} | ||
| 1930 | -.input_bl.submit_btn button{ | ||
| 1931 | - border: 1px solid #9e9e9e; | ||
| 1932 | - background-color: #fff; | ||
| 1933 | - outline: none; | ||
| 1934 | - text-transform: uppercase; | ||
| 1935 | - font-size: 11px; | ||
| 1936 | - font-weight: 600; | ||
| 1937 | - color: #9e9e9e; | ||
| 1938 | - letter-spacing: 1px; | ||
| 1939 | - padding: 5px 17px; | ||
| 1940 | - transition:0.1s; | ||
| 1941 | -} | ||
| 1942 | -.input_bl.submit_btn button:hover{ | ||
| 1943 | - background-color:#9e9e9e; | ||
| 1944 | - color:#fff; | ||
| 1945 | -} | ||
| 1946 | -.add_comment{ | ||
| 1947 | - display: none; | ||
| 1948 | - margin-top: 40px!important; | ||
| 1949 | -} | ||
| 1950 | -.add_comment, .add_comment .artbox_comment_container.comments-start{ | ||
| 1951 | - position: relative; | ||
| 1952 | - max-width: 705px; | ||
| 1953 | - margin: 0 auto; | ||
| 1954 | -} | ||
| 1955 | -.otz_buttons{ | ||
| 1956 | - text-align: center; | ||
| 1957 | - text-transform: uppercase; | ||
| 1958 | - font-size: 11px; | ||
| 1959 | - font-weight: 600; | ||
| 1960 | - letter-spacing: 1px; | ||
| 1961 | - margin: 44px 0px; | ||
| 1962 | -} | ||
| 1963 | -.otz_buttons a{ | ||
| 1964 | - background-color:#e4e4e4; | ||
| 1965 | - padding: 11px; | ||
| 1966 | - padding-bottom: 10px; | ||
| 1967 | - margin: 10px; | ||
| 1968 | - background-image: url(../images/arrow_down_bold.png); | ||
| 1969 | - background-repeat: no-repeat; | ||
| 1970 | - background-position-y: center; | ||
| 1971 | -} | ||
| 1972 | -.otz_buttons .btn_otz.more1{ | ||
| 1973 | - padding-right: 15px; | ||
| 1974 | - padding-left: 38px; | ||
| 1975 | - background-position-x: 17px; | ||
| 1976 | -} | ||
| 1977 | -.otz_buttons .btn_otz.write{ | ||
| 1978 | - padding-right: 42px; | ||
| 1979 | - padding-left: 16px; | ||
| 1980 | - background-position-x: calc(100% - 16px); | ||
| 1981 | -} | ||
| 1982 | -.otz_buttons a:hover{ | ||
| 1983 | - background-color:#ebdbd4!important; | ||
| 1984 | - color:#000; | ||
| 1985 | -} | ||
| 1986 | -.add_comment .title{ | ||
| 1987 | - text-align: center; | ||
| 1988 | - text-transform: uppercase; | ||
| 1989 | - font-size: 15px; | ||
| 1990 | - color: #000000; | ||
| 1991 | - font-family: 'Lato-Light'; | ||
| 1992 | - font-weight: 600; | ||
| 1993 | - padding: 14px; | ||
| 1994 | -} | ||
| 1995 | -.close_comm{ | ||
| 1996 | - position: absolute; | ||
| 1997 | - top: 16px; | ||
| 1998 | - right: 0; | ||
| 1999 | - width: 27px; | ||
| 2000 | - height: 27px; | ||
| 2001 | - background-image:url('../images/close.png'); | ||
| 2002 | - transition:0.1s; | ||
| 2003 | - cursor: pointer; | ||
| 2004 | -} | ||
| 2005 | -.close_comm:hover{ | ||
| 2006 | - background-image:url('../images/close_hover.png'); | ||
| 2007 | } | 1816 | } |
| 2008 | \ No newline at end of file | 1817 | \ No newline at end of file |