kallithea Changeset - edf8567be8ed

Changeset - edf8567be8ed

Parent rev.

Child rev.

[Not reviewed]

default

9 6 0

Marcin Kuzminski - 15 years ago 2010-10-18 15:19:51
marcin@python-works.com

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

15 files changed with 57 insertions and 320 deletions:

rhodecode/public/css/style.css

292

rhodecode/public/images/header_inner_corners.png

bin+del

rhodecode/public/images/login_corners.png

bin+del

rhodecode/public/images/menu.png

bin+del

rhodecode/public/images/menu_border.png

bin+del

rhodecode/public/images/menu_l.png

bin+del

rhodecode/public/images/menu_l_selected.png

bin+del

rhodecode/public/images/menu_r.png

bin+del

rhodecode/public/images/menu_r_selected.png

bin+del

rhodecode/public/images/menu_selected.png

bin+del

rhodecode/templates/base/base.html

rhodecode/templates/login.html

rhodecode/templates/password_reset.html

rhodecode/templates/register.html

rhodecode/templates/summary/summary.html

0 comments (0 inline, 0 general)

rhodecode/public/css/style.css

➞

Show inline comments

@@ @@ -136,36 +136,12 @@ height:15px; @@
 display:block;
 float:left;
 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;
 position:absolute;
 background:#FFF;
 margin:7px 0 0 162px;
@@ @@ -177,12 +153,41 @@ height:1%; @@
 display:block;
 text-decoration:none;
 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;
+}
 #header ul#logged-user li {
@@ @@ -372,28 +377,17 @@ background:#FFF; @@
 color:#003367;
 font-weight:400;
 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;
+}
 #header #header-inner #quick li ul ul {
 right:200px;
@@ @@ -484,190 +478,18 @@ padding:12px 9px 7px 24px; @@
 background:#FFF url("../images/icons/tag_blue.png") no-repeat 4px 9px;
 width:167px;
 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;
+}
 #content div.box {
 clear:both;
@@ @@ -1032,16 +854,12 @@ border-right:1px solid #404040; @@
 border-bottom:1px solid #404040;
 color:#000;
 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;
 display:inline;
 position:absolute;
 overflow:hidden;
@@ @@ -1050,16 +868,12 @@ background:#e5e3e3 url("../images/button @@
 border:none;
 text-decoration:none;
 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;
 border-right:1px solid #eaeaea;
 border-bottom:1px solid #eaeaea;
 margin:0 0 0 200px;
@@ @@ -1087,30 +901,12 @@ padding:0; @@
 #content div.box-left div.form div.fields div.field div.textarea textarea,#content div.box-right div.form div.fields div.field div.textarea textarea {
 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;
 margin:0;
 padding:0;
+}
@@ @@ -1437,36 +1233,32 @@ clear:both; @@
 overflow:hidden;
 text-align:right;
 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 {
 width:420px;
 clear:both;
 overflow:hidden;
 position:relative;
 background:#003367 url("../../images/header_inner.png") repeat-x;
 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;
 border-top:none;
 border-bottom:none;
 margin:0 auto;
@@ @@ -1518,19 +1310,12 @@ overflow:hidden; @@
 position:relative;
 background:#003367 url("../images/header_inner.png") repeat-x;
 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;
 border-top:none;
 border-bottom:none;
 margin:0 auto;
@@ @@ -1585,17 +1370,13 @@ padding-bottom:4px; @@
 border:0 !important;
 margin:0 !important;
 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;
 max-width:400px;
 text-decoration:none;
 height:12px;
@@ @@ -1645,29 +1426,29 @@ text-align:right; @@
 font-style:italic;
 color:#556CB5;
 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;
 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;
 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;
 text-align:left;
+}
@@ @@ -1812,20 +1593,20 @@ padding-left:10px; @@
 table.code-browser tbody td {
 padding-left:10px;
 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;
+}
 .box .search {
@@ @@ -1970,53 +1751,53 @@ background:#B3D4FF; @@
 .ac .yui-ac-content li.yui-ac-highlight {
 background:#556CB5;
 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;
 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;
 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;
 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;
 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;
 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;
 padding-top:1px;
+}
@@ @@ -2146,13 +1927,13 @@ padding:2px 2px 0; @@
 #header,#content,#footer {
 min-width:1224px;
+}
 #content {
-min-height:85%;
+min-height:100%;
 clear:both;
 overflow:hidden;
 padding:14px 30px;
+}
 #content div.box div.title div.search {
@@ @@ -2223,34 +2004,12 @@ display:none; @@
+}
 #header #header-inner #quick li:hover ul,#header #header-inner #quick li li:hover ul,#header #header-inner #quick li li li:hover ul,#header #header-inner #quick li li li li:hover ul,#content #left #menu ul.opened,#content #left #menu li ul.expanded {
 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;
+}
 #content div.box ol.lower-roman,#content div.box ol.upper-roman,#content div.box ol.lower-alpha,#content div.box ol.upper-alpha,#content div.box ol.decimal {
@@ @@ -2314,16 +2073,12 @@ text-decoration:none; @@
+}
 #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus,#content div.box div.action a.ui-selectmenu-focus {
 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;
 margin:0;
 padding:2px 0;
+}

rhodecode/public/images/header_inner_corners.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/login_corners.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/menu.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/menu_border.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/menu_l.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/menu_l_selected.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/menu_r.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/menu_r_selected.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/public/images/menu_selected.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

rhodecode/templates/base/base.html

➞

Show inline comments

@@ @@ -25,23 +25,21 @@ @@
 	            	${h.link_to(c.rhodecode_user.username,h.url('admin_settings_my_account'))}
 	            </div>
             </li>
             <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 -->
 	<!-- CONTENT -->
 	<div id="content">
@@ @@ -60,14 +58,16 @@ @@
 	    </div>
 	</div>
     <!-- END CONTENT -->
 	<!-- 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>
 </html>

rhodecode/templates/login.html

➞

Show inline comments

@@ @@ -5,26 +5,20 @@ @@
         <title>${_('Sign In to rhodecode')}</title>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
         <link rel="icon" href="/images/hgicon.png" type="image/png" />
         <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))}
                 <div class="form">
                     <!-- fields -->

rhodecode/templates/password_reset.html

➞

Show inline comments

@@ @@ -5,26 +5,20 @@ @@
         <title>${_('Reset You password to rhodecode')}</title>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
         <link rel="icon" href="/images/hgicon.png" type="image/png" />
         <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'))}
 			    <div class="form">
 			        <!-- fields -->
 			        <div class="fields">

rhodecode/templates/register.html

➞

Show inline comments

@@ @@ -5,26 +5,20 @@ @@
         <title>${_('Sign Up to rhodecode')}</title>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
         <link rel="icon" href="/images/hgicon.png" type="image/png" />
         <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'))}
 			    <div class="form">
 			        <!-- fields -->
 			        <div class="fields">

rhodecode/templates/summary/summary.html

➞

Show inline comments

@@ @@ -136,13 +136,13 @@ E.onDOMReady(function(e){ @@
 				  		td1.appendChild(trending_language_label);
 				  		var td2 = document.createElement('td');
 			  		    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);
 						tr.appendChild(td1);
 						tr.appendChild(td2);
 			  		    tbl.appendChild(tr);

0 comments (0 inline, 0 general)