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 | 33 | <?php } ?> |
| 34 | 34 | </div> |
| 35 | 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 | 41 | </div> |
| 40 | 42 | \ No newline at end of file | ... | ... |
frontend/views/site/index.php
| ... | ... | @@ -74,12 +74,12 @@ $this->title = "Главная"; |
| 74 | 74 | echo ArtboxImageHelper::getImage($event_article->getImageUrl(), 'main_event_one'); |
| 75 | 75 | ?></div> |
| 76 | 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 | 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 | 83 | </div> |
| 84 | 84 | <div style="clear:both;"></div> |
| 85 | 85 | </section> | ... | ... |
frontend/web/css/style.css
| ... | ... | @@ -8,6 +8,10 @@ body{ |
| 8 | 8 | min-height: 100vh; |
| 9 | 9 | margin: 0; |
| 10 | 10 | } |
| 11 | +.nav > li > a:hover, .nav > li > a:focus{ | |
| 12 | + background-color: inherit; | |
| 13 | + outline: none; | |
| 14 | +} | |
| 11 | 15 | .cont{ |
| 12 | 16 | flex:1; |
| 13 | 17 | } |
| ... | ... | @@ -31,15 +35,16 @@ a{ |
| 31 | 35 | color: #000000; |
| 32 | 36 | font-size: 10.4px; |
| 33 | 37 | text-transform: uppercase; |
| 34 | - font-weight: 600; | |
| 35 | 38 | padding: 5px; |
| 36 | 39 | background-image: url('../images/line1.png'); |
| 37 | 40 | background-position: center 20px; |
| 38 | 41 | background-repeat: no-repeat; |
| 42 | + padding-top: 5.5px; | |
| 43 | + padding-bottom: 4.5px; | |
| 39 | 44 | } |
| 40 | 45 | .nav1 li a:hover, .nav1 li .active{ |
| 41 | 46 | background-color: inherit!important; |
| 42 | - background-position: center 3px; | |
| 47 | + background-position: center 5px; | |
| 43 | 48 | } |
| 44 | 49 | .nav1 li .active{cursor:default;} |
| 45 | 50 | .nav1 .navbar-nav li{ |
| ... | ... | @@ -129,8 +134,11 @@ footer{ |
| 129 | 134 | background-color:black; |
| 130 | 135 | color:white; |
| 131 | 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 | 143 | footer a{ |
| 136 | 144 | color: #fff; |
| ... | ... | @@ -201,6 +209,45 @@ footer .socbuts ul li{ |
| 201 | 209 | footer .socbuts a:hover{ |
| 202 | 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 | 251 | .main-box1{ |
| 205 | 252 | position: relative; |
| 206 | 253 | max-width: 1044px; |
| ... | ... | @@ -215,7 +262,7 @@ footer .socbuts a:hover{ |
| 215 | 262 | margin-left: 25px; |
| 216 | 263 | position: absolute; |
| 217 | 264 | height: 1px; |
| 218 | - background-color: #9f9e9e; | |
| 265 | + background-color: #cecece; | |
| 219 | 266 | bottom: 0px; |
| 220 | 267 | left: 0; |
| 221 | 268 | } |
| ... | ... | @@ -264,7 +311,7 @@ footer .socbuts a:hover{ |
| 264 | 311 | background-position: bottom center; |
| 265 | 312 | } |
| 266 | 313 | .main-box3{ |
| 267 | - max-width: 1072px; | |
| 314 | + max-width: 1000px; | |
| 268 | 315 | margin: 0 auto; |
| 269 | 316 | letter-spacing: 0.4px; |
| 270 | 317 | padding: 10px 0; |
| ... | ... | @@ -291,9 +338,11 @@ footer .socbuts a:hover{ |
| 291 | 338 | padding: 4px 0px 3px 0px; |
| 292 | 339 | } |
| 293 | 340 | .main-box4{ |
| 294 | - min-height:620px; | |
| 341 | + min-height: 620px; | |
| 295 | 342 | text-align: center; |
| 296 | 343 | padding-top: 32px; |
| 344 | + max-width: 1100px; | |
| 345 | + margin: 0 auto; | |
| 297 | 346 | } |
| 298 | 347 | .main-box4 a:hover{color:black;} |
| 299 | 348 | .main-box4 .picture{ |
| ... | ... | @@ -338,7 +387,7 @@ footer .socbuts a:hover{ |
| 338 | 387 | line-height: 24px; |
| 339 | 388 | padding-top: 48px; |
| 340 | 389 | margin-bottom: 75px; |
| 341 | - max-width: 1004px; | |
| 390 | + max-width: 990px; | |
| 342 | 391 | margin-left: auto; |
| 343 | 392 | margin-right: auto; |
| 344 | 393 | } |
| ... | ... | @@ -426,6 +475,7 @@ footer .socbuts a:hover{ |
| 426 | 475 | display: flex; |
| 427 | 476 | align-items: center; |
| 428 | 477 | flex-wrap: wrap; |
| 478 | + position: relative; | |
| 429 | 479 | align-content: center; |
| 430 | 480 | } |
| 431 | 481 | .post_cont .text{ |
| ... | ... | @@ -436,6 +486,11 @@ footer .socbuts a:hover{ |
| 436 | 486 | font-family: 'Lato-Medium'; |
| 437 | 487 | font-size: 14px; |
| 438 | 488 | } |
| 489 | +.post_cont .more{ | |
| 490 | + position: absolute; | |
| 491 | + right: 0; | |
| 492 | + bottom: 0; | |
| 493 | +} | |
| 439 | 494 | .post .title{ |
| 440 | 495 | display: flex; |
| 441 | 496 | flex-wrap: wrap; |
| ... | ... | @@ -629,10 +684,9 @@ footer .socbuts a:hover{ |
| 629 | 684 | margin-bottom: 12px; |
| 630 | 685 | } |
| 631 | 686 | .textile_bottom{ |
| 632 | - margin-bottom: 134px; | |
| 633 | - margin-top: 98px; | |
| 634 | 687 | float: left; |
| 635 | 688 | width: 100%; |
| 689 | + margin: 80px 0; | |
| 636 | 690 | } |
| 637 | 691 | .textile_bottom.tb1{ |
| 638 | 692 | margin-top: 73px; |
| ... | ... | @@ -645,7 +699,7 @@ footer .socbuts a:hover{ |
| 645 | 699 | letter-spacing: 0.4px; |
| 646 | 700 | } |
| 647 | 701 | .post_1 .titles{ |
| 648 | - padding-left: 50px; | |
| 702 | + padding-left: 100px; | |
| 649 | 703 | } |
| 650 | 704 | .textitle_bottom{ |
| 651 | 705 | margin-bottom: 134px; |
| ... | ... | @@ -673,7 +727,7 @@ footer .socbuts a:hover{ |
| 673 | 727 | } |
| 674 | 728 | .spoiler{display: none;width:100%!important;} |
| 675 | 729 | .text_left{ |
| 676 | - padding-left: 50px; | |
| 730 | + padding-left: 100px; | |
| 677 | 731 | padding-right: 40px; |
| 678 | 732 | } |
| 679 | 733 | .text_left.text2{ |
| ... | ... | @@ -740,12 +794,16 @@ footer .socbuts a:hover{ |
| 740 | 794 | background-position: 93% center; |
| 741 | 795 | } |
| 742 | 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 | 804 | font-size: 14px; |
| 746 | 805 | font-family: 'Lato-Medium'; |
| 747 | 806 | font-weight: bold; |
| 748 | - padding: 17px 0px 9px 0px; | |
| 749 | 807 | } |
| 750 | 808 | .blocks a:hover{color:black!important;} |
| 751 | 809 | .b1{padding-bottom: 44px;} |
| ... | ... | @@ -786,7 +844,7 @@ footer .socbuts a:hover{ |
| 786 | 844 | background-position: center center; |
| 787 | 845 | background-size: cover; |
| 788 | 846 | max-height: 222px; |
| 789 | - max-width: 960px; | |
| 847 | + max-width: 1020px; | |
| 790 | 848 | margin: 0 auto; |
| 791 | 849 | } |
| 792 | 850 | .tile_1{ |
| ... | ... | @@ -1075,7 +1133,8 @@ footer .socbuts a:hover{ |
| 1075 | 1133 | .note{ |
| 1076 | 1134 | display: flex; |
| 1077 | 1135 | flex-wrap: wrap; |
| 1078 | - margin: 17px 0px 38px 0px; | |
| 1136 | + margin: 17px auto 38px auto; | |
| 1137 | + max-width: 1030px; | |
| 1079 | 1138 | } |
| 1080 | 1139 | .note .picture{ |
| 1081 | 1140 | width: 100%; |
| ... | ... | @@ -1109,47 +1168,9 @@ footer .socbuts a:hover{ |
| 1109 | 1168 | line-height: 18px; |
| 1110 | 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 | 1171 | a.active{ |
| 1120 | 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 | 1174 | .more_colls{ |
| 1154 | 1175 | background-color: #decfc8; |
| 1155 | 1176 | text-transform: uppercase; |
| ... | ... | @@ -1248,7 +1269,7 @@ a.active{ |
| 1248 | 1269 | color: #777777; |
| 1249 | 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 | 1274 | .blog1{ |
| 1254 | 1275 | max-width: 595px; |
| ... | ... | @@ -1306,6 +1327,8 @@ a.active{ |
| 1306 | 1327 | font-family: 'Lato-Light'; |
| 1307 | 1328 | font-weight: 600; |
| 1308 | 1329 | letter-spacing: 0.7px; |
| 1330 | + max-width: 1010px; | |
| 1331 | + margin: 0 auto; | |
| 1309 | 1332 | } |
| 1310 | 1333 | .down_line{ |
| 1311 | 1334 | background-image:url('../images/line9.png'); |
| ... | ... | @@ -1353,6 +1376,7 @@ a.active{ |
| 1353 | 1376 | letter-spacing: 0.5px; |
| 1354 | 1377 | font-family: 'Lato-Light'; |
| 1355 | 1378 | font-weight: 600; |
| 1379 | + padding-left: 35px; | |
| 1356 | 1380 | } |
| 1357 | 1381 | .list1 li{ |
| 1358 | 1382 | margin-bottom: 20px; |
| ... | ... | @@ -1368,10 +1392,14 @@ a.active{ |
| 1368 | 1392 | font-family: 'Lato-Light'; |
| 1369 | 1393 | font-weight: 600; |
| 1370 | 1394 | letter-spacing: 0.5px; |
| 1371 | - max-width: 900px; | |
| 1395 | + max-width: 1000px; | |
| 1372 | 1396 | margin: 33px auto; |
| 1373 | 1397 | line-height: 19px; |
| 1374 | 1398 | } |
| 1399 | +.list-view{ | |
| 1400 | + max-width: 1056px; | |
| 1401 | + margin: 0 auto; | |
| 1402 | +} | |
| 1375 | 1403 | .list2 li{ |
| 1376 | 1404 | margin-bottom: 20px; |
| 1377 | 1405 | } |
| ... | ... | @@ -1535,7 +1563,7 @@ p.right{text-align: right;} |
| 1535 | 1563 | } |
| 1536 | 1564 | .collection .head img{ |
| 1537 | 1565 | max-width:960px; |
| 1538 | - width:100%; | |
| 1566 | + /*width:100%;*/ | |
| 1539 | 1567 | } |
| 1540 | 1568 | .cols{max-width: 960px;margin: 40px auto 25px;} |
| 1541 | 1569 | .cols a{ |
| ... | ... | @@ -1584,8 +1612,7 @@ p.right{text-align: right;} |
| 1584 | 1612 | .dropd_menu{ |
| 1585 | 1613 | position: absolute; |
| 1586 | 1614 | width: 100%!important; |
| 1587 | - font-family: 'Lato-Light'; | |
| 1588 | - font-weight: 600; | |
| 1615 | + font-family: 'Lato-Medium'; | |
| 1589 | 1616 | font-size: 16px; |
| 1590 | 1617 | background-color: #e9e6e6; |
| 1591 | 1618 | top: 62px; |
| ... | ... | @@ -1626,58 +1653,7 @@ p.right{text-align: right;} |
| 1626 | 1653 | margin: 0px; |
| 1627 | 1654 | } |
| 1628 | 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 | 1658 | .action{max-width:260px;margin-bottom: 10px;} |
| 1683 | 1659 | .action img{width:100%; max-width:227px;} |
| ... | ... | @@ -1722,25 +1698,7 @@ p.right{text-align: right;} |
| 1722 | 1698 | font-weight: 600; |
| 1723 | 1699 | } |
| 1724 | 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 | 1704 | .dropd_menu:before { |
| ... | ... | @@ -1768,17 +1726,22 @@ p.right{text-align: right;} |
| 1768 | 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 | 1735 | @media (min-width: 1200px){ |
| 1773 | 1736 | .nav_up{ |
| 1774 | - padding: 20px 25px; | |
| 1737 | + padding: 20px 50px; | |
| 1775 | 1738 | } |
| 1776 | 1739 | } |
| 1777 | 1740 | @media (min-width: 992px) and (max-width: 1199px) { |
| 1778 | 1741 | footer .fleft p{ |
| 1779 | 1742 | background-size: contain; |
| 1780 | 1743 | } |
| 1781 | - .post_cont .text{width: 245px;} | |
| 1744 | + .post_cont .text {width: 240px;} | |
| 1782 | 1745 | .main-box1 img{width:100%;} |
| 1783 | 1746 | .carousel{margin: 0px 14.5px;} |
| 1784 | 1747 | .post_1_start .text { |
| ... | ... | @@ -1796,7 +1759,11 @@ p.right{text-align: right;} |
| 1796 | 1759 | padding-top: 0px; |
| 1797 | 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 | 1768 | @media (max-width: 991px) { |
| 1802 | 1769 | .carousel{margin: 0px auto;} |
| ... | ... | @@ -1846,162 +1813,4 @@ p.right{text-align: right;} |
| 1846 | 1813 | @media (max-width: 379px) { |
| 1847 | 1814 | .main-box1 img{width:100%;} |
| 1848 | 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 | 1817 | \ No newline at end of file | ... | ... |