Improved documentation look

Documentation/Doxygen/Managed.doxyconfig

@@ -1179,7 +1179,7 @@ HTML_EXTRA_STYLESHEET  = doxystyle.css
 # files will be copied as-is; there are no commands or markers available.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_EXTRA_FILES       = 
+HTML_EXTRA_FILES       = SmallLogoRound.png
 
 # The HTML_COLORSTYLE_HUE tag controls the color of the HTML output. Doxygen
 # will adjust the colors in the style sheet and background images according to
@@ -1198,7 +1198,7 @@ HTML_COLORSTYLE_HUE    = 37
 # Minimum value: 0, maximum value: 255, default value: 100.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_COLORSTYLE_SAT    = 212
+HTML_COLORSTYLE_SAT    = 0
 
 # The HTML_COLORSTYLE_GAMMA tag controls the gamma correction applied to the
 # luminance component of the colors in the HTML output. Values below 100

Documentation/Doxygen/Native.doxyconfig

@@ -1194,7 +1194,7 @@ HTML_EXTRA_STYLESHEET  = doxystyle.css
 # files will be copied as-is; there are no commands or markers available.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_EXTRA_FILES       = 
+HTML_EXTRA_FILES       = SmallLogoRound.png
 
 # The HTML_COLORSTYLE_HUE tag controls the color of the HTML output. Doxygen
 # will adjust the colors in the style sheet and background images according to
@@ -1213,7 +1213,7 @@ HTML_COLORSTYLE_HUE    = 37
 # Minimum value: 0, maximum value: 255, default value: 100.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_COLORSTYLE_SAT    = 212
+HTML_COLORSTYLE_SAT    = 0
 
 # The HTML_COLORSTYLE_GAMMA tag controls the gamma correction applied to the
 # luminance component of the colors in the HTML output. Values below 100

Documentation/Doxygen/doxystyle.css

@@ -6,39 +6,50 @@ body, table, div, p, dl {
 h1 {
 	margin-top: 0.47em;
 	margin-bottom: 0.07em;
-	padding: 0px 0px 5px 0px;
-	border-bottom: 2px solid #CD8512;
+	padding: 15px 0px 5px 0px;
+	border-bottom: 2px solid rgba(89, 160, 195, 0.86);
 }
 
 h2 {
 	margin-top: 0.37em;
 	margin-bottom: 0.07em;
-	padding: 0px 0px 5px 0px;
-	border-bottom: 1px solid #CD8512;
+	padding: 10px 0px 5px 0px;
+	border-bottom: 1px solid rgba(89, 160, 195, 0.86);
+}
+
+h2.groupheader {
+	border-bottom: 1px solid rgba(89, 160, 195, 0.86);
 }
 
 h3 {
 	margin-top: 0.27em;
 	margin-bottom: 0.07em;
-	padding: 0px 0px 5px 0px;
-	border-bottom: 1px dashed #CD8512;
+	padding: 10px 0px 5px 0px;
+	border-bottom: 1px dashed rgba(89, 160, 195, 0.86);
+}
+
+a:visited {
+	color: #4183c4;
+}
+
+.contents a:visited {
+	color: #4183c4;
 }
 
 div.contents {
 	margin: auto;
 	width: 960px;
-}
-
-.textblock {
-	padding-bottom: 25px;
+	padding-bottom: 150px;
 }
 
 /* Nav bar */
 .tabs, .tabs2, .tabs3 {
-	background-color: #ffb750;
+	background-color: rgba(0, 0, 0, 0.7);
 	background-image: none;
     font-family: Lato,'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
-	border-bottom: 1px solid #CD8512;
+	border-bottom: none;
+	width: 960px;
+	margin: auto;
 }
 
 .tablist li {
@@ -47,27 +58,42 @@ div.contents {
 
 .tablist a {
 	background-image: none;
+	color: rgba(255, 255, 255, 0.9);
+	background: transparent;
+	text-shadow: none;
+	font-weight: normal;
 }
 
 .tablist a:hover {
     background-image: none;
+	color: rgba(255, 255, 255, 0.9);
 }
 
 .tablist li.current a {
     background-image: none;
+	text-shadow: none;
+}
+
+.tablist li:hover {
+	background-color: rgba(255, 255, 255, 0.15);
+}
+
+.tablist li:last-child:hover {
+	background-color: rgba(0, 0, 0, 0);
 }
 
 /* Second nav bar */
 .navpath ul {	
-	background-color: #ffd599;
+	background-color: rgba(222, 222, 222, 0.46);
 	background-image: none;
-	border-bottom: 1px solid #CD8512;
+	border: none;
+	width: 960px;
+	margin: auto;
 }
 
 .navpath li
 {
 	background-image: none;
-	border-right: 1px solid #CD8512;
 }
 
 .navpath li:last-child
@@ -76,9 +102,28 @@ div.contents {
 	border-right: 0px;
 }
 
+.navpath li.navelem a {
+	color: rgba(0, 0, 0, 0.65);
+	text-shadow: none;
+	font-family: Lato, 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
+	font-weight: bold;	
+}
+
+.navpath li.navelem a:hover {
+	color:rgb(0, 0, 0);
+	text-shadow: none;
+}
+
+.navpath li.navelem:hover {
+	background-color:rgb(230, 230, 230);
+}
+
 /* Page header */
 div.header {
+	width: 960px;
+	margin: auto;
 	background-image: none;
+	border-bottom: 1px solid rgba(89, 160, 195, 0.86);
 }
 
 div.headertitle {
@@ -88,26 +133,26 @@ div.headertitle {
 /* Members */
 .memproto, dl.reflist dt {
 	background-image: none;
-	background-color: #ffd599;
-	/* opera specific markup */
-	box-shadow: none;
-	/* firefox specific markup */
-	-moz-box-shadow: none;
-	/* webkit specific markup */
-	-webkit-box-shadow: none;
+	background-color: #F9FAFB;
+	color: #000000;
+	text-shadow: none;
+	padding: 2px 0px 4px 0px;
+	border: 1px solid rgba(34,36,38,.15);
+	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
+	-moz-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
+	-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
 }
 
 .memdoc, dl.reflist dd {
 	padding: 1px 10px 2px 10px;
-	background-color: #FEFCF9;
+	border-bottom: 1px solid rgba(34,36,38,.15);
+	border-left: 1px solid rgba(34,36,38,.15);
+	border-right: 1px solid rgba(34,36,38,.15);
+	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
+	-moz-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
+	-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
 	border-top-width: 0;
 	background-image: none;
-	/* opera specific markup */
-	box-shadow: none;
-	/* firefox specific markup */
-	-moz-box-shadow: none;
-	/* webkit specific markup */
-	-webkit-box-shadow: none;
 }
 
 /* TOC */
@@ -130,17 +175,24 @@ div.toc {
 	background-color: white;
 	border-top: 1px solid black;
 	border-bottom: 1px solid black;
-	height: 17px;
 	top: -1px;
     font: 9pt Lato, Arial, Verdana, sans-serif;
 }
 
+#MSearchBox {
+	margin-top: none;
+	position: relative;
+	left: 470px;
+	top: 7px;
+}
+
 #MSearchBox .left {
 	background-color: white;
     background-image: none;
 	border-top: 1px solid black;
 	border-bottom: 1px solid black;
 	border-left: 1px solid black;
+	width: 21px;
 }
 
 #MSearchBox .right {
@@ -149,33 +201,102 @@ div.toc {
 	border-top: 1px solid black;
 	border-bottom: 1px solid black;
 	border-right: 1px solid black;
+	position: relative;
+	left: 142px;
+}
+
+#MSearchSelect {
+	left: 2px;
+}
+
+#MSearchResultsWindow {
+	margin-left: 85%;
+	margin-top: 100px;
 }
 
 /* Other */
 
+#titlearea {
+	border-bottom: none;
+}
+
 .title {
 	font: bold 24px/28px Lato,Roboto,sans-serif;
 }
 
+.icon {
+	background-color: transparent;
+}
+
 table.directory {
     font: 400 14px Lato,Roboto,sans-serif;
 }
 
-.navpath li.navelem a {
-	font-family: Lato, 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;   
+table.doxtable {
+	border-radius: .28571429rem;
+	border-collapse: separate;
+	border: 1px solid rgba(34, 36, 38, .15);
+	border-spacing: 0px;
+	background-color: #F9FAFB;
 }
 
-.navpath li.navelem a:hover {
-	color:#ffffff;
-	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
+table.doxtable th {
+	background-color: #F9FAFB;
+	color: rgba(0,0,0,.87);
+	border: none;
 }
 
-table.doxtable th {
-	background-color: #ffb750;
+table.doxtable td {
+	border: none;
+	border-left: 1px solid rgba(34, 36, 38, .1);
+}
+
+table.doxtable td:first-child {
+	border-left: none;
+}
+
+table.doxtable tr {
+	border-left: 1px solid rgba(34, 36, 38, .1);
+}
+
+table.doxtable tr td {
+	border-top: 1px solid rgba(34, 36, 38, .1);
+}
+
+table.doxtable tr:first-child td {
+	border-top: 1px solid rgba(34, 36, 38, .1);
+}
+
+table.doxtable tbody tr:nth-child(2n) {
+	background-color: #FFFFFF;
+}
+
+.paramname em {
+	color: #000000;
+}
+
+.paramname em {
+	font-style: italic;
+}
+
+.everything {
+	position: relative;
+	min-height: 100%;
+}
+
+.footer {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+}
+
+span.mlabel {
+	background-color: rgba(89, 160, 195, 0.86);
 }
 
 dl.note {
-	border-color: #ffb750;
+	border-color: rgba(89, 160, 195, 0.86);
 }
 
 #projectname

Documentation/Doxygen/footer.html

@@ -1,4 +1,35 @@
 <!-- HTML footer for doxygen 1.8.10-->
 <!-- start footer part -->
+	<div class="footer">
+		<div class="ui inverted vertical footer segment">
+			<div class="ui container">
+			  <div class="ui stackable inverted divided equal height stackable grid">
+				<div class="three wide column">
+				  <h4 class="ui inverted header">About</h4>
+				  <div class="ui inverted link list">
+					<a href="#" class="item">Contact us</a>
+					<a href="#" class="item">Report an issue</a>
+					<a href="#" class="item">Become a contributor</a>
+				  </div>
+				</div>
+				<div class="three wide column">
+				  <h4 class="ui inverted header">Info</h4>
+				  <div class="ui inverted link list">
+					<a href="#" class="item">C++ API documentation</a>
+					<a href="#" class="item">C# API documentation</a>
+					<a href="#" class="item">Roadmap</a>
+					<a href="#" class="item">License</a>
+				  </div>
+				</div>
+				<div class="seven wide column">
+				  <h4 class="ui inverted header">Footer Header</h4>
+				  <p>Place something here.</p>
+				</div>
+			  </div>
+			</div>
+		</div>
+	</div>
+</div> <!-- Everything -->
+
 </body>
 </html>

Documentation/Doxygen/header.html

@@ -7,50 +7,34 @@
 <meta name="generator" content="Doxygen $doxygenversion"/>
 <!--BEGIN PROJECT_NAME--><title>$projectname: $title</title><!--END PROJECT_NAME-->
 <!--BEGIN !PROJECT_NAME--><title>$title</title><!--END !PROJECT_NAME-->
+<link rel="icon" type="image/png" href="$relpath^SmallLogoRound.png">
 <link href="$relpath^tabs.css" rel="stylesheet" type="text/css"/>
 <link href='http://fonts.googleapis.com/css?family=Lato:normal,bold' rel='stylesheet' type='text/css'>
 <script type="text/javascript" src="$relpath^jquery.js"></script>
+<script type="text/javascript" src="$relpath^../../SemanticUI/semantic.js"></script>
 <script type="text/javascript" src="$relpath^dynsections.js"></script>
 $treeview
 $search
 $mathjax
 <link href="$relpath^$stylesheet" rel="stylesheet" type="text/css" />
 $extrastylesheet
+<link href="$relpath^../../SemanticUI/semantic.css" rel="stylesheet" type="text/css">
 </head>
 <body>
-<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
+<div class="everything">
+	<div class="ui inverted vertical masthead center aligned segment">
+		<div class="ui container">
+			<div class="ui inverted mainmenu menu">
+				<div class="item"><img src="$relpath^SmallLogoRound.png"></div>
+				<a class="item"><i class="home icon"></i>Home</a>
+				<a class="item"><i class="newspaper icon"></i>News</a>
+				<a class="item"><i class="grid layout icon"></i>Features</a>
+				<a class="item"><i class="download icon"></i>Download</a>
+				<a class="active item"><i class="idea icon"></i>Docs</a>
+			</div>
+		</div>
+	</div>
+
+	<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
 
-<!--BEGIN TITLEAREA-->
-<div id="titlearea">
-<table cellspacing="0" cellpadding="0">
- <tbody>
- <tr style="height: 56px;">
-  <!--BEGIN PROJECT_LOGO-->
-  <td id="projectlogo"><img alt="Logo" src="$relpath^$projectlogo"/></td>
-  <!--END PROJECT_LOGO-->
-  <!--BEGIN PROJECT_NAME-->
-  <td id="projectalign" style="padding-left: 0.5em;">
-   <div id="projectname">$projectname
-   <!--BEGIN PROJECT_NUMBER-->&#160;<span id="projectnumber">$projectnumber</span><!--END PROJECT_NUMBER-->
-   </div>
-   <!--BEGIN PROJECT_BRIEF--><div id="projectbrief">$projectbrief</div><!--END PROJECT_BRIEF-->
-  </td>
-  <!--END PROJECT_NAME-->
-  <!--BEGIN !PROJECT_NAME-->
-   <!--BEGIN PROJECT_BRIEF-->
-    <td style="padding-left: 0.5em;">
-    <div id="projectbrief">$projectbrief</div>
-    </td>
-   <!--END PROJECT_BRIEF-->
-  <!--END !PROJECT_NAME-->
-  <!--BEGIN DISABLE_INDEX-->
-   <!--BEGIN SEARCHENGINE-->
-   <td>$searchbox</td>
-   <!--END SEARCHENGINE-->
-  <!--END DISABLE_INDEX-->
- </tr>
- </tbody>
-</table>
-</div>
-<!--END TITLEAREA-->
 <!-- end header part -->

Documentation/Generated/SemanticUI/.gitignore

@@ -0,0 +1,3 @@
+# Ignored files
+*
+!.gitignore