changeset 1470:ea41c494cc3f beta

beatify !
author Marcin Kuzminski <marcin@python-works.com>
date Wed, 14 Sep 2011 00:35:01 +0300
parents 61006e29497e
children f4725d9faf84
files rhodecode/public/css/style.css rhodecode/templates/base/base.html
diffstat 2 files changed, 73 insertions(+), 19 deletions(-) [+]
line wrap: on
line diff
--- a/rhodecode/public/css/style.css	Tue Sep 13 20:53:42 2011 +0300
+++ b/rhodecode/public/css/style.css	Wed Sep 14 00:35:01 2011 +0300
@@ -250,9 +250,13 @@
 clear:both;
 position:relative;
 background:#003367 url("../images/header_inner.png") repeat-x;
-border-bottom:2px solid #fff;
 margin:0;
 padding:0;
+box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
+-webkit-border-radius: 4px 4px 4px 4px;
+-khtml-border-radius: 4px 4px 4px 4px; 
+-moz-border-radius: 4px 4px 4px 4px;
+border-radius: 4px 4px 4px 4px;
 }
 
 #header #header-inner #home a {
@@ -290,7 +294,7 @@
 float:right;
 list-style-type:none;
 list-style-position:outside;
-margin:10px 5px 0 0;
+margin:6px 5px 0 0;
 padding:0;
 }
 
@@ -311,8 +315,12 @@
 color:#FFF;
 font-weight:700;
 text-decoration:none;
-background:#369 url("../images/quick_l.png") no-repeat top left;
+background:#369;
 padding:0;
+-webkit-border-radius: 4px 4px 4px 4px;
+-khtml-border-radius: 4px 4px 4px 4px; 
+-moz-border-radius: 4px 4px 4px 4px;
+border-radius: 4px 4px 4px 4px;
 }
 
 #header #header-inner #quick li span.short {
@@ -325,7 +333,6 @@
 height:1%;
 display:block;
 float:left;
-background:url("../images/quick_r.png") no-repeat top right;
 border-left:1px solid #3f6f9f;
 margin:0;
 padding:10px 12px 8px 10px;
@@ -340,7 +347,6 @@
 top:0;
 left:0;
 border-left:none;
-background:url("../images/quick_l.png") no-repeat top left;
 border-right:1px solid #2e5c89;
 padding:8px 8px 4px;
 }
@@ -355,18 +361,16 @@
 }
 
 #header #header-inner #quick li a:hover {
-background:#4e4e4e url("../images/quick_l_selected.png") no-repeat top left;
+background:#4e4e4e  no-repeat top left;
 }
 
 #header #header-inner #quick li a:hover span {
 border-left:1px solid #545454;
-background:url("../images/quick_r_selected.png") no-repeat top right;
 }
 
 #header #header-inner #quick li a:hover span.icon,#header #header-inner #quick li a:hover span.icon_short {
 border-left:none;
 border-right:1px solid #464646;
-background:url("../images/quick_l_selected.png") no-repeat top left;
 }
 
 #header #header-inner #quick ul {
@@ -617,6 +621,12 @@
 background:#fff;
 margin:0 0 10px;
 padding:0 0 10px;
+-webkit-border-radius: 4px 4px 4px 4px;
+-khtml-border-radius: 4px 4px 4px 4px; 
+-moz-border-radius: 4px 4px 4px 4px;
+border-radius: 4px 4px 4px 4px;
+box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
+
 }
 
 #content div.box-left {
@@ -1083,6 +1093,7 @@
 border-collapse:collapse;
 margin:0;
 padding:0;
+border: 1px solid #eee;
 }
 
 #content div.box table th {
@@ -1341,7 +1352,11 @@
 
 #footer div#footer-inner {
 background:url("../images/header_inner.png") repeat-x scroll 0 0 #003367;
-border-top:2px solid #FFFFFF;
+box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
+-webkit-border-radius: 4px 4px 4px 4px;
+-khtml-border-radius: 4px 4px 4px 4px; 
+-moz-border-radius: 4px 4px 4px 4px;
+border-radius: 4px 4px 4px 4px;
 }
 
 #footer div#footer-inner p {
@@ -1422,7 +1437,11 @@
 position: absolute;
 margin-left: -16px;
 width: 281px;
-border-radius: 0 0 8px 8px;
+-webkit-border-radius: 0px 0px 4px 4px;
+-khtml-border-radius: 0px 0px 4px 4px; 
+-moz-border-radius: 0px 0px 4px 4px;
+border-radius: 0px 0px 4px 4px;
+
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 }
 
@@ -1916,6 +1935,9 @@
 	vertical-align: sub;
 	border: 1px solid;
 	padding:2px;
+	-webkit-border-radius: 4px 4px 4px 4px;
+	-khtml-border-radius: 4px 4px 4px 4px; 
+	-moz-border-radius: 4px 4px 4px 4px;
 	border-radius: 4px 4px 4px 4px;
 	background: url("../images/button.png") repeat-x scroll 0 0 #E5E3E3;
 	border-color: #DDDDDD #DDDDDD #C6C6C6 #C6C6C6;
@@ -2355,7 +2377,7 @@
 -webkit-border-radius: 6px;
 -khtml-border-radius: 6px; 
 -moz-border-radius: 6px;
-borderradius: 6px;  
+border-radius: 6px;
 
 }
 
@@ -2363,7 +2385,7 @@
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px; 
 -moz-border-radius: 4px;
-borderradius: 4px;	
+border-radius: 4px;	
 }
 
 #header,#content,#footer {
@@ -2371,7 +2393,6 @@
 }
 
 #content {
-min-height:100%;
 clear:both;
 overflow:hidden;
 padding:14px 10px;
@@ -2402,6 +2423,19 @@
 color:#515151;
 outline:none;
 margin:0;
+-webkit-border-radius: 4px 4px 4px 4px;
+-khtml-border-radius: 4px 4px 4px 4px; 
+-moz-border-radius: 4px 4px 4px 4px;
+border-radius: 4px 4px 4px 4px;
+box-shadow: 0 1px 0 #ececec;
+cursor: pointer;
+}
+#content div.box input.ui-button-small:hover {
+background:#b4b4b4 url("../images/button_selected.png") repeat-x;
+border-top:1px solid #ccc;
+border-left:1px solid #bebebe;
+border-right:1px solid #b1b1b1;
+border-bottom:1px solid #afafaf;	
 }
 
 #content div.box input.ui-button-small-blue {
@@ -2411,6 +2445,16 @@
 border-right:1px solid #2b7089;
 border-bottom:1px solid #1a6480;
 color:#fff;
+-webkit-border-radius: 4px 4px 4px 4px;
+-khtml-border-radius: 4px 4px 4px 4px; 
+-moz-border-radius: 4px 4px 4px 4px;
+border-radius: 4px 4px 4px 4px;
+box-shadow: 0 1px 0 #ececec;
+cursor: pointer;
+}
+
+#content div.box input.ui-button-small-blue:hover {
+	
 }
 
 #content div.box input.ui-button-small submit,button{
@@ -2583,6 +2627,20 @@
 outline:none;
 margin:0;
 padding:6px 12px;
+-webkit-border-radius: 4px 4px 4px 4px;
+-khtml-border-radius: 4px 4px 4px 4px; 
+-moz-border-radius: 4px 4px 4px 4px;
+border-radius: 4px 4px 4px 4px;
+box-shadow: 0 1px 0 #ececec;
+cursor: pointer;
+}
+
+div.form div.fields div.field div.button .ui-button,#content div.box div.form div.fields div.buttons input.ui-button:hover {
+background:#b4b4b4 url("../images/button_selected.png") repeat-x;
+border-top:1px solid #ccc;
+border-left:1px solid #bebebe;
+border-right:1px solid #b1b1b1;
+border-bottom:1px solid #afafaf;
 }
 
 div.form div.fields div.field div.button .ui-state-hover,#content div.box div.form div.fields div.buttons input.ui-state-hover {
@@ -2591,10 +2649,6 @@
 border-left:1px solid #bebebe;
 border-right:1px solid #b1b1b1;
 border-bottom:1px solid #afafaf;
-color:#515151;
-outline:none;
-margin:0;
-padding:6px 12px;
 }
 
 div.form div.fields div.field div.highlight,#content div.box div.form div.fields div.buttons div.highlight {
--- a/rhodecode/templates/base/base.html	Tue Sep 13 20:53:42 2011 +0300
+++ b/rhodecode/templates/base/base.html	Wed Sep 14 00:35:01 2011 +0300
@@ -69,7 +69,7 @@
             %endif
     </ul>
     <!-- end user -->
-    <div id="header-inner" class="title top-left-rounded-corner top-right-rounded-corner">
+    <div id="header-inner" class="title">
         <div id="logo">
             <h1><a href="${h.url('home')}">${c.rhodecode_name}</a></h1>
         </div>
@@ -101,7 +101,7 @@
 
 <!-- FOOTER -->
 <div id="footer">
-   <div id="footer-inner" class="title bottom-left-rounded-corner bottom-right-rounded-corner">
+   <div id="footer-inner" class="title">
        <div>
            <p class="footer-link">
                 <a href="${h.url('bugtracker')}">${_('Submit a bug')}</a>