Update Doxy CSS

[Feature]       Doxy CSS updated with our custom documentation pages layout.
[Cause]         More eye-pleasant CSS needed.
[Solution]      Manually fix previously extracted CSS.
[Verification]  Generate docs and see if they are OK.

Change-Id: Ia88865ec399fee8e336a2c7e9bf74546d659f61d

diff --git a/doc/custom.css b/doc/custom.css
index a3920b8..301ee53 100644 (file)
--- a/doc/custom.css
+++ b/doc/custom.css
@@ -17,28 +17,17 @@ h1.groupheader {
     margin: 10px 2px;
 }
 
-h2.groupheader {
-    border-bottom: 1px solid #879ECB;
-    color: #354C7B;
-    font-size: 150%;
-    font-weight: normal;
-    margin-top: 1.75em;
-    padding-top: 8px;
-    padding-bottom: 4px;
-    width: 100%;
-}
-
 h3.groupheader {
     font-size: 100%;
 }
 
 h1, h2, h3, h4, h5, h6 {
-    -webkit-transition: text-shadow 0.5s linear;
-    -moz-transition: text-shadow 0.5s linear;
-    -ms-transition: text-shadow 0.5s linear;
-    -o-transition: text-shadow 0.5s linear;
-    transition: text-shadow 0.5s linear;
-    margin-right: 15px;
+    -webkit-transition: none;
+    -moz-transition: none;
+    -ms-transition: none;
+    -o-transition: none;
+    transition: none;
+    margin-right: 0px;
 }
 
 h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
@@ -110,7 +99,7 @@ div.navtab {
 /* @group Link Styling */
 
 a {
-    color: #3D578C;
+    color: #2f5399;
     font-weight: normal;
     text-decoration: none;
 }
@@ -257,15 +246,18 @@ div.groupText {
 }
 
 body {
-    background-color: white;
+    background-color: #f1ead2;
     color: black;
     margin: 0;
 }
 
 div.contents {
-    margin-top: 10px;
-    margin-left: 12px;
-    margin-right: 8px;
+    background-color: white;
+    margin-top: 0px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+    padding: 12px;
 }
 
 td.indexkey {
@@ -377,25 +369,6 @@ blockquote {
 
 /* @end */
 
-/*
-.search {
-    color: #003399;
-    font-weight: bold;
-}
-
-form.search {
-    margin-bottom: 0px;
-    margin-top: 0px;
-}
-
-input.search {
-    font-size: 75%;
-    color: #000080;
-    font-weight: normal;
-    background-color: #e8eef2;
-}
-*/
-
 td.tiny {
     font-size: 75%;
 }
@@ -449,7 +422,6 @@ table.memberdecls {
 .mdescLeft, .mdescRight,
 .memItemLeft, .memItemRight,
 .memTemplItemLeft, .memTemplItemRight, .memTemplParams {
-    background-color: #F9FAFC;
     border: none;
     margin: 4px;
     padding: 1px 0 0 8px;
@@ -461,7 +433,6 @@ table.memberdecls {
 }
 
 .memSeparator {
-    border-bottom: 1px solid #DEE4F0;
     line-height: 1px;
     margin: 0px;
     padding: 0px;
@@ -476,7 +447,6 @@ table.memberdecls {
 }
 
 .memTemplParams {
-    color: #4665A2;
     white-space: nowrap;
     font-size: 80%;
 }
@@ -489,7 +459,6 @@ table.memberdecls {
 
 .memtemplate {
     font-size: 80%;
-    color: #4665A2;
     font-weight: normal;
     margin-left: 9px;
 }
@@ -511,17 +480,17 @@ table.memberdecls {
     padding: 0;
     margin-bottom: 10px;
     margin-right: 5px;
-    -webkit-transition: box-shadow 0.5s linear;
-    -moz-transition: box-shadow 0.5s linear;
-    -ms-transition: box-shadow 0.5s linear;
-    -o-transition: box-shadow 0.5s linear;
-    transition: box-shadow 0.5s linear;
+    -webkit-transition: none;
+    -moz-transition: none;
+    -ms-transition: none;
+    -o-transition: none;
+    transition: none;
     display: table !important;
     width: 100%;
 }
 
 .memitem.glow {
-    box-shadow: 0 0 15px cyan;
+    box-shadow: none;
 }
 
 .memname {
@@ -534,53 +503,20 @@ table.memberdecls {
 }
 
 .memproto, dl.reflist dt {
-    border-top: 1px solid #A8B8D9;
-    border-left: 1px solid #A8B8D9;
-    border-right: 1px solid #A8B8D9;
-    padding: 6px 0px 6px 0px;
-    color: #253555;
-    font-weight: bold;
-    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
-    background-image:url('nav_f.png');
-    background-repeat:repeat-x;
-    background-color: #E2E8F2;
-    /* opera specific markup */
-    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
-    /* firefox specific markup */
-    -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
-    -moz-border-radius-topright: 4px;
-    -moz-border-radius-topleft: 4px;
-    /* webkit specific markup */
-    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-    -webkit-border-top-right-radius: 4px;
-    -webkit-border-top-left-radius: 4px;
-
+    /* disable inherited shadows */
+    box-shadow: none;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
 }
 
 .memdoc, dl.reflist dd {
-    border-bottom: 1px solid #A8B8D9;
-    border-left: 1px solid #A8B8D9;
-    border-right: 1px solid #A8B8D9;
-    padding: 6px 10px 2px 10px;
-    background-color: #FBFCFD;
-    border-top-width: 0;
-    background-image:url('nav_g.png');
-    background-repeat:repeat-x;
-    background-color: #FFFFFF;
-    /* opera specific markup */
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-    /* firefox specific markup */
-    -moz-border-radius-bottomleft: 4px;
-    -moz-border-radius-bottomright: 4px;
-    -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
-    /* webkit specific markup */
-    -webkit-border-bottom-left-radius: 4px;
-    -webkit-border-bottom-right-radius: 4px;
-    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+    /* disable inherited shadows */
+    box-shadow: none;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+
+    /* disable background shadow-like texture */
+    background-image: none;
 }
 
 dl.reflist dt {
@@ -769,16 +705,15 @@ table.doxtable th {
 }
 
 table.fieldtable {
-    /*width: 100%;*/
     margin-bottom: 10px;
     border: 1px solid #A8B8D9;
     border-spacing: 0px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
-    -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
-    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
 .fieldtable td, .fieldtable th {
@@ -928,11 +863,14 @@ div.ingroups a
 
 div.header
 {
-    background-image:url('nav_h.png');
-    background-repeat:repeat-x;
-    background-color: #F9FAFC;
+    background-image: none;
     margin:  0px;
-    border-bottom: 1px solid #C4CFE5;
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+    padding-left: 12px;
+    padding-right: 12px;
+    border-bottom: none;
 }
 
 div.headertitle
@@ -1016,8 +954,10 @@ dl.section dd {
 #projectlogo
 {
     text-align: center;
-    vertical-align: bottom;
+    vertical-align: middle;
     border-collapse: separate;
+    padding-left: 5px;
+    padding-right: 5px;
 }
 
 #projectlogo img
@@ -1027,7 +967,7 @@ dl.section dd {
 
 #projectname
 {
-    font: 300% Tahoma, Arial,sans-serif;
+    font: 0% Tahoma, Arial,sans-serif;
     margin: 0px;
     padding: 2px 0px;
 }
@@ -1048,10 +988,10 @@ dl.section dd {
 
 #titlearea
 {
+    background-color: white;
     padding: 0px;
     margin: 0px;
     width: 100%;
-    border-bottom: 1px solid #5373B4;
 }
 
 .image
@@ -1170,7 +1110,7 @@ div.toc li.level4 {
 }
 
 tr.heading h2 {
-    margin-top: 12px;
+    margin-top: 0px;
     margin-bottom: 4px;
 }
 
@@ -1345,6 +1285,14 @@ tr.heading h2 {
     margin-top: -11px;
 }
 
+#nav-tree {
+    background-image: none;
+}
+
+#side-nav {
+    width: 210px;
+}
+
 @media print
 {
     #top { display: none; }

diff --git a/doc/doxygen.cfg b/doc/doxygen.cfg
index 3391856..68f45c2 100644 (file)
--- a/doc/doxygen.cfg
+++ b/doc/doxygen.cfg
@@ -51,7 +51,7 @@ PROJECT_BRIEF          =
 # and the maximum width should not exceed 200 pixels. Doxygen will copy the logo
 # to the output directory.
 
-PROJECT_LOGO           =
+PROJECT_LOGO           = ../images/vasum-logo-doc.png
 
 # The OUTPUT_DIRECTORY tag is used to specify the (relative or absolute) path
 # into which the generated documentation will be written. If a relative path is
@@ -208,7 +208,7 @@ SEPARATE_MEMBER_PAGES  = NO
 # uses this value to replace tabs by spaces in code fragments.
 # Minimum value: 1, maximum value: 16, default value: 4.
 
-TAB_SIZE               = 8
+TAB_SIZE               = 4
 
 # This tag can be used to specify a number of aliases that act as commands in
 # the documentation. An alias has the form:
@@ -746,7 +746,8 @@ WARN_LOGFILE           =
 INPUT                  = ../common \
                          ../client \
                          ../server \
-                         ../cli
+                         ../cli \
+                         mainpage.dox
 
 # This tag can be used to specify the character encoding of the source files
 # that doxygen parses. Internally doxygen uses the UTF-8 encoding. Doxygen uses
@@ -986,7 +987,7 @@ ALPHABETICAL_INDEX     = YES
 # Minimum value: 1, maximum value: 20, default value: 5.
 # This tag requires that the tag ALPHABETICAL_INDEX is set to YES.
 
-COLS_IN_ALPHA_INDEX    = 5
+COLS_IN_ALPHA_INDEX    = 1
 
 # In case all classes in a project start with a common prefix, all classes will
 # be put under the same header in the alphabetical index. The IGNORE_PREFIX tag
@@ -1081,7 +1082,8 @@ HTML_EXTRA_STYLESHEET  = custom.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       = ../images/GitHub-Logo-Cut.png                 \
+                         ../images/Tizen-Logo-On-Light-RGB-Cut.png
 
 # The HTML_COLORSTYLE_HUE tag controls the color of the HTML output. Doxygen
 # will adjust the colors in the stylesheet and background images according to
@@ -1092,7 +1094,7 @@ HTML_EXTRA_FILES       =
 # Minimum value: 0, maximum value: 359, default value: 220.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_COLORSTYLE_HUE    = 220
+HTML_COLORSTYLE_HUE    = 46
 
 # The HTML_COLORSTYLE_SAT tag controls the purity (or saturation) of the colors
 # in the HTML output. For a value of 0 the output will use grayscales only. A
@@ -1100,7 +1102,7 @@ HTML_COLORSTYLE_HUE    = 220
 # Minimum value: 0, maximum value: 255, default value: 100.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_COLORSTYLE_SAT    = 100
+HTML_COLORSTYLE_SAT    = 180
 
 # The HTML_COLORSTYLE_GAMMA tag controls the gamma correction applied to the
 # luminance component of the colors in the HTML output. Values below 100
@@ -1111,7 +1113,7 @@ HTML_COLORSTYLE_SAT    = 100
 # Minimum value: 40, maximum value: 240, default value: 80.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_COLORSTYLE_GAMMA  = 80
+HTML_COLORSTYLE_GAMMA  = 180
 
 # If the HTML_TIMESTAMP tag is set to YES then the footer of each generated HTML
 # page will contain the date and time when the page was generated. Setting this
@@ -1338,7 +1340,7 @@ ECLIPSE_DOC_ID         = org.doxygen.Project
 # The default value is: NO.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-DISABLE_INDEX          = NO
+DISABLE_INDEX          = YES
 
 # The GENERATE_TREEVIEW tag is used to specify whether a tree-like index
 # structure should be generated to display hierarchical information. If the tag
@@ -1355,7 +1357,7 @@ DISABLE_INDEX          = NO
 # The default value is: NO.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-GENERATE_TREEVIEW      = NO
+GENERATE_TREEVIEW      = YES
 
 # The ENUM_VALUES_PER_LINE tag can be used to set the number of enum values that
 # doxygen will group on one line in the generated HTML documentation.

diff --git a/doc/header.html b/doc/header.html
index 7a0adcb..a309ebd 100644 (file)
--- a/doc/header.html
+++ b/doc/header.html
@@ -21,34 +21,36 @@ $extrastylesheet
 
 <!--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 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 style="table-layout:fixed">
+    <tbody>
+        <tr style="height: 56px;">
+            <!--BEGIN PROJECT_LOGO-->
+            <td id="projectlogo"><img alt="Logo" src="$relpath^$projectlogo"/></td>
+            <!--END PROJECT_LOGO-->
+
+            <!--BEGIN PROJECT_BRIEF-->
+            <td valign="bottom" style="padding:5px;">
+                <div id="projectbrief">$projectbrief</div>
+            </td>
+            <!--END PROJECT_BRIEF-->
+
+            <!--BEGIN CENTER LOGOS-->
+            <td align="center" width="100%" valign="center" style="padding:5px;padding-left:20px;padding-right:20px">
+                <a href="http://www.github.com/Samsung/vasum">
+                   <img src="GitHub-Logo-Cut.png" alt="Fork Vasum on GitHub" height=25px style="padding-right:20px">
+                </a>
+                <a href="http://wiki.tizen.org/wiki/Security:Vasum">
+                    <img src="Tizen-Logo-On-Light-RGB-Cut.png" alt="Official Vasum Wiki on Tizen.org" height=25px>
+                </a>
+            </td>
+            <!--END CENTER LOGOS-->
+
+            <!--BEGIN SEARCHENGINE-->
+            <td>$searchbox</td>
+            <!--END SEARCHENGINE-->
+            </td>
+        </tr>
+    </tbody>
 </table>
 </div>
 <!--END TITLEAREA-->

diff --git a/doc/mainpage.dox b/doc/mainpage.dox
new file mode 100644 (file)
index 0000000..b3b7f34
--- /dev/null
+++ b/doc/mainpage.dox
@@ -0,0 +1,12 @@
+/**
+ * @mainpage Vasum
+ *
+ * Vasum is an environment separation mechanism based on Linux Containers (LXC). The idea behind
+ * the project is to easily create separate environments (for example Tizen operating systems)
+ * running on one physical device. What differs Vasum from other currently available environment
+ * separation mechanisms is its ease of use - Vasum comes with pre-defined templates to easily
+ * create new environments, and high configurability.
+ *
+ * For now Vasum uses LXC for Linux Containers management. The project is mostly written in modern
+ * C++ and is well tested.
+ */

diff --git a/images/GitHub-Logo-Cut.png b/images/GitHub-Logo-Cut.png
new file mode 100644 (file)
index 0000000..c08800f
Binary files /dev/null and b/images/GitHub-Logo-Cut.png differ

diff --git a/images/Tizen-Logo-On-Light-RGB-Cut.png b/images/Tizen-Logo-On-Light-RGB-Cut.png
new file mode 100644 (file)
index 0000000..e41ba2d
Binary files /dev/null and b/images/Tizen-Logo-On-Light-RGB-Cut.png differ

diff --git a/images/vasum-logo-doc.png b/images/vasum-logo-doc.png
new file mode 100644 (file)
index 0000000..8f16a71
Binary files /dev/null and b/images/vasum-logo-doc.png differ