Commit 1da35c721d11e544988b303c342a66362ebd7967
1 parent
5f531f87
Exists in
master
and in
4 other branches
Refactoring Pagination style
Showing
1 changed file
with
75 additions
and
49 deletions
Show diff stats
style.css
| @@ -974,50 +974,6 @@ p { | @@ -974,50 +974,6 @@ p { | ||
| 974 | 974 | ||
| 975 | /* fim de comentário*/ | 975 | /* fim de comentário*/ |
| 976 | 976 | ||
| 977 | -/*paginação*/ | ||
| 978 | - | ||
| 979 | -.pagination { | ||
| 980 | - border-top: 0 none; | ||
| 981 | -} | ||
| 982 | - | ||
| 983 | -#content .pagination a { | ||
| 984 | - padding: 7px 11px 7px 11px; | ||
| 985 | - border-radius: 4px; | ||
| 986 | - margin-right: 4px; | ||
| 987 | - letter-spacing: 0.6px; | ||
| 988 | - color: #172738; | ||
| 989 | - border: 1px solid #D3D6DE; | ||
| 990 | -} | ||
| 991 | - | ||
| 992 | -.pagination .current { | ||
| 993 | - background-color: #ECEDF1; | ||
| 994 | - padding: 8px 11px 8px 11px; | ||
| 995 | - border-radius: 4px; | ||
| 996 | - margin-right: 4px; | ||
| 997 | - font-family: Arial; | ||
| 998 | - font-weight: 700; | ||
| 999 | - font-size: 16px; | ||
| 1000 | - border: 1px solid #D3D6DE; | ||
| 1001 | -} | ||
| 1002 | - | ||
| 1003 | -#content .pagination a.previous_page, | ||
| 1004 | -#content .pagination a.next_page{ | ||
| 1005 | - background-image: none; | ||
| 1006 | - color: #888888; | ||
| 1007 | - font-size: 14px; | ||
| 1008 | - width: auto; | ||
| 1009 | -} | ||
| 1010 | - | ||
| 1011 | - | ||
| 1012 | -#content #article .pagination .next_page, | ||
| 1013 | -#content #article .pagination .previous_page{ | ||
| 1014 | - background-image: none; | ||
| 1015 | - color: #ccc; | ||
| 1016 | - width: auto; | ||
| 1017 | - font-size: 16px; | ||
| 1018 | -} | ||
| 1019 | - | ||
| 1020 | -/*fim paginação*/ | ||
| 1021 | 977 | ||
| 1022 | /*borda dos wrappers*/ | 978 | /*borda dos wrappers*/ |
| 1023 | /**/ | 979 | /**/ |
| @@ -1234,15 +1190,85 @@ div#article-parent { | @@ -1234,15 +1190,85 @@ div#article-parent { | ||
| 1234 | /*paginação*/ | 1190 | /*paginação*/ |
| 1235 | 1191 | ||
| 1236 | .pagination { | 1192 | .pagination { |
| 1193 | + margin-bottom: 30px; | ||
| 1194 | + border-top: 0 none; | ||
| 1195 | + margin-top: 48px; | ||
| 1196 | + font-family: Arial; | ||
| 1197 | +} | ||
| 1198 | + | ||
| 1199 | +#content .pagination a { | ||
| 1200 | + padding: 7px 11px 7px 11px; | ||
| 1201 | + border-radius: 4px; | ||
| 1202 | + margin-right: 4px; | ||
| 1203 | + letter-spacing: 0.6px; | ||
| 1204 | + font-size: 15px; | ||
| 1205 | + border: 1px solid #D3D6DE; | ||
| 1206 | + color: #172738; | ||
| 1207 | + font-weight: 700; | ||
| 1208 | +} | ||
| 1237 | 1209 | ||
| 1210 | +.pagination .current { | ||
| 1211 | + background-color: #ECEDF1; | ||
| 1212 | + padding: 7px 11px 7px 11px; | ||
| 1213 | + border-radius: 4px; | ||
| 1214 | + margin-right: 4px; | ||
| 1215 | + font-weight: 700; | ||
| 1216 | + font-size: 15px; | ||
| 1217 | + border: 1px solid #D3D6DE; | ||
| 1218 | + font-style: normal; | ||
| 1238 | } | 1219 | } |
| 1239 | -.pagination { | ||
| 1240 | - font-size: 120%; | ||
| 1241 | - margin-bottom: 30px; | 1220 | + |
| 1221 | +#content .pagination .next_page.disabled, | ||
| 1222 | +#content .pagination .previous_page.disabled, | ||
| 1223 | +#content .pagination a.previous_page, | ||
| 1224 | +#content .pagination a.next_page{ | ||
| 1225 | + border-radius: 4px; | ||
| 1226 | + margin-top: -9px; | ||
| 1227 | + letter-spacing: 0.6px; | ||
| 1228 | + border: 1px solid #D3D6DE; | ||
| 1229 | + color: #172738; | ||
| 1230 | + background-image: none; | ||
| 1231 | + font-size: 15px; | ||
| 1232 | + width: auto; | ||
| 1233 | + font-weight: 500; | ||
| 1234 | + position: relative; | ||
| 1235 | +} | ||
| 1236 | + | ||
| 1237 | +#content .pagination .previous_page{ | ||
| 1238 | + float: left; | ||
| 1239 | + padding: 7px 11px 7px 30px; | ||
| 1240 | +} | ||
| 1241 | + | ||
| 1242 | +#content .pagination .next_page.disabled, | ||
| 1243 | +#content .pagination .previous_page.disabled{ | ||
| 1244 | + opacity: 0.5; | ||
| 1242 | } | 1245 | } |
| 1243 | 1246 | ||
| 1244 | -.pagination .previous_page{margin-right: 0.5em; font-weight: bold;} | ||
| 1245 | -.pagination .next_page{margin-left: 0.5em; font-weight: bold;} | 1247 | +#content .pagination .next_page{ |
| 1248 | + float: right; | ||
| 1249 | + padding: 7px 30px 7px 11px; | ||
| 1250 | +} | ||
| 1251 | + | ||
| 1252 | +#content .pagination .previous_page.disabled::before, | ||
| 1253 | +#content .pagination a.previous_page::before { | ||
| 1254 | + display: none; | ||
| 1255 | + position: absolute; | ||
| 1256 | + content: url('images/left-arrow-black.png'); | ||
| 1257 | + left: 8px; | ||
| 1258 | + top: 11px; | ||
| 1259 | +} | ||
| 1260 | + | ||
| 1261 | +#content .pagination .next_page.disabled::before, | ||
| 1262 | +#content .pagination a.next_page::before { | ||
| 1263 | + display: none; | ||
| 1264 | + position: absolute; | ||
| 1265 | + content: url('images/right-arrow-black.png'); | ||
| 1266 | + left: 97px; | ||
| 1267 | + top: 11px; | ||
| 1268 | +} | ||
| 1269 | + | ||
| 1270 | +/*fim paginação*/ | ||
| 1271 | + | ||
| 1246 | 1272 | ||
| 1247 | #profile-header { | 1273 | #profile-header { |
| 1248 | position: absolute; /* Corrige link de login */ | 1274 | position: absolute; /* Corrige link de login */ |