[webdoc] mono skin changes for xummary presentation

2 files changed, 237 insertions, 188 deletions

diff --git a/webdoc/skins/mono-external/common-extension.css b/webdoc/skins/mono-external/common-extension.css
index 4442289e..2a18e240 100644
--- a/webdoc/skins/mono-external/common-extension.css
+++ b/webdoc/skins/mono-external/common-extension.css
@@ -1,204 +1,302 @@
 body {
-    background-color: #FFFFFF;
-    margin: 0;
-    padding: 0;
+	background-color: #ffffff;
+	margin: 0px;
+	padding: 0px;
 }
+
 .HeaderTable {
-    border: 2px solid #99AADD;
+	border: 2px solid #99aadd;
 }
+
 body, td, th {
-    color: black;
-    font-family: Verdana,sans-serif;
-    font-size: 12px;
+	font-family: Verdana, sans-serif; font-size: 12px;
+	color: black;
 }
+
 .SignatureTable, .MemberSignatureTable {
-    border: 1px solid #DDDDDD;
+	border: 1px solid #DDDDDD;
 }
+
 .Footer {
-    border-top: 2px solid #E5E5E5;
-    padding-left: 1em;
+	border-top: 2px solid #E5E5E5;
+	padding-left: 1em;
 }
+
 .Footer hr {
-    display: none;
+	display: none;	
 }
+
 h1, h2, h3, h4 {
-    font-family: Verdana,sans-serif;
-    font-weight: bold;
+	font-family: Verdana,sans-serif;
+	font-weight: bold;
 }
+
 h1 {
 }
+
 h3 {
 }
+
 h4 {
 }
+
 .MasterNamespaceLink a {
-    font-weight: bold;
-    text-decoration: none;
+	font-weight: bold;
+	text-decoration: none;
 }
 .MasterNamespaceDescription {
-    margin-left: 2em;
-}
-img {
-    border: 0 none;
-    vertical-align: top;
-}
-img.toolbarsep {
-    border: 0px;
-    margin-bottom: 1px;
-    margin-top: 1px;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    vertical-align: middle;
+	margin-left: 2em;
 }
 
-img.toolbar {
-    border: 0px;
-    margin: 1px;
-    padding: 3px;
-    vertical-align: middle;
-}
-
-img.toolbar:hover {
-    border-left: 1px solid white;
-    border-right: 1px solid #B1A598;
-    border-top: 1px solid white;
-    border-bottom: 1px solid #B1A598;
-    margin: 0px;
-}
-
-img.toolbar:active {
-    border-right: 1px solid white;
-    border-left: 1px solid #B1A598;
-    border-bottom: 1px solid white;
-    border-top: 1px solid #B1A598;
+img {
+	border: 0;
+	vertical-align: top;
 }
 
 .copyright {
-    background-color: #BEBAA8;
-    border: 1px solid black;
-    font-size: 9px;
-    margin-left: -15pt;
-    margin-right: -15pt;
-    margin-top: 10pt;
-    padding: 5px;
+	border:1px solid black;
+	padding-left:5px;
+	padding-right:5px;
+	padding-top:5px;
+	padding-bottom:5px;
+	background-color:#BEBAA8;
+	font-size:9px;
+	margin-top: 10pt;
+	margin-left: -15pt;
+	margin-right: -15pt;
 }
+
 .important {
-    background-color: #000000;
-    color: #FFFFFF;
-    padding: 2px;
+	padding-left:2px;
+	padding-right:2px;
+	padding-top:2px;
+	padding-bottom:2px;
+	background-color:#000000;
+	color:#ffffff;
 }
+
 .menu {
-    font-family: Arial,Verdana;
-    font-size: 12px;
-    font-weight: bold;
-}
-.navbar {
-    background-color: #EFEFEF;
-    border-bottom: 1px solid #000000;
-    border-left: 1px solid black;
-    border-right: 1px solid black;
-    color: black;
-    font-family: Arial,Verdana;
-    font-size: 10px;
-    margin-left: -15pt;
-    margin-right: -15pt;
-    padding: 2px;
+	font-family:Arial, Verdana;
+	font-size:12px;
+	font-weight:bold;
 }
+
+.navbar{
+	color:black;
+	font-family:Arial, Verdana;
+	font-size:10px;
+	border-bottom:1px solid #000000;
+	border-left:1px solid black;
+	border-right:1px solid black;
+	background-color:#efefef;
+	padding-left:2px;
+	padding-right:2px;
+	padding-top:2px;
+	padding-bottom:2px;
+	margin-left: -15pt;
+	margin-right: -15pt;
+}
+	
 .topframe {
-    background-color: #BEBAA8;
-    background-image: url("images/backbig.png");
-    border: 1px solid #000000;
-    margin-left: -15pt;
-    margin-right: -15pt;
+	background-image:url(images/backbig.png);
+	border:1px solid #000000;
+	background-color:#BEBAA8;
+	margin-left: -15pt;
+	margin-right: -15pt;
 }
+
 .chapter {
-    color: #444444;
-    font-size: 14px;
-    font-weight: bold;
-    padding: 0;
+	font-size:14px;
+	font-weight:bold;
+	color:#444444;
+	padding-left:0px;
+	padding-right:0px;
+	padding-top:0px;
+	padding-bottom:0px;
 }
+
 .table {
-    background-color: #EFEFEF;
-    border: 1px solid #C0C0C0;
-    padding: 0 2px;
+	padding-left:2px;
+	padding-right:2px;
+	padding-top:0px;
+	padding-bottom:0px;
+	background-color:#efefef;
+	border:1px solid #c0c0c0;
 }
+
 .elementOn {
-    color: #A40000;
+	color:#a40000;
 }
+
 .element {
-    color: #0000A4;
+	color:#0000a4;
 }
+
 .code {
-    font-family: "Courier New",Courier;
-    font-size: small;
-    line-height: 110%;
+	font-size: small;
+	font-family: "Courier New", Courier;
+	line-height:110%;
 }
+
 .box {
-    background: none repeat scroll 0 0 whitesmoke;
-    border: 1px solid silver;
-    font-size: small;
-    padding: 15px;
+	padding:15px;
+	font-size: small;
+	background:whitesmoke;
+	border: solid 1px silver;
 }
+
 .console {
-    background: none repeat scroll 0 0 whitesmoke;
-    border-style: solid;
-    border-width: 1px;
-    margin: 15px;
-    padding: 2pt;
+	border-style: solid; 
+	background: whitesmoke; 
+	border-width: 1px; 
+	padding: 2pt; 
+	margin:15px;
 }
+
 .headerlink {
-    vertical-align: bottom;
+	vertical-align:bottom;
 }
+
 a {
-    color: blue;
+	color: blue;
 }
 a:visited {
-    color: blue;
+	color: blue; 
 }
+
 td a {
-    text-decoration: none;
+	text-decoration: none;
 }
+
 .HeaderTable a {
-    color: black;
-    text-decoration: underline;
+	color: black;
+	text-decoration: underline;
 }
+
 div.Content {
-    margin-right: 1em;
+	margin-right: 1em;
 }
+
 div.related ul {
-    padding-left: 1em;
+	list-type: none;
+	padding-left: 1em;
 }
+
 .native-browser {
-    -moz-border-bottom-colors: none;
-    -moz-border-left-colors: none;
-    -moz-border-right-colors: none;
-    -moz-border-top-colors: none;
-    background: none repeat scroll 0 0 #F2F2F2;
-    border-color: silver silver #BCBCBC;
-    border-image: none;
-    border-radius: 3px 3px 3px 3px;
-    border-style: solid;
-    border-width: 1px;
-    color: #333333 !important;
-    display: inline-block;
-    font-family: "Lucida Grande",Geneva,Helvetica,Arial,Verdana,Sans-Serif;
-    font-size: 88%;
-    padding: 4px 10px;
-    text-decoration: none !important;
+	font-family: "Lucida Grande", Geneva, Helvetica, Arial, Verdana, Sans-Serif;
+	display: inline-block;
+	color: #333 !important;
+	text-decoration:none !important;
+	font-size: 88%;
+	padding: 4px 10px 4px 10px;
+	border: 1px solid silver;
+	border-bottom-color: #bcbcbc;
+	border-radius: 3px;
+	background: #f2f2f2;
 }
+
 .native-browser:hover {
-    background: none repeat scroll 0 0 #DDDDDD;
-    color: black;
+	background: #ddd;
+	color: black;
 }
+
 .native-browser img {
-    margin-right: 3px;
+	vertical-align: center;
+	margin-right: 3px;
+}
+
+body, div {
+    margin: 0;
+    padding: 0;
+}
+img.toolbarsep {
+    border: 0 none;
+    margin-bottom: 1px;
+    margin-top: 1px;
+    padding-bottom: 3px;
+    padding-top: 3px;
+    vertical-align: middle;
+}
+img.toolbar {
+    border: 0 none;
+    margin: 1px;
+    padding: 3px;
+    vertical-align: middle;
+}
+img.toolbar:hover {
+    border-color: white #B1A598 #B1A598 white;
+    border-left: 1px solid white;
+    border-right: 1px solid #B1A598;
+    border-style: solid;
+    border-width: 1px;
+    margin: 0;
+}
+img.toolbar:active {
+    border-color: #B1A598 white white #B1A598;
+    border-left: 1px solid #B1A598;
+    border-right: 1px solid white;
+    border-style: solid;
+    border-width: 1px;
+}
+#login {
+    float: right;
+    padding: 5px;
+    position: fixed;
+    right: 0;
+    top: 0;
 }
 #rightSide {
-    position: relative;
-    top: 2px;
-    right: 0px;
     float: right;
     padding: 5px;
+    position: relative;
+    right: 0;
+    top: 2px;
+}
+#banner {
+    background: url("/mdocimages/headerbg.png") no-repeat scroll 100% 50% #679EF1;
+    border-bottom: 1px dotted #3363BD;
+    height: 40px;
+}
+#header {
+    color: black;
+    height: 40px;
+    margin-bottom: 0;
+    padding: 0 0 0 15px;
+    position: relative;
+    width: 50%;
+}
+#header h1 {
+    color: white;
+    font-family: arial,helvetica,verdana,sans-serif;
+    font-size: 22px;
+    font-weight: bold;
+    line-height: 1.8em;
+    margin: 0;
+}
+body, div {
+    border: 0 none;
+    font: inherit;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+}
+html, body {
+    height: 100%;
+}
+#side {
+    border-right: 1px solid black;
+    float: left;
+    height: 93%;
+    overflow: auto;
+    width: 20%;
+}
+#main_part {
+    height: 100%;
+}
+#content_frame {
+    height: 94%;
+    width: 79.9%;
+}
+#content_frame_wrapper {
+	height: 100%;
 }
-
-
diff --git a/webdoc/skins/mono-external/header.html b/webdoc/skins/mono-external/header.html
index 700ad3db..b0148dc0 100644
--- a/webdoc/skins/mono-external/header.html
+++ b/webdoc/skins/mono-external/header.html
@@ -1,65 +1,16 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
-<head>
-  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
-  <title>XDC: API Documentation</title>
-  <meta name="description" content="Mono Documentation header">
-  <link rel="stylesheet" type="text/css" href="common.css" media="all"
-  title='Default Style'/>
-  <style>
-img.toolbarsep {
-        border: 0px;
-        margin-bottom: 1px;
-        margin-top: 1px;
-        padding-top: 3px;
-        padding-bottom: 3px;
-        vertical-align: middle;
-}
+<div id="banner" style="color: rgb(255, 255, 255);">
+	<div id="rightSide">
+	</div>
+	<div id="header">
+		<h1>Mono Documentation</h1>
+	</div>
 
-img.toolbar {
-        border: 0px;
-        margin: 1px;
-        padding: 3px;
-        vertical-align: middle;
-}
 
-img.toolbar:hover {
-        border-left: 1px solid white;
-        border-right: 1px solid #B1A598;
-        border-top: 1px solid white;
-        border-bottom: 1px solid #B1A598;
-        margin: 0px;
-}
-
-img.toolbar:active {
-        border-right: 1px solid white;
-        border-left: 1px solid #B1A598;
-        border-bottom: 1px solid white;
-        border-top: 1px solid #B1A598;
-}
-
-
-#rightSide {
-        position: fixed;
-        bottom: 0px;
-        right: 0px;
-        float: right;
-        padding: 5px;
-}
-  </style>
-</head>
-
-<body
-style="color: rgb(255, 255, 255); background-color: #c0dda2;"
-link="#ffffff" alink="#ffffff" vlink="#ffffff">
-
-<a href="index.aspx" class="headerlink" target="_top"><img
+<!--<a href="index.aspx" class="headerlink" target="_top"><img
  src="images/mono-logo.png" alt="Mono"
  style="border: 0px solid ; height:75;" /></a>
 
 <div id="rightSide">
    <a href="javascript:parent.content.print();"><img class="toolbar" src="images/print.png" alt="Print" title="Print this document"/></a>
    <a target="_top" id="pageLink" href="/"><img class="toolbar" src="images/link.png" alt="Link to this document" title="Link to this document"/></a>
-</div>
-</body>
-</html>
+</div>-->