1
2
3/* Start:/bitrix/templates/concept_phoenix_s1/components/bitrix/system.pagenavigation/phoenix_round/style.css?17256132753475*/
4.bx-pagination {
5 margin: 0 0 40px;
6 padding: 25px 0 0;
7 border-top: 1px solid #eee;
8 position: relative;
9}
10.bx-pagination .bx-pagination-container {
11 text-align: center;
12 position: relative;
13}
14.bx-pagination .bx-pagination-container ul {
15 padding: 0 50px;
16 margin: 0 auto;
17 list-style: none;
18 display: inline-block;
19}
20.bx-pagination .bx-pagination-container ul li {
21 display: inline-block;
22 margin: 0 2px 0 2px;
23}
24.bx-pagination .bx-pagination-container ul li span{
25
-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
26
-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
27
-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
28
-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
29 transition: color .3s ease, background-color .3s ease, border-color .3s ease;
30 background: #eff0f1;
31 padding: 0 8px;
32 display: block;
33 height: 32px;
34 min-width: 32px;
35 line-height: 32px;
36 color: #444;
37 font-size: 14px;
38 border-radius: 16px;
39 vertical-align: middle;
40
-webkit-box-sizing: border-box;
41
-moz-box-sizing: border-box;
42 box-sizing: border-box;
43}
44.bx-pagination .bx-pagination-container ul li a {
45 text-decoration: none;
46 display: block;
47 border-radius: 16px;
48 height: 32px;
49 min-width: 32px;
50 line-height: 32px;
51 color: #444;
52 vertical-align: middle;
53}
54.bx-pagination .bx-pagination-container ul li a:hover span{
55 background: #DADADA;
56}
57.bx-pagination .bx-pagination-container ul li.bx-active span{
58
59 color: #fff;
60}
61.bx-pagination .bx-pagination-container ul li.bx-pag-all a span{
62 background: #fff;
63 border: 2px solid #eff0f1;
64 line-height: 28px;
65 padding: 0 18px;
66 color: #444;
67}
68.bx-pagination .bx-pagination-container ul li.bx-pag-all span{
69 color: #aab1b4;
70 background: #fff;
71 border: 2px solid #eff0f1;
72 line-height: 28px;
73 padding: 0 18px;
74}
75.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span{
76 background: #fff;
77 border-color: #DADADA;
78 color: #000;
79}
80
81.bx-pagination .bx-pagination-container ul li.bx-pag-prev{
82 position: absolute;
83 left: 0;
84 top: 0;
85 margin: 0;
86}
87.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{
88 display: none;
89}
90.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{
91 display: block;
92 background: url("/bitrix/templates/concept_phoenix_s1/components/bitrix/system.pagenavigation/phoenix_round/images/svg/arrow_l_bl.svg") center no-repeat !important;
93 width: 35px;
94 height: 22px;
95 opacity: .3;
96 border: 0 !important;
97 padding: 0 !important;
98 margin: 0 !important;
99 position: relative;
100 top: 5px;
101 background-size: 20px !important;
102}
103.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{
104 opacity: .7;
105
-webkit-transition: opacity .3s;
106
-o-transition: opacity .3s;
107 transition: opacity .3s;
108}
109.bx-pagination .bx-pagination-container ul li.bx-pag-next{
110 position: absolute;
111 right: 0;
112 top: 0;
113 margin: 0;
114}
115.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
116 display: none;
117}
118.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{
119 display: block;
120 background: url("/bitrix/templates/concept_phoenix_s1/components/bitrix/system.pagenavigation/phoenix_round/images/svg/arrow_r_bl.svg") center no-repeat !important;
121 width: 35px;
122 height: 22px;
123 opacity: .3;
124 border: 0 !important;
125 padding: 0 !important;
126 margin: 0 !important;
127 position: relative;
128 top: 5px;
129 background-size: 20px !important;
130}
131.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{
132 opacity: 1;
133}
134
135/* End */
136/* /bitrix/templates/concept_phoenix_s1/components/bitrix/system.pagenavigation/phoenix_round/style.css?17256132753475 */