Commit 1dbbb5322910f380222d606956ba4fbe3a3c3f26

Authored by Melissa Wen
1 parent f2ab8a5e

pagination style - need to fix will paginate html

Showing 1 changed file with 53 additions and 0 deletions   Show diff stats
css/main-content.css
... ... @@ -29,3 +29,56 @@
29 29 font-family: "open_sansregular", Arial, Helvetica, sans-serif;
30 30 text-transform: none;
31 31 }
  32 +
  33 +/*** Pagination ***/
  34 +
  35 +#content .pagination {
  36 + margin: 48px auto 30px auto;
  37 + border-top: 0 none;
  38 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  39 +}
  40 +
  41 +#content .pagination a,
  42 +#content .pagination em,
  43 +#content .pagination span{
  44 + padding: 7px 11px 7px 11px;
  45 + margin-right: 4px;
  46 + color: #172738;
  47 + border: 1px solid #D3D6DE;
  48 + border-radius: 4px;
  49 + letter-spacing: 0.6px;
  50 + font-size: 15px;
  51 + font-weight: 700;
  52 + text-decoration: none;
  53 + display: inline-table;
  54 +}
  55 +
  56 +#content .pagination .current {
  57 + background-color: #ECEDF1;
  58 + font-style: normal;
  59 +}
  60 +
  61 +#content .pagination .previous_page{
  62 + padding: 7px 11px 10px 11px;
  63 + float: left;
  64 +}
  65 +
  66 +#content .pagination .next_page{
  67 + float: right;
  68 + padding: 7px 11px 10px 11px;
  69 +}
  70 +
  71 +#content .pagination .previous_page,
  72 +#content .pagination .next_page{
  73 + width: auto;
  74 + position: relative;
  75 + background-image: none;
  76 + font-weight: 500;
  77 +}
  78 +
  79 +#content .pagination .disabled{
  80 + opacity: 0.5;
  81 +}
  82 +
  83 +
  84 +
... ...