diff rhodecode/public/css/style.css @ 3538:9bf927589f7a beta

Tweaks to Changelog and Summary view, removing excess information, and improving layout.
author Leonardo Carneiro <leonardo@unity3d.com>
date Mon, 11 Mar 2013 16:26:44 +0100
parents 7f8d349bbde4
children c65b440540da
line wrap: on
line diff
--- a/rhodecode/public/css/style.css	Thu Mar 07 14:48:23 2013 +0100
+++ b/rhodecode/public/css/style.css	Mon Mar 11 16:26:44 2013 +0100
@@ -401,10 +401,11 @@
     float: right;
     list-style-type: none;
     list-style-position: outside;
-    margin: 8px 8px 0 0;
+    margin: 4px 8px 0 0;
     padding: 0;
-}
-
+    border-radius: 4px;
+}
+/*
 #header #header-inner #quick > li {
     position: relative;
     float: left;
@@ -428,20 +429,20 @@
     -khtml-border-radius: 4px 4px 4px 4px;
     border-radius: 4px 4px 4px 4px;
 }
-
+*/
 #header #header-inner #quick li span.short {
     padding: 9px 6px 8px 6px;
 }
 
 #header #header-inner #quick li span {
-    top: 0;
+    /*top: 0;
     right: 0;
-    height: 1%;
-    display: block;
-    float: left;
-    border-left: 1px solid #3f6f9f;
+    height: 1%;*/
+    display: inline;
+    /*float: left;*/
+    /*border-left: 1px solid #3f6f9f;*/
     margin: 0;
-    padding: 10px 12px 8px 10px;
+    /*padding: 10px 12px 8px 10px;*/
 }
 
 #header #header-inner #quick li span.normal {
@@ -450,13 +451,9 @@
 }
 
 #header #header-inner #quick li span.icon {
-    top: 0;
-    left: 0;
+
     border-left: none;
-    border-right: 1px solid #2e5c89;
-    padding: 8px 6px 4px;
-    min-width: 16px;
-    min-height: 16px;
+    padding-left: 10px ;
 }
 
 #header #header-inner #quick li span.icon_short {
@@ -468,19 +465,21 @@
 }
 
 #header #header-inner #quick li span.icon img, #header #header-inner #quick li span.icon_short img {
-    margin: 0px -2px 0px 0px;
-}
-
-#header #header-inner #quick > li.current > a,
-#header #header-inner #quick > li > a:hover {
+    vertical-align: middle;
+    margin-bottom: 2px;
+}
+
+/*#header #header-inner #quick > li.current > a,
+#header #header-inner #quick > li > a:hover*/ {
     background-color: #4e4e4e;
 }
-
+/*
 #header #header-inner #quick li.current a span,
 #header #header-inner #quick li a:hover span {
     border-left: 1px solid #545454;
 }
-
+*/
+/*
 #header #header-inner #quick li.current a span.icon,
 #header #header-inner #quick li.current a span.icon_short,
 #header #header-inner #quick li a:hover span.icon,
@@ -488,7 +487,7 @@
     border-left: none;
     border-right: 1px solid #464646;
 }
-
+*/
 #header #header-inner #quick ul.repo_switcher {
     max-height: 275px;
     overflow-x: hidden;
@@ -995,6 +994,7 @@
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 );
     margin: 0 0 20px;
     padding: 0;
+    border-radius: 4px 4px 0 0;
 }
 
 #content div.box div.title h5 {
@@ -1733,7 +1733,7 @@
 
 #summary-menu-stats{
     float: left;
-    width: 200px;
+    width: 180px;
     position: absolute;
     top: 0;
     right: 0;
@@ -1749,7 +1749,6 @@
 
 #content #summary-menu-stats li {
     border-top: 1px solid #d1d1d1;
-    line-height: 32px;
     padding: 0;
 }
 
@@ -1769,14 +1768,19 @@
 
 #summary-menu-stats a {
     display: block;
-    color: #000000;
-    padding: 0 30px;
+    /*color: #000000;*/
+    padding: 12px 30px;
     background-repeat: no-repeat;
     background-position: 10px 50%;
-}
+    padding-right: 10px;
+}
+
 
 #repo_size_2 {
-    margin-left: 25px;
+    margin-left: 30px;
+    display: block;
+    padding-right: 10px;
+    padding-bottom: 7px;
 }
 
 #summary-menu-stats a:hover {
@@ -2561,6 +2565,7 @@
     white-space: nowrap;
     height: 31px;
     border-color: #cdcdcd;
+    text-align: left;
 }
 
 #graph_content .container .author {
@@ -2568,7 +2573,7 @@
 }
 
 #graph_content .container .hash{
-    width: 90px;
+    width: 85px;
     font-size: 0.85em;
 }
 
@@ -2644,7 +2649,7 @@
 #graph_content .comments-container {
     /*width: 40px;*/
     margin: 0.8em 0;
-    margin-left: 0.5em;
+    margin-right: 0.5em;
 }
 
 #graph_content  .tagcontainer {
@@ -4561,22 +4566,22 @@
     margin:2px 0px 8px 5px !important
 }
 
-
 .notification-paginator {
     padding: 0px 0px 4px 16px;
     float: left;
 }
 
 .menu_link_user {
-    padding: 10px 8px 8px 8px !important;
-}
-
+    /*padding: 10px 8px 8px 8px !important;*/
+}
+
+#context-pages .pull-request span,
 .menu_link_notifications {
     padding: 4px 4px !important;
-    margin: 7px 4px 0px 0px !important;
+    /*margin: 7px 4px 0px 0px !important;*/
     text-align: center;
     color:#888 !important;
-    font-size: 10px;
+    /*font-size: 10px;*/
     background-color: #DEDEDE !important;
     border-radius: 4px !important;
     -webkit-border-radius: 4px !important;