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	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	+
...	...