modified css and added links to GitHub repo

mbehzad · Mar 22, 2014 · dabcd26 · dabcd26
1 parent 0749a56
commit dabcd26
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 17 deletions.
diff --git a/css.css b/css.css
@@ -5,14 +5,24 @@ Styles related DIRECTLY with jQuery-simple-pagination
 {
 	display: block;
 	float: left;
-	width: 30px;
+	width: 2rem;
 	text-align: center;
 }
 a
 {
 	color: #216ed9;
 	text-decoration: none;
 }
+a h1
+{
+	padding: 2rem;
+	color: #216ed9;
+	text-align: center;
+}
+a:hover
+{
+	text-decoration: underline;
+}
 a[class^="simple-pagination-navigation-"] + a[class^="simple-pagination-navigation-"]
 {
 	margin-right: 0;
@@ -36,8 +46,7 @@ Styles used to page things look nice :)
 }
 body
 {
-	padding: 96px 0;
-	font: 16px/16px Helvetica, sans-serif;
+	font: 1rem/1rem Helvetica, sans-serif;
 	background-color: #22d921;
 }
 h1,
@@ -59,43 +68,43 @@ h3
 }
 h4
 {
-	border-radius: 4px;
-	margin: 16px 0;
-	padding: 8px;
+	border-radius: .25rem;
+	margin: 1rem 0;
+	padding: .5rem;
 	background-color: white;
 	color: #ff2727;
 }
 header
 {
-	border-radius: 8px 8px 0 0;
-	padding-top: 48px;
-	padding-bottom: 48px;
+	border-radius: .5rem .5rem 0 0;
+	padding-top: 3rem;
+	padding-bottom: 3rem;
 	background-color: #9b21d9;
 }
 #header
 {
-	border-radius: 8px;
+	border-radius: .5rem;
 }
 body > div,
 header
 {
 	width: 50%;
 	margin: 0 auto;
-	padding: 32px;
+	padding: 2rem;
 }
 body > div + header
 {
-	margin-top: 96px;
+	margin-top: 6rem;
 }
 body > div
 {
-	border-radius: 0 0 8px 8px;
+	border-radius: 0 0 .5rem .5rem;
 	background-color: white;
 }
 body > div > div,
 div > div + table
 {
-	margin-top: 16px;
+	margin-top: 1rem;
 }
 select
 {
@@ -104,7 +113,7 @@ select
 }
 i
 {
-	padding: 2px 8px;
+	padding: .125rem .5rem;
 	background-color: white;
 	color: #ff2727;
 	font-weight: normal;
@@ -121,7 +130,7 @@ i
 }
 .my-navigation div + div
 {
-	margin-left: 8px;
+	margin-left: .5rem;
 }
 
 

diff --git a/index.html b/index.html
@@ -8,6 +8,8 @@
 <link rel="stylesheet" href="css.css" media="screen" />
 </head>
 <body>
+<a href="https://github.com/ddenhartog/jquery-simple-pagination" target="_blank"><h1>Fork on GitHub</h1></a>
+
 <div id="header">
 	<h1>jQuery Simple Pagination Plugin</h1>
 	<h2>A simple, yet robustly customizable pagination plugin for jQuery</h2>
@@ -246,7 +248,7 @@ <h4>$('#second-container').simplePagination({<br />
 	});</h4>
 	<h5>Values are treated as integers via <i>parseInt()</i></h5>
 	<h5>Even integers are treated as the next lowest odd integer so the current page number can be centered between the other page numbers.</h5>
-	<h5>Regardless of value passed: <u>special treated is made to the beginning and ending numbers to ALWAYS display the desired number of page numbers</u></h5>
+	<h5>Regardless of value passed: <u>special treatment is made to the beginning and ending numbers to ALWAYS display the desired number of page numbers</u></h5>
 	<h5>'0' can be passed, which treated the same as: <i>use_page_numbers: false</i></h5>
 </header>
 <div id="second-container">
@@ -1378,6 +1380,7 @@ <h5>Values are treated as integers via <i>parseInt()</i></h5>
 		Display <select class="simple-pagination-items-per-page"></select> items per page.
 	</div>
 </div>
+<a href="https://github.com/ddenhartog/jquery-simple-pagination" target="_blank"><h1>Fork on GitHub</h1></a>
 
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
 <script src="jquery-simple-pagination-plugin.js"></script>