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,6 +202,45 @@ footer .socbuts ul li{ | ||
| 202 | footer .socbuts a:hover{ | 202 | footer .socbuts a:hover{ |
| 203 | opacity:0.6; | 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 | .main-box1{ | 244 | .main-box1{ |
| 206 | min-height:300px; | 245 | min-height:300px; |
| 207 | text-align: center; | 246 | text-align: center; |
| @@ -715,11 +754,14 @@ footer .socbuts a:hover{ | @@ -715,11 +754,14 @@ footer .socbuts a:hover{ | ||
| 715 | } | 754 | } |
| 716 | .post_1.contract img{max-height:222px;} | 755 | .post_1.contract img{max-height:222px;} |
| 717 | .blocks{text-align: center;letter-spacing: normal;text-transform: uppercase;margin-top: 36px;margin-left: 9px;} | 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 | font-size: 14px; | 762 | font-size: 14px; |
| 720 | font-family: 'Lato-Medium'; | 763 | font-family: 'Lato-Medium'; |
| 721 | font-weight: bold; | 764 | font-weight: bold; |
| 722 | - padding: 17px 0px 9px 0px; | ||
| 723 | } | 765 | } |
| 724 | .blocks a:hover{color:black!important;} | 766 | .blocks a:hover{color:black!important;} |
| 725 | .b1{padding-bottom: 44px;} | 767 | .b1{padding-bottom: 44px;} |
| @@ -1083,47 +1125,9 @@ footer .socbuts a:hover{ | @@ -1083,47 +1125,9 @@ footer .socbuts a:hover{ | ||
| 1083 | line-height: 18px; | 1125 | line-height: 18px; |
| 1084 | margin-bottom: 28px; | 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 | a.active{ | 1128 | a.active{ |
| 1094 | cursor: default; | 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 | .more_colls{ | 1131 | .more_colls{ |
| 1128 | background-color: #decfc8; | 1132 | background-color: #decfc8; |
| 1129 | text-transform: uppercase; | 1133 | text-transform: uppercase; |
| @@ -1600,58 +1604,7 @@ p.right{text-align: right;} | @@ -1600,58 +1604,7 @@ p.right{text-align: right;} | ||
| 1600 | margin: 0px; | 1604 | margin: 0px; |
| 1601 | } | 1605 | } |
| 1602 | .dropd_menu div:first-child .title:after{display: none;} | 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 | .action{max-width:260px;margin-bottom: 10px;} | 1609 | .action{max-width:260px;margin-bottom: 10px;} |
| 1657 | .action img{width:100%; max-width:227px;} | 1610 | .action img{width:100%; max-width:227px;} |