pagination style - need to fix will paginate html

Melissa Wen
1 parent f2ab8a5e
Showing 1 changed file with 53 additions and 0 deletions Show diff stats
css/main-content.css
@@ -29,3 +29,56 @@
   font-family: "open_sansregular", Arial, Helvetica, sans-serif;
   text-transform: none;
 }
+
+/*** Pagination ***/
+
+#content .pagination {
+  margin: 48px auto 30px auto;
+  border-top: 0 none;
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+}
+
+#content .pagination a,
+#content .pagination em,
+#content .pagination span{
+  padding: 7px 11px 7px 11px;
+  margin-right: 4px;
+  color: #172738;
+  border: 1px solid #D3D6DE;
+  border-radius: 4px;
+  letter-spacing: 0.6px;
+  font-size: 15px;
+  font-weight: 700;
+  text-decoration: none;
+  display: inline-table;
+}
+
+#content .pagination .current {
+  background-color: #ECEDF1;
+  font-style: normal;
+}
+
+#content .pagination .previous_page{
+  padding: 7px 11px 10px 11px;
+  float: left;
+}
+
+#content .pagination .next_page{
+  float: right;
+  padding: 7px 11px 10px 11px;
+}
+
+#content .pagination .previous_page,
+#content .pagination .next_page{
+  width: auto;
+  position: relative;
+  background-image: none;
+  font-weight: 500;
+}
+
+#content .pagination .disabled{
+  opacity: 0.5;
+}
+
+
+
	@@ -29,3 +29,56 @@		@@ -29,3 +29,56 @@
29	font-family: "open_sansregular", Arial, Helvetica, sans-serif;	29	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
30	text-transform: none;	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	+