# HG changeset patch # User Marcin Kuzminski # Date 1287407991 -7200 # Node ID edf8567be8ede9f42a5a5f75e14f0c0c77710741 # Parent ff449e9e6e38e58020b697a7177eefd5f2a5ff74 css cleanup, fixed rounded corners, removed obsolete images and css imports diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/css/style.css --- a/rhodecode/public/css/style.css Mon Oct 18 04:11:59 2010 +0200 +++ b/rhodecode/public/css/style.css Mon Oct 18 15:19:51 2010 +0200 @@ -139,30 +139,6 @@ 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 @@ 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 @@ 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 @@ 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 @@ 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 @@ 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 @@ 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 @@ 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 @@ 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 @@ 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 @@ } .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 @@ } .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 @@ } .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 @@ } .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 @@ } 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 @@ } .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 @@ } .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 @@ } .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 @@ } .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 @@ } .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 @@ } .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 @@ } #content { -min-height:85%; +min-height:100%; clear:both; overflow:hidden; padding:14px 30px; @@ -2226,28 +2007,6 @@ 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 @@ 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; diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/header_inner_corners.png Binary file rhodecode/public/images/header_inner_corners.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/login_corners.png Binary file rhodecode/public/images/login_corners.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/menu.png Binary file rhodecode/public/images/menu.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/menu_border.png Binary file rhodecode/public/images/menu_border.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/menu_l.png Binary file rhodecode/public/images/menu_l.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/menu_l_selected.png Binary file rhodecode/public/images/menu_l_selected.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/menu_r.png Binary file rhodecode/public/images/menu_r.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/menu_r_selected.png Binary file rhodecode/public/images/menu_r_selected.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/public/images/menu_selected.png Binary file rhodecode/public/images/menu_selected.png has changed diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/templates/base/base.html --- a/rhodecode/templates/base/base.html Mon Oct 18 04:11:59 2010 +0200 +++ b/rhodecode/templates/base/base.html Mon Oct 18 15:19:51 2010 +0200 @@ -28,17 +28,15 @@
  • ${h.link_to(u'Logout',h.url('logout_home'))}
    • -
    +
    - + ${self.page_nav()} - -
    -
    +
    @@ -63,8 +61,10 @@ diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/templates/login.html --- a/rhodecode/templates/login.html Mon Oct 18 04:11:59 2010 +0200 +++ b/rhodecode/templates/login.html Mon Oct 18 15:19:51 2010 +0200 @@ -8,20 +8,14 @@ - - - -
    -
    +
    ${_('Sign In to rhodecode')}
    -
    -
    ${h.form(h.url.current(came_from=c.came_from))} diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/templates/password_reset.html --- a/rhodecode/templates/password_reset.html Mon Oct 18 04:11:59 2010 +0200 +++ b/rhodecode/templates/password_reset.html Mon Oct 18 15:19:51 2010 +0200 @@ -8,20 +8,14 @@ - - - -
    -
    +
    ${_('Reset You password to rhodecode')}
    -
    -
    ${h.form(url('password_reset'))} diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/templates/register.html --- a/rhodecode/templates/register.html Mon Oct 18 04:11:59 2010 +0200 +++ b/rhodecode/templates/register.html Mon Oct 18 15:19:51 2010 +0200 @@ -8,20 +8,14 @@ - - - -
    -
    +
    ${_('Sign Up to rhodecode')}
    -
    -
    ${h.form(url('register'))} diff -r ff449e9e6e38 -r edf8567be8ed rhodecode/templates/summary/summary.html --- a/rhodecode/templates/summary/summary.html Mon Oct 18 04:11:59 2010 +0200 +++ b/rhodecode/templates/summary/summary.html Mon Oct 18 15:19:51 2010 +0200 @@ -139,7 +139,7 @@ var trending_language = document.createElement('div'); trending_language.title = k; trending_language.innerHTML = ""+percentage+"% "+value+" ${_('files')}"; - 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);