css cleanup, fixed rounded corners, removed obsolete images and css imports

rhodecode/public/css/style.css

@@ -139,30 +139,6 b' margin:0 0 0 1px;'
 padding:0;
 }
 
-div.color a.blue {
-background:#376ea6;
-}
-
-div.color a.green {
-background:#85924b;
-}
-
-div.color a.brown {
-background:#9b6e42;
-}
-
-div.color a.purple {
-background:#88528b;
-}
-
-div.color a.red {
-background:#bd3220;
-}
-
-div.color a.greyblue {
-background:#566e86;
-}
-
 div.options {
 clear:both;
 overflow:hidden;
@@ -180,6 +156,35 b' margin:0;'
 padding:3px 8px;
 }
 
+.top-left-rounded-corner {
+-webkit-border-top-left-radius: 8px;
+-khtml-border-radius-topleft: 8px; 
+-moz-border-radius-topleft: 8px;
+border-top-left-radius: 8px;
+}
+
+.top-right-rounded-corner {
+-webkit-border-top-right-radius: 8px;
+-khtml-border-radius-topright: 8px;    
+-moz-border-radius-topright: 8px;
+border-top-right-radius: 8px;
+}
+
+.bottom-left-rounded-corner {
+-webkit-border-bottom-left-radius: 8px;
+-khtml-border-radius-bottomleft: 8px;  
+-moz-border-radius-bottomleft: 8px;
+border-bottom-left-radius: 8px;
+}
+
+.bottom-right-rounded-corner {
+-webkit-border-bottom-right-radius: 8px;
+-khtml-border-radius-bottomright: 8px; 
+-moz-border-radius-bottomright: 8px;
+border-bottom-right-radius: 8px;
+}
+
+
 #header {
 margin:0;
 padding:0 30px;
@@ -375,22 +380,11 b' margin:0;'
 padding:7px 9px;
 }
 
-#header #header-inner #quick li ul li a.childs {
-width:167px;
-background:#FFF url("../../resources/images/plus.png") no-repeat 8px 9px;
-margin:0;
-padding:7px 9px 7px 24px;
-}
-
 #header #header-inner #quick li ul li a:hover {
 color:#000;
 background:#FFF;
 }
 
-#header #header-inner #quick li ul li a.childs:hover {
-background:#FFF url("../../resources/images/minus.png") no-repeat 8px 9px;
-}
-
 #header #header-inner #quick ul ul {
 top:auto;
 }
@@ -487,184 +481,12 b' margin:0;'
 padding:12px 9px 7px 24px;
 }
 
-#header #header-inner div.corner {
-height:6px;
-width:6px;
-position:absolute;
-background:url("../../images/header_inner_corners.png") no-repeat;
-}
-
 #content #left {
 left:0;
 width:280px;
 position:absolute;
 }
 
-#content #left #menu {
-clear:both;
-overflow:hidden;
-margin:5px 10px 0 60px;
-padding:0;
-}
-
-#content #left #menu h6 {
-clear:both;
-overflow:hidden;
-background:#dfdfdf url("../images/menu.png") repeat-x;
-color:#6e6e6e;
-margin:5px 0 0;
-padding:0;
-}
-
-#content #left #menu h6 a {
-height:1%;
-display:block;
-clear:both;
-overflow:hidden;
-background:url("../images/menu_l.png") no-repeat top left;
-color:#6e6e6e;
-text-decoration:none;
-margin:0;
-padding:0;
-}
-
-#content #left #menu h6 span {
-height:1%;
-display:block;
-background:url("../images/menu_r.png") no-repeat top right;
-margin:0;
-padding:9px 10px 10px;
-}
-
-#content #left #menu h6.selected {
-color:#FFF;
-background:#00376e url("../../images/menu_selected.png") repeat-x;
-}
-
-#content #left #menu h6.selected a {
-color:#fff;
-background:url("../../images/menu_l_selected.png") no-repeat top left;
-}
-
-#content #left #menu h6.selected span {
-background:url("../../images/menu_r_selected.png") no-repeat top right;
-}
-
-#content #left #menu ul {
-background:#376ea6;
-margin:0;
-padding:0;
-}
-
-#content #left #menu li {
-clear:both;
-overflow:hidden;
-list-style:none;
-color:#fff;
-border-top:1px solid #4377ab;
-border-bottom:1px solid #326395;
-margin:0;
-padding:0;
-}
-
-#content #left #menu li a {
-height:1%;
-display:block;
-float:left;
-color:#fff;
-text-decoration:none;
-background:url("../../images/menu_arrow.png") no-repeat 0 9px;
-margin:0 0 0 6px;
-padding:8px 0 8px 18px;
-}
-
-#content #left #menu li a:hover {
-color:#b9dcff;
-}
-
-#content #left #menu li.collapsible {
-background:url("../../images/menu_border.png") no-repeat top left;
-}
-
-#content #left #menu li.collapsible a {
-height:1%;
-display:block;
-background:transparent;
-float:left;
-font-weight:700;
-margin:0 0 0 6px;
-padding:8px 0;
-}
-
-#content #left #menu li.collapsible a.plus {
-height:10px;
-width:10px;
-display:block;
-float:left;
-background:url("../images/menu_plus.png") no-repeat 5px 10px;
-border:none;
-margin:0;
-padding:8px 0 9px 24px;
-}
-
-#content #left #menu li.collapsible a.minus {
-height:10px;
-width:10px;
-display:block;
-float:left;
-background:url("../images/menu_minus.png") no-repeat 5px 10px;
-border:none;
-border-bottom:1px solid #326395;
-margin:0;
-padding:8px 0 9px 24px;
-}
-
-#content #left #menu li ul {
-border-left:18px solid #326395;
-margin:0;
-padding:0;
-}
-
-#content #left #menu li ul li {
-clear:both;
-overflow:hidden;
-list-style:none;
-color:#fff;
-background:url("../../images/menu_arrow.png") no-repeat 10px 9px;
-border-top:1px solid #4377ab;
-border-bottom:1px solid #326395;
-margin:0;
-padding:0;
-}
-
-#content #left #menu li.collapsible ul li a {
-font-weight:400;
-}
-
-#content #left #menu li.last {
-border-bottom:none;
-}
-
-#content #left #date-picker {
-clear:both;
-overflow:hidden;
-margin:10px 10px 0 60px;
-padding:0;
-}
-
-#content #left #date-picker .ui-datepicker {
-width:auto;
-clear:both;
-overflow:hidden;
-background:#FFF;
-border:1px solid #d1d1d1;
-padding:0;
-}
-
-#content #left #date-picker .ui-datepicker .ui-datepicker-header {
-padding:5px 0;
-}
-
 #content #right {
 margin:0 60px 10px 290px;
 }
@@ -1035,10 +857,6 b' margin:0;'
 padding:4px 8px;
 }
 
-#content div.box div.form div.fields div.field div.input img.ui-datepicker-trigger {
-margin:0 0 0 6px;
-}
-
 #content div.box div.form div.fields div.field div.input a.ui-input-file {
 width:28px;
 height:28px;
@@ -1053,10 +871,6 b' margin:0 0 0 6px;'
 padding:0;
 }
 
-#content div.box div.form div.fields div.field div.input a:hover.ui-input-file {
-background:#e5e3e3 url("../images/button_browse_selected.png") no-repeat;
-}
-
 #content div.box div.form div.fields div.field div.textarea {
 border-top:1px solid #b3b3b3;
 border-left:1px solid #b3b3b3;
@@ -1090,24 +904,6 b' width:100%;'
 height:100px;
 }
 
-#content div.box div.form div.fields div.field div.textarea textarea.error {
-background-color:#FBE3E4;
-background-image:url("../../../resources/images/icons/exclamation.png");
-background-repeat:no-repeat;
-background-position:3px 3px;
-border:1px solid #FBC2C4;
-padding:3px 10px 10px 23px;
-}
-
-#content div.box div.form div.fields div.field div.textarea textarea.success {
-background-color:#E6EFC2;
-background-image:url("../../../resources/images/icons/accept.png");
-background-repeat:no-repeat;
-background-position:3px 3px;
-border:1px solid #C6D880;
-padding:3px 10px 10px 23px;
-}
-
 #content div.box div.form div.fields div.field div.textarea table {
 width:100%;
 border:none;
@@ -1440,11 +1236,14 b' margin:0;'
 padding:0 30px;
 }
 
-#footer p {
+#footer div#footer-inner {
 background:url("../images/header_inner.png") repeat-x scroll 0 0 #003367;
+}
+
+#footer div#footer-inner p {
+padding:15px 25px 15px 0;
 color:#FFF;
 font-weight:700;
-padding:15px 25px 15px 0;
 }
 
 #login div.title {
@@ -1457,13 +1256,6 b' margin:0 auto;'
 padding:0;
 }
 
-#login div.title div.corner {
-height:6px;
-width:6px;
-position:absolute;
-background:url("../../images/login_corners.png") no-repeat;
-}
-
 #login div.inner {
 width:380px;
 background:#FFF url("../images/login.png") no-repeat top left;
@@ -1521,13 +1313,6 b' margin:0 auto;'
 padding:0;
 }
 
-#register div.title div.corner {
-height:6px;
-width:6px;
-position:absolute;
-background:url("../images/login_corners.png") no-repeat;
-}
-
 #register div.inner {
 width:380px;
 background:#FFF;
@@ -1588,11 +1373,7 b' padding:0 !important;'
 }
 
 .trending_language {
--moz-border-radius-bottomright:4px;
--moz-border-radius-topright:4px;
-border-bottom-right-radius:4px 4px;
-border-top-right-radius:4px 4px;
-background-color:#369;
+background-color:#003367;
 color:#FFF;
 display:block;
 min-width:20px;
@@ -1648,7 +1429,7 b' white-space:pre-wrap;'
 }
 
 .cs_files .cs_added {
-background:url("/images/icons/page_white_add.png") no-repeat scroll 3px;
+background:url("../images/icons/page_white_add.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 margin-top:7px;
@@ -1656,7 +1437,7 b' text-align:left;'
 }
 
 .cs_files .cs_changed {
-background:url("/images/icons/page_white_edit.png") no-repeat scroll 3px;
+background:url("../images/icons/page_white_edit.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 margin-top:7px;
@@ -1664,7 +1445,7 b' text-align:left;'
 }
 
 .cs_files .cs_removed {
-background:url("/images/icons/page_white_delete.png") no-repeat scroll 3px;
+background:url("../images/icons/page_white_delete.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 margin-top:7px;
@@ -1815,14 +1596,14 b' height:20px;'
 }
 
 table.code-browser .browser-file {
-background:url("/images/icons/document_16.png") no-repeat scroll 3px;
+background:url("../images/icons/document_16.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 text-align:left;
 }
 
 table.code-browser .browser-dir {
-background:url("/images/icons/folder_16.png") no-repeat scroll 3px;
+background:url("../images/icons/folder_16.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 text-align:left;
@@ -1973,7 +1754,7 b' color:#FFF;'
 }
 
 .add_icon {
-background:url("/images/icons/add.png") no-repeat scroll 3px;
+background:url("../images/icons/add.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 padding-top:1px;
@@ -1981,7 +1762,7 b' text-align:left;'
 }
 
 .edit_icon {
-background:url("/images/icons/folder_edit.png") no-repeat scroll 3px;
+background:url("../images/icons/folder_edit.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 padding-top:1px;
@@ -1989,7 +1770,7 b' text-align:left;'
 }
 
 .delete_icon {
-background:url("/images/icons/delete.png") no-repeat scroll 3px;
+background:url("../images/icons/delete.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 padding-top:1px;
@@ -1997,7 +1778,7 b' text-align:left;'
 }
 
 .rss_icon {
-background:url("/images/icons/rss_16.png") no-repeat scroll 3px;
+background:url("../images/icons/rss_16.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 padding-top:1px;
@@ -2005,7 +1786,7 b' text-align:left;'
 }
 
 .atom_icon {
-background:url("/images/icons/atom.png") no-repeat scroll 3px;
+background:url("../images/icons/atom.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 padding-top:1px;
@@ -2013,7 +1794,7 b' text-align:left;'
 }
 
 .archive_icon {
-background:url("/images/icons/compress.png") no-repeat scroll 3px;
+background:url("../images/icons/compress.png") no-repeat scroll 3px;
 height:16px;
 padding-left:20px;
 text-align:left;
@@ -2149,7 +1930,7 b' min-width:1224px;'
 }
 
 #content {
-min-height:85%;
+min-height:100%;
 clear:both;
 overflow:hidden;
 padding:14px 30px;
@@ -2226,28 +2007,6 b' display:none;'
 display:block;
 }
 
-#header #header-inner div.tl,#login div.title div.tl,#register div.title div.tl {
-top:0;
-left:0;
-background-position:0 0;
-}
-
-#header #header-inner div.tr,#login div.title div.tr,#register div.title div.tr {
-top:0;
-right:0;
-background-position:-6px 0;
-}
-
-#content #left #date-picker .ui-datepicker .ui-datepicker-prev,#content #left #date-picker .ui-datepicker .ui-datepicker-prev-hover {
-top:5px;
-left:4px;
-}
-
-#content #left #date-picker .ui-datepicker .ui-datepicker-next,#content #left #date-picker .ui-datepicker .ui-datepicker-next-hover {
-top:5px;
-right:4px;
-}
-
 #content div.box div.title ul.links li a:hover,#content div.box div.title ul.links li.ui-tabs-selected a {
 background:url("../../images/title_tab_selected.png") no-repeat bottom center;
 color:#bfe3ff;
@@ -2317,10 +2076,6 b' text-decoration:none;'
 border:1px solid #666;
 }
 
-#content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus span.ui-icon,#content div.box div.action a.ui-selectmenu-focus span.ui-icon {
-background-image:url(../images/ui/ui-icons_222222_256x240.png);
-}
-
 #content div.box div.form div.fields div.field div.checkboxes div.checkbox,#content div.box div.form div.fields div.field div.radios div.radio {
 clear:both;
 overflow:hidden;

rhodecode/templates/base/base.html

@@ -28,17 +28,15 b''
             <li class="last highlight">${h.link_to(u'Logout',h.url('logout_home'))}</li>
         </ul>
         <!-- end user -->
-        <div id="header-inner">
+        <div id="header-inner" class="title top-left-rounded-corner top-right-rounded-corner">
             <!-- logo -->
             <div id="logo">
                 <h1><a href="${h.url('hg_home')}">${c.rhodecode_name}</a></h1>
             </div>
             <!-- end logo -->
-            <!-- quick menu -->
+            <!-- menu -->
             ${self.page_nav()}
-            <!-- end quick -->
-            <div class="corner tl"></div>
-            <div class="corner tr"></div>
+            <!-- quick -->
         </div>
     </div>     
     <!-- end header -->
@@ -63,8 +61,10 b''
 
 	<!-- footer -->
 	<div id="footer">
+	   <div id="footer-inner" class="title bottom-left-rounded-corner bottom-right-rounded-corner">
 	    <p>RhodeCode ${c.rhodecode_version} &copy; 2010 by Marcin Kuzminski</p>
-        <script type="text/javascript">${h.tooltip.activate()}</script>	    
+	   </div>
+        <script type="text/javascript">${h.tooltip.activate()}</script>
 	</div>
 	<!-- end footer -->
 </body>

rhodecode/templates/login.html

@@ -8,20 +8,14 b''
         <meta name="robots" content="index, nofollow"/>
             
         <!-- stylesheets -->
-        <link rel="stylesheet" type="text/css" href="/css/reset.css" />
         <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
-        <link id="color" rel="stylesheet" type="text/css" href="/css/colors/blue.css" />
-
-        <!-- scripts -->
 
     </head>
     <body>
 <div id="login">
             <!-- login -->
-            <div class="title">
+            <div class="title top-left-rounded-corner top-right-rounded-corner">
                 <h5>${_('Sign In to rhodecode')}</h5>
-                <div class="corner tl"></div>
-                <div class="corner tr"></div>
             </div>
             <div class="inner">            
                 ${h.form(h.url.current(came_from=c.came_from))}

rhodecode/templates/password_reset.html

@@ -8,20 +8,14 b''
         <meta name="robots" content="index, nofollow"/>
             
         <!-- stylesheets -->
-        <link rel="stylesheet" type="text/css" href="/css/reset.css" />
         <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
-        <link id="color" rel="stylesheet" type="text/css" href="/css/colors/blue.css" />
-
-        <!-- scripts -->
 
     </head>
     <body>
 		<div id="register">
 			
-			<div class="title">
+			<div class="title top-left-rounded-corner top-right-rounded-corner">
 				<h5>${_('Reset You password to rhodecode')}</h5>
-                <div class="corner tl"></div>
-                <div class="corner tr"></div>				
 			</div>
 			<div class="inner">
 			    ${h.form(url('password_reset'))}

rhodecode/templates/register.html

@@ -8,20 +8,14 b''
         <meta name="robots" content="index, nofollow"/>
             
         <!-- stylesheets -->
-        <link rel="stylesheet" type="text/css" href="/css/reset.css" />
         <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
-        <link id="color" rel="stylesheet" type="text/css" href="/css/colors/blue.css" />
-
-        <!-- scripts -->
 
     </head>
     <body>
 		<div id="register">
 			
-			<div class="title">
+			<div class="title top-left-rounded-corner top-right-rounded-corner">
 				<h5>${_('Sign Up to rhodecode')}</h5>
-                <div class="corner tl"></div>
-                <div class="corner tr"></div>				
 			</div>
 			<div class="inner">
 			    ${h.form(url('register'))}

rhodecode/templates/summary/summary.html

@@ -139,7 +139,7 b' E.onDOMReady(function(e){'
 			  		    var trending_language = document.createElement('div');
 			  		    trending_language.title = k;
 			  		    trending_language.innerHTML = "<b>"+percentage+"% "+value+" ${_('files')}</b>";
-			  		    trending_language.setAttribute("class", 'trending_language');
+			  		    trending_language.setAttribute("class", 'trending_language top-right-rounded-corner bottom-right-rounded-corner');
 			  		    trending_language.style.width=percentage+"%";
 						td2.appendChild(trending_language);