[library-web] Update and fine-tune Doxygen style sheet

[Daniel Elstner <daniel src gnome org>]

commit 0e43428e12a36fc8ccc783d9c7cbf60662ea90c7
Author: Daniel Elstner <danielk openismus com>
Date:   Thu Sep 3 15:07:01 2009 +0200

    Update and fine-tune Doxygen style sheet
    
    * data/skins/doxygen.css: Incorporate the modifications made to the
    offline style sheet of the C++ binding documentation.  Use 'em' in
    place of 'px' where feasible.  Slightly adjust margins and paddings
    to improve the overall appearance.  Reduce the overly large font size
    to 90%, and use the same font size for code snippets.

 data/skin/doxygen.css |  167 +++++++++++++++++++++----------------------------
 1 files changed, 71 insertions(+), 96 deletions(-)
---
diff --git a/data/skin/doxygen.css b/data/skin/doxygen.css
index 6be488b..b66b309 100644
--- a/data/skin/doxygen.css
+++ b/data/skin/doxygen.css
@@ -7,8 +7,22 @@ div.gtkmm h1.lgotitle {
 	text-align: center;
 }
 
+div.gtkmm div.contents {
+	font-size: 90%;
+	line-height: 150%;
+}
+
+div.gtkmm div.contents p, div.gtkmm div.contents dl {
+	margin: 0.75em 0;
+}
+
+table {
+	font-size: inherit;
+}
+
 div.gtkmm h1 {
 	font-size: 150%;
+	line-height: 120%;
 }
 
 div.gtkmm h2 {
@@ -42,24 +56,30 @@ caption {
 	font-weight: bold;
 }
 
-div.qindex, div.navtab{
+.center {
+	text-align: center;
+}
+
+div.qindex, div.navtab {
 	background-color: #e8eef2;
 	border: 1px solid #84b0c7;
 	text-align: center;
-	margin: 2px;
-	padding: 2px;
+	margin: 0.2em;
+	padding: 0.2em;
 }
 
-div.qindex, div.navpath {
+div.qindex {
 	width: 100%;
 	line-height: 140%;
 }
 
-div.navtab {
-	margin-right: 15px;
+div.navpath {
+	display: none;
 }
 
-/* @group Link Styling */
+div.navtab {
+	margin-right: 1.25em;
+}
 
 a {
 	color: #153788;
@@ -87,7 +107,7 @@ a.qindexHL {
 }
 
 .contents a.qindexHL:visited {
-        color: #ffffff;
+	color: #ffffff;
 }
 
 a.el {
@@ -103,57 +123,48 @@ a.code {
 a.codeRef {
 }
 
-/* @end */
-
 dl.el {
-	margin-left: -1cm;
+	margin-left: -1.5em;
 }
 
-.fragment {
+code, .fragment {
 	font-family: monospace, fixed;
-	font-size: 105%;
+	font-size: inherit;
 }
 
 pre.fragment {
 	border: 1px solid #aaaaff;
 	background-color: #eeeeff;
 	padding: 0.5em;
-	margin: 4px 8px 4px 2px;
+	margin: 0.375em 0.75em 0.375em 0.2em;
 }
 
 div.ah {
 	background-color: black;
 	font-weight: bold;
 	color: #ffffff;
-	margin-bottom: 3px;
-	margin-top: 3px
+	margin: 0.2em 0;
 }
 
 div.groupHeader {
-	margin-left: 16px;
-	margin-top: 12px;
-	margin-bottom: 6px;
+	margin: 1em 0 0.5em 1.25em;
 	font-weight: bold;
 }
 
 div.groupText {
-	margin-left: 16px;
+	margin-left: 1.25em;
 	font-style: italic;
 }
 
-td.indexkey {
+td.indexkey, td.indexvalue {
 	background-color: #e8eef2;
-	font-weight: bold;
 	border: 1px solid #CCCCCC;
-	margin: 2px 0px 2px 0;
-	padding: 2px 10px;
+	margin: 0.2em 0;
+	padding: 0.2em 0.75em;
 }
 
-td.indexvalue {
-	background-color: #e8eef2;
-	border: 1px solid #CCCCCC;
-	padding: 2px 10px;
-	margin: 2px 0px;
+td.indexkey {
+	font-weight: bold;
 }
 
 tr.memlist {
@@ -165,15 +176,12 @@ p.formulaDsp {
 }
 
 img.formulaDsp {
-	
 }
 
 img.formulaInl {
 	vertical-align: middle;
 }
 
-/* @group Code Colorization */
-
 span.keyword {
 	color: #008000
 }
@@ -218,16 +226,14 @@ span.vhdllogic {
 	color: #ff0000 
 }
 
-/* @end */
-
 .search {
 	color: #003399;
 	font-weight: bold;
 }
 
 form.search {
-	margin-bottom: 0px;
-	margin-top: 0px;
+	margin-bottom: 0;
+	margin-top: 0;
 }
 
 input.search {
@@ -238,11 +244,11 @@ input.search {
 }
 
 td.tiny {
-	font-size: 75%;
+	font-size: 80%;
 }
 
 .dirtab {
-	padding: 4px;
+	padding: 0.25em;
 	border-collapse: collapse;
 	border: 1px solid #84b0c7;
 }
@@ -258,19 +264,17 @@ hr {
 	border-top: 1px solid #666;
 }
 
-/* @group Member Descriptions */
-
 .mdescLeft, .mdescRight,
 .memItemLeft, .memItemRight,
 .memTemplItemLeft, .memTemplItemRight, .memTemplParams {
 	background-color: #FAFAFA;
 	border: none;
-	margin: 4px;
-	padding: 1px 0 0 8px;
+	margin: 0.375em;
+	padding: 0.125em 0 0 0.75em;
 }
 
 .mdescLeft, .mdescRight {
-	padding: 0px 8px 4px 8px;
+	padding: 0 0.75em 0.375em;
 	color: #555;
 }
 
@@ -282,35 +286,32 @@ hr {
 	color: #606060;
 }
 
-/* @end */
-
-/* @group Member Details */
-
 /* Styles for detailed member documentation */
 
 .memtemplate {
-	font-size: 80%;
 	color: #606060;
+	font-size: 90%;
 	font-weight: normal;
-	margin-left: 3px;
+	margin-left: 0.2em;
 }
 
 .memnav {
 	background-color: #e8eef2;
 	border: 1px solid #84b0c7;
 	text-align: center;
-	margin: 2px;
-	margin-right: 15px;
-	padding: 2px;
+	margin: 0.2em 1em 0.2em 0;
+	padding: 0.2em;
 }
 
 .memitem {
+	margin: 0.25em 0;
 	padding: 0;
 }
 
 .memname {
 	white-space: nowrap;
 	font-weight: bold;
+	line-height: 120%;
 }
 
 .memproto, .memdoc {
@@ -321,20 +322,20 @@ hr {
 	padding: 0;
 	background-color: #d5e1e8;
 	font-weight: bold;
-	-webkit-border-top-left-radius: 8px;
-	-webkit-border-top-right-radius: 8px;
-	-moz-border-radius-topleft: 8px;
-	-moz-border-radius-topright: 8px;
+	-webkit-border-top-left-radius: 1ex;
+	-webkit-border-top-right-radius: 1ex;
+	-moz-border-radius-topleft: 1ex;
+	-moz-border-radius-topright: 1ex;
 }
 
 .memdoc {
-	padding: 2px 5px;
+	padding: 0.2em 0.5em;
 	background-color: #eef3f5;
 	border-top-width: 0;
-	-webkit-border-bottom-left-radius: 8px;
-	-webkit-border-bottom-right-radius: 8px;
-	-moz-border-radius-bottomleft: 8px;
-	-moz-border-radius-bottomright: 8px;
+	-webkit-border-bottom-left-radius: 1ex;
+	-webkit-border-bottom-right-radius: 1ex;
+	-moz-border-radius-bottomleft: 1ex;
+	-moz-border-radius-bottomright: 1ex;
 }
 
 .paramkey {
@@ -353,10 +354,6 @@ hr {
 	font-style: normal;
 }
 
-/* @end */
-
-/* @group Directory (tree) */
-
 /* for the tree view */
 
 .ftvtree {
@@ -367,46 +364,27 @@ hr {
 /* these are for tree view when used as main index */
 
 .directory {
-	font-size: 9pt;
+	font-size: 90%;
 	font-weight: bold;
 }
 
 .directory h3 {
-	margin: 0px;
-	margin-top: 1em;
-	font-size: 11pt;
+	margin: 1em 0 0;
+	font-size: 110%;
 }
 
-/*
-The following two styles can be used to replace the root node title
-with an image of your choice.  Simply uncomment the next two styles,
-specify the name of your image and be sure to set 'height' to the
-proper pixel height of your image.
-*/
-
-/*
-.directory h3.swap {
-	height: 61px;
-	background-repeat: no-repeat;
-	background-image: url("yourimage.gif");
-}
-.directory h3.swap span {
-	display: none;
-}
-*/
-
 .directory > h3 {
 	margin-top: 0;
 }
 
 .directory p {
-	margin: 0px;
+	margin: 0;
 	white-space: nowrap;
 }
 
 .directory div {
 	display: none;
-	margin: 0px;
+	margin: 0;
 }
 
 .directory img {
@@ -421,9 +399,9 @@ proper pixel height of your image.
 }
 
 .directory-alt h3 {
-	margin: 0px;
+	margin: 0;
 	margin-top: 1em;
-	font-size: 11pt;
+	font-size: 110%;
 }
 
 .directory-alt > h3 {
@@ -431,18 +409,15 @@ proper pixel height of your image.
 }
 
 .directory-alt p {
-	margin: 0px;
+	margin: 0;
 	white-space: nowrap;
 }
 
 .directory-alt div {
 	display: none;
-	margin: 0px;
+	margin: 0;
 }
 
 .directory-alt img {
 	vertical-align: -30%;
 }
-
-/* @end */
-