Download as
Browse Code »

Commit 1da35c721d11e544988b303c342a66362ebd7967

Authored by Simiao Carvalho
1 parent 5f531f87
Exists in master and in 4 other branches fix_catalog_classes, fix_javascript, news_style, page_catalog

Refactoring Pagination style

Showing 1 changed file with 75 additions and 49 deletions   Show diff stats
style.css
  Diff comments   View file @1da35c7
... ... @@ -974,50 +974,6 @@ p {
974 974  
975 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 978 /*borda dos wrappers*/
1023 979 /**/
... ... @@ -1234,15 +1190,85 @@ div#article-parent {
1234 1190 /*paginação*/
1235 1191  
1236 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 1273 #profile-header {
1248 1274 position: absolute; /* Corrige link de login */
... ...