Commits

Ahmed Soliman committed d1697c9

some css coolness

Comments (0)

Files changed (1)

public/stylesheets/main.css

 body {
     padding: 0 0 0 0;
     margin: 0 0 0 0;
-    font: 12px / 20px Arial, Helvetica, sans-serif;
+    font: 13px / 20px Arial, Helvetica, sans-serif;
+	text-shadow: 1px 1px 0 #FFFFFF;
 	background-color: #F9F7F5;
 }
 
 #rules li {
 	direction: rtl;
 	padding-right: 40px;
+	padding-left: 20px;
 	list-style: square;
 	list-style-position: inside;
 }
 p {
     direction: rtl;
-	padding-right:40px;
-	padding-top:15px;
+	padding-right: 40px;
+	padding-left: 20px;
+	padding-top: 15px;
 }
 
 h1, h2, h3, h4, h5, h6 {
 
 .buttons {
     width: 80px;
-    margin: 10px auto 10px 100px;
+    margin: 10px auto 10px 10px;
 }
 
 .btn {
 }
 
 .menu {
-    background-color: #444444;
-    height: 30px;
+    background: #444;
+    background:  -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
+    background:  -moz-linear-gradient(top, #555, #333);
+    background:  gradient(linear, left top, left bottom, from(#555), to(#333));    
+	height: 30px;
 	width: 100%;
 }
 
 .header {
-    background-color: #2F2922;
+    background: #2F2922;
+    background:  -webkit-gradient(linear, left top, left bottom, from(#444), to(#2F2922));
+    background:  -moz-linear-gradient(top, #444, #2F2922);
+    background:  gradient(linear, left top, left bottom, from(#444), to(#2F2922));    
     color: #ffffff;
     width: 696px;
     left: 50%;
     padding: 20px 0;
     font-size: 2.5em;
     direction: rtl;
+	text-shadow: 1px 1px 0 #000;
 }
 
 #content {
     border-radius-topright: 15px;
     width: 696px;
     margin: 0 auto 0 auto;
-    /* position: fixed;
-     left: 50%;
-     
-     bottom: 0;
-     */
     text-align: center;
     font-size: 12px;
     vertical-align: middle;
     font-weight: bolder;
 }
 
-#main-menu-ul a:link {
+#main-menu-ul a:link, a:visited, a:active{
 	color: #BBB;
 	text-decoration: none;
+	text-shadow: 1px 1px 0 #000;
 }
 
-#main-menu-ul a:visited {
-	color: #BBB;
-	text-decoration: none;
-	
-}
-
-#main-menu-ul a:active {
-	color: #BBB;
-	text-decoration: none;	
-}
 
 .footer a:link {
 	color: #FFF;
 .footer a:visited {
 	color: #FFF;
 	text-decoration: none;
-	
+	text-shadow: 1px 1px 0 #CCC;
 }
 
 .footer a:active {
 .ui-dialog-title {
     direction: rtl;
     float: right !important;
+	text-shadow: 1px 1px 0 #000;
 }
 
+.ui-widget-content {
+	text-shadow: 1px 1px 0 #000;
+}
+
+
 #error {
   color : red;
 }