- Better css3 arrows

- Added xample.css
nilesim · Sep 20, 2013 · 1355419 · 1355419
1 parent 65e8668
commit 1355419
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/example.html b/example.html
@@ -11,6 +11,7 @@
 
 
 	<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" />
+	<link rel="stylesheet" type="text/css" href="example.css" />
 
 	<!--[if IE]>
 		<script type="text/javascript">

diff --git a/jquery.fullPage.css b/jquery.fullPage.css
@@ -42,22 +42,22 @@ body, html {
 }
 
 .controlArrow{
-    width:20px;
-    height:20px;
     position:absolute;
     top:50%;
     cursor:pointer;
+	width: 0px;
+	height: 0px;
+	border-style: solid;
 }
 
 .controlArrow.prev{
-   content:"<";
-   background:#fff;    
-   left:0;
+	left:15px;
+	width: 0px;
+	border-width: 38.5px 34px 38.5px 0;
+	border-color: transparent #fff transparent transparent;
 }
-.controlArrow.next{
-   content :">";    
-   background:#fff;    
-   right:0;
+.controlArrow.next{  
+	right:15px;
+	border-width: 38.5px 0 38.5px 34px;
+	border-color: transparent transparent transparent #fff;
 }
-
-}