Commit 4fb64eb5b7eb8f71d7f34e39775fc162d478292b
1 parent
87101bf8
123
Showing
1 changed file
with
44 additions
and
91 deletions
Show diff stats
frontend/web/css/style.css
... | ... | @@ -202,6 +202,45 @@ footer .socbuts ul li{ |
202 | 202 | footer .socbuts a:hover{ |
203 | 203 | opacity:0.6; |
204 | 204 | } |
205 | +.pagination{ | |
206 | + display: flex; | |
207 | + justify-content: center; | |
208 | + margin: 56px 0px; | |
209 | +} | |
210 | +.pagination, .pagination a, .pagination span{ | |
211 | + font-family: Arial, sans-serif!important; | |
212 | + font-weight: bold; | |
213 | + color:#9b9999!important; | |
214 | + font-size: 12px; | |
215 | + background-position: center; | |
216 | + background-repeat: no-repeat; | |
217 | +} | |
218 | +.pagination li a, .pagination li span{ | |
219 | + padding: 1px 8.5px; | |
220 | +} | |
221 | + | |
222 | +.pagination .active a{ | |
223 | + background-color: initial!important; | |
224 | + border-color: #d2d2d2!important; | |
225 | + color:#000!important; | |
226 | +} | |
227 | +.pagination .left_pg span, .pagination .right_pg span, .pagination .left_pg a, .pagination .right_pg a{ | |
228 | + background-color: #d2d2d2; | |
229 | + padding: 1px 9.5px; | |
230 | +} | |
231 | +.pagination .left_pg a, .pagination .left_pg span{ | |
232 | + background-image: url(../images/left_ar.png); | |
233 | + font-size:0px; | |
234 | + width: 28px; | |
235 | + height: 21px; | |
236 | +} | |
237 | +.pagination .right_pg a, .pagination .right_pg span{ | |
238 | + background-image: url(../images/right_ar.png); | |
239 | + font-size:0px; | |
240 | + width: 28px; | |
241 | + height: 21px; | |
242 | +} | |
243 | + | |
205 | 244 | .main-box1{ |
206 | 245 | min-height:300px; |
207 | 246 | text-align: center; |
... | ... | @@ -715,11 +754,14 @@ footer .socbuts a:hover{ |
715 | 754 | } |
716 | 755 | .post_1.contract img{max-height:222px;} |
717 | 756 | .blocks{text-align: center;letter-spacing: normal;text-transform: uppercase;margin-top: 36px;margin-left: 9px;} |
718 | -.blocks a .title{ | |
757 | +.blocks .title{ | |
758 | + | |
759 | + padding: 17px 0px 9px 0px; | |
760 | +} | |
761 | +.blocks .title a{ | |
719 | 762 | font-size: 14px; |
720 | 763 | font-family: 'Lato-Medium'; |
721 | 764 | font-weight: bold; |
722 | - padding: 17px 0px 9px 0px; | |
723 | 765 | } |
724 | 766 | .blocks a:hover{color:black!important;} |
725 | 767 | .b1{padding-bottom: 44px;} |
... | ... | @@ -1083,47 +1125,9 @@ footer .socbuts a:hover{ |
1083 | 1125 | line-height: 18px; |
1084 | 1126 | margin-bottom: 28px; |
1085 | 1127 | } |
1086 | -.pagination{ | |
1087 | - text-align: center; | |
1088 | - list-style: none; | |
1089 | - display: flex; | |
1090 | - justify-content: center; | |
1091 | - margin: 56px 0px; | |
1092 | -} | |
1093 | 1128 | a.active{ |
1094 | 1129 | cursor: default; |
1095 | 1130 | } |
1096 | -.pagination li a{ | |
1097 | - width: 21px; | |
1098 | - height: 21px; | |
1099 | - display: flex; | |
1100 | - text-align: center; | |
1101 | - font-family: 'Arial Bold', Arial, sans-serif; | |
1102 | - font-weight: bold; | |
1103 | - line-height: 2px; | |
1104 | - justify-content: center; | |
1105 | - align-items: center; | |
1106 | - border: 1px solid #d2d2d2; | |
1107 | - margin-right: -1px; | |
1108 | - color: #9b9999; | |
1109 | - font-size: 12px; | |
1110 | -} | |
1111 | -.pagination .left_pg{ | |
1112 | - background-image: url('../images/left_ar.png'); | |
1113 | -} | |
1114 | -.pagination .right_pg{ | |
1115 | - background-image: url('../images/right_ar.png'); | |
1116 | -} | |
1117 | -.pagination .left_pg, .pagination .right_pg{ | |
1118 | - background-color: #d2d2d2; | |
1119 | - padding: 0px 14px; | |
1120 | - background-repeat: no-repeat; | |
1121 | - background-position: center center; | |
1122 | -} | |
1123 | -.pagination .left_pg, .pagination .right_pg:hover{ | |
1124 | - border:1px solid rgba(0,0,0,0); | |
1125 | -} | |
1126 | -.pagination li a.active, .pagination li a.active:hover{color:black;} | |
1127 | 1131 | .more_colls{ |
1128 | 1132 | background-color: #decfc8; |
1129 | 1133 | text-transform: uppercase; |
... | ... | @@ -1600,58 +1604,7 @@ p.right{text-align: right;} |
1600 | 1604 | margin: 0px; |
1601 | 1605 | } |
1602 | 1606 | .dropd_menu div:first-child .title:after{display: none;} |
1603 | -.pagination li a { | |
1604 | - width: 21px!important; | |
1605 | - height: 21px!important; | |
1606 | - display: flex!important; | |
1607 | - text-align: center!important; | |
1608 | - font-family: 'Arial Bold', Arial, sans-serif!important; | |
1609 | - font-weight: bold!important; | |
1610 | - line-height: 2px!important; | |
1611 | - justify-content: center!important; | |
1612 | - align-items: center!important; | |
1613 | - border: 1px solid #d2d2d2!important; | |
1614 | - margin-right: -1px!important; | |
1615 | - color: #9b9999!important; | |
1616 | - font-size: 12px!important; | |
1617 | - background-position: center; | |
1618 | - background-repeat: no-repeat; | |
1619 | -} | |
1620 | 1607 | |
1621 | -.pagination span{ | |
1622 | - width: 28px; | |
1623 | - height: 21px!important; | |
1624 | - display: flex!important; | |
1625 | - text-align: center!important; | |
1626 | - font-family: 'Arial Bold', Arial, sans-serif!important; | |
1627 | - font-weight: bold!important; | |
1628 | - line-height: 2px!important; | |
1629 | - justify-content: center!important; | |
1630 | - align-items: center!important; | |
1631 | - border: 1px solid #d2d2d2!important; | |
1632 | - margin-right: -1px!important; | |
1633 | - color: #9b9999!important; | |
1634 | - font-size: 12px!important; | |
1635 | - background-color: #d2d2d2; | |
1636 | - text-indent: -999px; | |
1637 | - background-position: center; | |
1638 | - background-repeat: no-repeat; | |
1639 | -} | |
1640 | -.pagination .prev a, .pagination .prev span{ | |
1641 | - background-image: url(../images/left_ar.png); | |
1642 | - width: 30px!important; | |
1643 | - text-indent: 100px; | |
1644 | - overflow: hidden; | |
1645 | - background-color: #d2d2d2; | |
1646 | -} | |
1647 | -.pagination .next a, .pagination .next span{ | |
1648 | - background-image: url('../images/right_ar.png'); | |
1649 | - width: 30px!important; | |
1650 | - text-indent: 100px; | |
1651 | - overflow: hidden; | |
1652 | - background-color: #d2d2d2; | |
1653 | -} | |
1654 | -.pagination .active a{color:#000!important;background-color:white!important;} | |
1655 | 1608 | |
1656 | 1609 | .action{max-width:260px;margin-bottom: 10px;} |
1657 | 1610 | .action img{width:100%; max-width:227px;} | ... | ... |