Merge pull request github#375 from github/ui-polish

tobiasahlin · tobiasahlin · commit 2d293a32ad74 · 2013-11-21T09:16:50.000-08:00
UI polish
diff --git a/static/shared/css/documentation.css b/static/shared/css/documentation.css
@@ -85,7 +85,7 @@ h1 {
   left: -32px;
   top: 0;
   opacity: 0;
-  padding: 0 10px;
+  padding: 0 5px 0 10px;
   height: 100%;
   width: 20px;
   font: normal normal 16px/20px octiconsregular;
@@ -350,6 +350,12 @@ a img {
 	font-size: 22px;
 	-webkit-backface-visibility: hidden;
 	margin: 50px 0 10px 0;
+	text-decoration: none;
+}
+
+.sub-nav h2 a {
+  z-index: 10;
+  position: relative;
 }
 
 .sub-nav li a:hover {
@@ -372,15 +378,21 @@ a img {
 .sub-nav li a {
 	color: #767676;
 	font-size: 14px;
-	margin-left: 20px;
+	margin-left: 16px;
+	padding: 4px 2px 8px;
 }
 
-.sub-nav li a:hover {
-	color: #327fc7 !important;
+.sub-nav li:last-child a {
+  padding-right: 0;
 }
 
 .sub-nav li a.active {
 	color: #222;
+	border-bottom: 2px solid #d8d8d8;
+}
+
+.sub-nav li a:hover {
+	color: #327fc7;
 }
 
 /*------------------------------------------------------------------------------
@@ -473,8 +485,8 @@ a img {
 .full-width-divider {
 	width: 100%;
 	background: #f2f2f2;
-	border-top: 1px solid #cdcdcd;
-	border-bottom: 1px solid #cdcdcd;
+	border-top: 1px solid #ddd;
+	border-bottom: 1px solid #ddd;
 	overflow: hidden;
 	z-index: 1;
 	position: relative;
@@ -639,6 +651,8 @@ div.sidebar-module ul ul li {
 
 div.sidebar-module li.disable a {
   color: #333;
+  border-left: 2px solid #d8d8d8;
+  padding-left: 29px;
 }
 
 .sidebar-module ul ul li a,
@@ -1041,7 +1055,7 @@ pre.no-response {
   border-bottom: 1px solid #CACACA;
 }
 
-pre.headers + pre.highlight {
+pre.headers + pre {
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
