update CSS to doxygen 1.7.2, new CSS and cleaning of the tutorial

1 files changed, 546 insertions, 217 deletions

diff --git a/doc/eigendoxy.css b/doc/eigendoxy.css
index 555bd4855..516ee7800 100644
--- a/doc/eigendoxy.css
+++ b/doc/eigendoxy.css
@@ -1,10 +1,13 @@
-body,h1,h2,h3,h4,h5,h6,p,center,td,th,ul,dl,div {
-  font-family: verdana, arial, helvetica, sans-serif;
-  font-size: 10pt;
+/* The standard CSS for doxygen */
+
+body, table, div, p, dl {
+  font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
+  font-size: 12px;
 }
 
+/* @group Heading Levels */
+
 h1 {
-  text-align: center;
   font-size: 150%;
 }
 
@@ -16,137 +19,132 @@ h3 {
   font-size: 100%;
 }
 
-td h2
-{
-  /* we need the margin in order to ensure that in tables
-   * the headings are centered. */
-  margin-top: 12px;
-  margin-bottom: 12px;
+dt {
+  font-weight: bold;
+}
+
+div.multicol {
+  -moz-column-gap: 1em;
+  -webkit-column-gap: 1em;
+  -moz-column-count: 3;
+  -webkit-column-count: 3;
+}
+
+p.startli, p.startdd, p.starttd {
+  margin-top: 2px;
+}
+
+p.endli {
+  margin-bottom: 0px;
+}
+
+p.enddd {
+  margin-bottom: 4px;
+}
+
+p.endtd {
+  margin-bottom: 2px;
 }
 
+/* @end */
+
 caption {
-  font-weight: bold
+  font-weight: bold;
 }
 
-div.center {
-  text-align: center;
-  margin-top: 0px;
-    margin-bottom: 0px;
-    padding: 0px;
+span.legend {
+        font-size: 70%;
+        text-align: center;
 }
 
-div.center img {
-  border: 0px;
+h3.version {
+        font-size: 90%;
+        text-align: center;
 }
 
-div.qindex {
-  width: 100%;
-  background-color: #e8eef2;
-  border: 1px solid #84b0c7;
+div.qindex, div.navtab{
+  background-color: #EBEFF6;
+  border: 1px solid #A3B4D7;
   text-align: center;
   margin: 2px;
   padding: 2px;
-  line-height: 140%;
 }
 
-div.navpath {
+div.qindex, div.navpath {
   width: 100%;
-  background-color: #e8eef2;
-  border: 1px solid #84b0c7;
-  text-align: center;
-  margin: 2px;
-  padding: 2px;
   line-height: 140%;
 }
 
 div.navtab {
-  background-color: #e8eef2;
-  border: 1px solid #84b0c7;
-  text-align: center;
-  margin: 2px;
   margin-right: 15px;
-  padding: 2px;
 }
 
-td.navtab {
-       font-size: 100%;
-}
+/* @group Link Styling */
 
-a.qindex {
-       text-decoration: none;
-       font-weight: bold;
-       color: #1a419d;
+a {
+  color: #3D578C;
+  font-weight: normal;
+  text-decoration: none;
 }
 
-a.qindex:visited {
-       text-decoration: none;
-       font-weight: bold;
-       color: #1a419d
+.contents a:visited {
+  color: #4665A2;
 }
 
-a.qindex:hover {
-  text-decoration: none;
-  background-color: #ddddff;
+a:hover {
+  text-decoration: underline;
 }
 
-a.qindexhl {
-  text-decoration: none;
+a.qindex {
   font-weight: bold;
-  background-color: #6666cc;
-  color: #ffffff;
-  border: 1px double #9295c2;
 }
 
-a.qindexhl:hover {
-  text-decoration: none;
-  background-color: #6666cc;
+a.qindexHL {
+  font-weight: bold;
+  background-color: #9CAFD4;
   color: #ffffff;
+  border: 1px double #869DCA;
 }
 
-a.qindexhl:visited {
-  text-decoration: none;
-  background-color: #6666cc;
-  color: #ffffff
+.contents a.qindexHL:visited {
+        color: #ffffff;
 }
 
 a.el {
-  text-decoration: none;
-  font-weight: bold
+  font-weight: bold;
 }
 
-a.elref {
-  font-weight: bold
+a.elRef {
 }
 
-a.code:link {
-  text-decoration: none;
-  font-weight: normal;
-  color: #0000ff
+a.code {
+  color: #4665A2;
 }
 
-a.code:visited {
-  text-decoration: none;
-  font-weight: normal;
-  color: #0000ff
+a.codeRef {
+  color: #4665A2;
 }
 
-a.coderef:link {
-  font-weight: normal;
-  color: #0000ff
-}
+/* @end */
 
-a.coderef:visited {
-  font-weight: normal;
-  color: #0000ff
+dl.el {
+  margin-left: -1cm;
 }
 
-a:hover {
-  text-decoration: none;
-  background-color: #f2f2ff
+.fragment {
+  font-family: monospace, fixed;
+  font-size: 105%;
 }
 
-dl.el {
-  margin-left: -1cm
+pre.fragment {
+  border: 1px solid #C4CFE5;
+  background-color: #FBFCFD;
+  padding: 4px 6px;
+  margin: 4px 8px 4px 2px;
+  overflow: auto;
+  word-wrap: break-word;
+  font-size:  9pt;
+  line-height: 125%;
 }
 
 div.ah {
@@ -154,113 +152,143 @@ div.ah {
   font-weight: bold;
   color: #ffffff;
   margin-bottom: 3px;
-  margin-top: 3px
-}
-
-div.groupheader {
-       margin-left: 16px;
-       margin-top: 12px;
-       margin-bottom: 6px;
-       font-weight: bold;
+  margin-top: 3px;
+  padding: 0.2em;
+  border: solid thin #333;
+  border-radius: 0.5em;
+  -webkit-border-radius: .5em;
+  -moz-border-radius: .5em;
+  box-shadow: 2px 2px 3px #999;
+  -webkit-box-shadow: 2px 2px 3px #999;
+  -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#000),color-stop(0.3, #444));
+  background-image: -moz-linear-gradient(center top, #eee 0%, #444 40%, #000);
+}
+
+div.groupHeader {
+  margin-left: 16px;
+  margin-top: 12px;
+  font-weight: bold;
 }
 
-div.grouptext {
+div.groupText {
   margin-left: 16px;
   font-style: italic;
-  font-size: 95%
 }
 
 body {
   background: white;
   color: black;
-  margin-right: 20px;
-  margin-left: 20px;
+        margin: 0;
+}
+
+div.contents {
+  margin-top: 10px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 td.indexkey {
-  background-color: #e8eef2;
+  background-color: #EBEFF6;
   font-weight: bold;
-  padding-right  : 10px;
-  padding-top    : 2px;
-  padding-left   : 10px;
-  padding-bottom : 2px;
-  margin-left    : 0px;
-  margin-right   : 0px;
-  margin-top     : 2px;
-  margin-bottom  : 2px;
-  border: 1px solid #cccccc;
+  border: 1px solid #C4CFE5;
+  margin: 2px 0px 2px 0;
+  padding: 2px 10px;
 }
 
 td.indexvalue {
-  background-color: #e8eef2;
-  font-style: italic;
-  padding-right  : 10px;
-  padding-top    : 2px;
-  padding-left   : 10px;
-  padding-bottom : 2px;
-  margin-left    : 0px;
-  margin-right   : 0px;
-  margin-top     : 2px;
-  margin-bottom  : 2px;
-  border: 1px solid #cccccc;
+  background-color: #EBEFF6;
+  border: 1px solid #C4CFE5;
+  padding: 2px 10px;
+  margin: 2px 0px;
 }
 
 tr.memlist {
-  background-color: #f0f0f0;
+  background-color: #EEF1F7;
 }
 
-p.formuladsp {
+p.formulaDsp {
   text-align: center;
 }
 
-img.formuladsp {
+img.formulaDsp {
+  
 }
 
-img.formulainl {
+img.formulaInl {
   vertical-align: middle;
 }
 
-span.keyword       { color: #008000 }
-span.keywordtype   { color: #604020 }
-span.keywordflow   { color: #e08000 }
-span.comment       { color: #800000 }
-span.preprocessor  { color: #806020 }
-span.stringliteral { color: #002080 }
-span.charliteral   { color: #008080 }
-span.vhdldigit     { color: #ff00ff }
-span.vhdlchar      { color: #000000 }
-span.vhdlkeyword   { color: #700070 }
-span.vhdllogic     { color: #ff0000 }
-
-/* @group member descriptions */
-
-.mdescleft, .mdescright,
-.memitemleft, .memitemright,
-.memtemplitemleft, .memtemplitemright, .memtemplparams {
-  background-color: #fafafa;
-  border: none;
-  margin: 4px;
-  padding: 1px 0 0 8px;
+div.center {
+  text-align: center;
+        margin-top: 0px;
+        margin-bottom: 0px;
+        padding: 0px;
 }
 
-.mdescleft, .mdescright {
-  padding: 0px 8px 4px 8px;
-  color: #555;
+div.center img {
+  border: 0px;
 }
 
-.memitemleft, .memitemright, .memtemplparams {
-  border-top: 1px solid #ccc;
+address.footer {
+  text-align: right;
+  padding-right: 12px;
 }
 
-.memitemleft, .memtemplitemleft {
-        white-space: nowrap;
+img.footer {
+  border: 0px;
+  vertical-align: middle;
 }
 
-.memtemplparams {
-  color: #606060;
-        white-space: nowrap;
+/* @group Code Colorization */
+
+span.keyword {
+  color: #008000
+}
+
+span.keywordtype {
+  color: #604020
+}
+
+span.keywordflow {
+  color: #e08000
+}
+
+span.comment {
+  color: #800000
+}
+
+span.preprocessor {
+  color: #806020
+}
+
+span.stringliteral {
+  color: #002080
+}
+
+span.charliteral {
+  color: #008080
+}
+
+span.vhdldigit { 
+  color: #ff00ff 
+}
+
+span.vhdlchar { 
+  color: #000000 
+}
+
+span.vhdlkeyword { 
+  color: #700070 
 }
 
+span.vhdllogic { 
+  color: #ff0000 
+}
+
+/* @end */
+
+/*
 .search {
   color: #003399;
   font-weight: bold;
@@ -272,53 +300,88 @@ form.search {
 }
 
 input.search {
-  font-size: 90%;
+  font-size: 75%;
   color: #000080;
   font-weight: normal;
   background-color: #e8eef2;
 }
+*/
 
 td.tiny {
-  font-size: 85%;
-}
-
-a {
-  color: #1a41a8;
-}
-
-a:visited {
-  color: #2a3798;
+  font-size: 75%;
 }
 
 .dirtab {
   padding: 4px;
   border-collapse: collapse;
-  border: 1px solid #84b0c7;
+  border: 1px solid #A3B4D7;
 }
 
 th.dirtab {
-  background: #e8eef2;
+  background: #EBEFF6;
   font-weight: bold;
 }
 
 hr {
-  height: 0;
+  height: 0px;
   border: none;
-  border-top: 1px solid #666;
+  border-top: 1px solid #4A6AAA;
 }
 
-/* styles for detailed member documentation */
+hr.footer {
+  height: 1px;
+}
+
+/* @group Member Descriptions */
+
+table.memberdecls {
+  border-spacing: 0px;
+  padding: 0px;
+}
+
+.mdescLeft, .mdescRight,
+.memItemLeft, .memItemRight,
+.memTemplItemLeft, .memTemplItemRight, .memTemplParams {
+  background-color: #F9FAFC;
+  border: none;
+  margin: 4px;
+  padding: 1px 0 0 8px;
+}
+
+.mdescLeft, .mdescRight {
+  padding: 0px 8px 4px 8px;
+  color: #555;
+}
+
+.memItemLeft, .memItemRight, .memTemplParams {
+  border-top: 1px solid #C4CFE5;
+}
+
+.memItemLeft, .memTemplItemLeft {
+        white-space: nowrap;
+}
+
+.memTemplParams {
+  color: #4665A2;
+        white-space: nowrap;
+}
+
+/* @end */
+
+/* @group Member Details */
+
+/* Styles for detailed member documentation */
 
 .memtemplate {
   font-size: 80%;
-  color: #606060;
+  color: #4665A2;
   font-weight: normal;
-  margin-left: 3px;
+  margin-left: 9px;
 }
 
 .memnav {
-  background-color: #e8eef2;
-  border: 1px solid #84b0c7;
+  background-color: #EBEFF6;
+  border: 1px solid #A3B4D7;
   text-align: center;
   margin: 2px;
   margin-right: 15px;
@@ -331,36 +394,58 @@ hr {
 }
 
 .memname {
-  white-space: nowrap;
-  font-weight: bold;
-}
-
-.memproto, .memdoc {
-  border: 1px solid #84b0c7;  
+        white-space: nowrap;
+        font-weight: bold;
+        margin-left: 6px;
 }
 
 .memproto {
-  padding: 2;
-  background-color: #d5e1e8;
-  font-weight: bold;
-  -webkit-border-top-left-radius: 8px;
-  -webkit-border-top-right-radius: 8px;
-  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-  -moz-border-radius-topleft: 8px;
-  -moz-border-radius-topright: 8px;
-  -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
+        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);
+        /* opera specific markup */
+        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+        border-top-right-radius: 8px;
+        border-top-left-radius: 8px;
+        /* firefox specific markup */
+        -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
+        -moz-border-radius-topright: 8px;
+        -moz-border-radius-topleft: 8px;
+        /* webkit specific markup */
+        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+        -webkit-border-top-right-radius: 8px;
+        -webkit-border-top-left-radius: 8px;
+        background-image:url('nav_f.png');
+        background-repeat:repeat-x;
+        background-color: #E2E8F2;
+
 }
 
 .memdoc {
-  padding: 2px 5px;
-  background-color: #eef3f5;
-  border-top-width: 0;
-  -webkit-border-bottom-left-radius: 8px;
-  -webkit-border-bottom-right-radius: 8px;
-  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-  -moz-border-radius-bottomleft: 8px;
-  -moz-border-radius-bottomright: 8px;
-  -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
+        border-bottom: 1px solid #A8B8D9;      
+        border-left: 1px solid #A8B8D9;      
+        border-right: 1px solid #A8B8D9; 
+        padding: 2px 5px;
+        background-color: #FBFCFD;
+        border-top-width: 0;
+        /* opera specific markup */
+        border-bottom-left-radius: 8px;
+        border-bottom-right-radius: 8px;
+        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+        /* firefox specific markup */
+        -moz-border-radius-bottomleft: 8px;
+        -moz-border-radius-bottomright: 8px;
+        -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
+        background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 60%, #F7F8FB 95%, #EEF1F7);
+        /* webkit specific markup */
+        -webkit-border-bottom-left-radius: 8px;
+        -webkit-border-bottom-right-radius: 8px;
+        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+        background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.6,#FFFFFF), color-stop(0.60,#FFFFFF), color-stop(0.95,#F7F8FB), to(#EEF1F7));
 }
 
 .paramkey {
@@ -379,17 +464,45 @@ hr {
   font-style: normal;
 }
 
-/* end styling for detailed member documentation */
+.params, .retval, .exception, .tparams {
+        border-spacing: 6px 2px;
+}       
+
+.params .paramname, .retval .paramname {
+        font-weight: bold;
+        vertical-align: top;
+}
+        
+.params .paramtype {
+        font-style: italic;
+        vertical-align: top;
+}       
+        
+.params .paramdir {
+        font-family: "courier new",courier,monospace;
+        vertical-align: top;
+}
+
+
+
+
+/* @end */
+
+/* @group Directory (tree) */
 
 /* for the tree view */
+
 .ftvtree {
   font-family: sans-serif;
-  margin:0.5em;
+  margin: 0px;
 }
 
+/* these are for tree view when used as main index */
+
 .directory {
   font-size: 9pt;
   font-weight: bold;
+  margin: 5px;
 }
 
 .directory h3 {
@@ -398,6 +511,24 @@ hr {
   font-size: 11pt;
 }
 
+/*
+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;
 }
@@ -416,49 +547,240 @@ hr {
   vertical-align: -30%;
 }
 
-h2 a {
-  font-size: 13pt;margin:10px 0 1em 1em;display:block;
+/* these are for tree view when not used as main index */
+
+.directory-alt {
+  font-size: 100%;
+  font-weight: bold;
 }
 
-a.top  {
+.directory-alt h3 {
+  margin: 0px;
+  margin-top: 1em;
   font-size: 11pt;
+}
+
+.directory-alt > h3 {
+  margin-top: 0;
+}
+
+.directory-alt p {
+  margin: 0px;
+  white-space: nowrap;
+}
+
+.directory-alt div {
+  display: none;
+  margin: 0px;
+}
+
+.directory-alt img {
+  vertical-align: -30%;
+}
+
+/* @end */
+
+div.dynheader {
+        margin-top: 8px;
+}
+
+address {
+  font-style: normal;
+  color: #2A3D61;
+}
+
+table.doxtable {
+  border-collapse:collapse;
+}
+
+table.doxtable td, table.doxtable th {
+  border: 1px solid #2D4068;
+  padding: 3px 7px 2px;
+}
+
+table.doxtable th {
+  background-color: #374F7F;
+  color: #FFFFFF;
+  font-size: 110%;
+  padding-bottom: 4px;
+  padding-top: 5px;
+  text-align:left;
+}
+
+.tabsearch {
+  top: 0px;
+  left: 10px;
+  height: 36px;
+  background-image: url('tab_b.png');
+  z-index: 101;
+  overflow: hidden;
+  font-size: 13px;
+}
+
+.navpath ul
+{
+  font-size: 11px;
+  background-image:url('tab_b.png');
+  background-repeat:repeat-x;
+  height:30px;
+  line-height:30px;
+  color:#8AA0CC;
+  border:solid 1px #C2CDE4;
+  overflow:hidden;
+  margin:0px;
+  padding:0px;
+}
+
+.navpath li
+{
+  list-style-type:none;
+  float:left;
+  padding-left:10px;
+  padding-right: 15px;
+  background-image:url('bc_s.png');
+  background-repeat:no-repeat;
+  background-position:right;
+  color:#364D7C;
+}
+
+.navpath a
+{
+  height:32px;
   display:block;
-  color: #666666;
-  position:absolute;
-  right:20pt;
-  margin:12pt 0 0 0;
-  text-decoration : none;
+  text-decoration: none;
+  outline: none;
 }
 
-a.top:hover, a.logo:hover {
-  background-color: transparent;
-  font-weight : bolder;
+.navpath a:hover
+{
+  color:#6884BD;
+}
+
+div.summary
+{
+  float: right;
+  font-size: 8pt;
+  padding-right: 5px;
+  width: 50%;
+  text-align: right;
+}       
+
+div.summary a
+{
+  white-space: nowrap;
+}
+
+div.header
+{
+        background-image:url('nav_h.png');
+        background-repeat:repeat-x;
+  background-color: #F9FAFC;
+  margin:  0px;
+  border-bottom: 1px solid #C4CFE5;
 }
 
-div.navigation {
-  min-height    : 64px;
-  padding-left  : 80px;
-  padding-top   : 5px;
+div.headertitle
+{
+  padding: 5px 5px 5px 10px;
 }
 
+
+
+/******** Eigen specific CSS code ************/
+
+
 img {
     border: 0;
 }
 
-table {
+/* class for exemple / output tables */
+
+table.example {
     border-collapse: collapse;
-    border-style: none;
+    border-style: solid;
+    border-width: 1px;
+    border-color: #cccccc;
     font-size: 1em;
+    
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
+    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+}
+
+table.example th {
+  padding: 0.5em 0.5em 0.5em 0.5em;
+  text-align: left;
+  padding-right: 1em;
+  background-color: #F2F1DC;
+  
+  background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.3,#FFFFFF), color-stop(0.30,#FFFFFF), color-stop(0.98,#F4F4E5), to(#ECECDE));
+  background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 30%, #F4F4E5 98%, #ECECDE);
+}
+
+table.example td {
+  padding: 0.5em 0.5em 0.5em 0.5em;
+  vertical-align:top;
 }
 
+
+/* standard class for the manual */
+
+table.manual {
+    border-collapse: collapse;
+    border-style: solid;
+    border-width: 1px;
+    border-color: #cccccc;
+    font-size: 1em;
+    
+    padding: 0.2em 0em 0.5em 0em;
+    
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
+    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+}
+
+table.manual th {
+  padding: 0.5em 0.5em 0.5em 0.5em;
+  margin: 0em 0em 0.3em 0em;
+  text-align: left;
+  color: #555555;
+  padding-right: 1em;
+  background-color: #F4F4E5;
+  
+  background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.3,#FFFFFF), color-stop(0.30,#FFFFFF), color-stop(0.98,#F4F4E5), to(#ECECDE));
+  background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 30%, #F4F4E5 98%, #ECECDE);
+}
+
+table.manual td {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  vertical-align:top;
+}
+
+table.manual td.alt, table.manual tr.alt {
+  /*padding: 0.3em 0.5em 0.3em 0.5em;
+  vertical-align:top;*/
+  background-color: #F4F4E5;
+}
+
+
+h2 {
+  margin-top:2em;
+  border-style: none none solid none;
+  border-width: 1px;
+  border-color: #cccccc;
+}
+
+
+/**** old Eigen's styles ****/
+
 th {
-    text-align: left;
-    padding-right: 1em;
+    /*text-align: left;
+    padding-right: 1em;*/
     /* border: #cccccc dashed; */
     /* border-style: dashed; */
     /* border-width: 0 0 3px 0; */
 }
-
+/*
 table.noborder {
   border-collapse: separate;
   border-bottom-style : none;
@@ -468,6 +790,9 @@ table.noborder {
   border-spacing : 0px 0px;
   margin: 4pt 0 0 0;
   padding: 0 0 0 0;
+  
+    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
 }
 
 table.noborder td {
@@ -482,11 +807,14 @@ table.noborder td {
 
 table.tutorial_code {
   width: 90%;
+    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
 }
 
 table.tutorial_code tr {
   border: 1px dashed #888888;
 }
+*/
 
 table.tutorial_code td {
   border-color: transparent; /* required for Firefox */
@@ -494,6 +822,7 @@ table.tutorial_code td {
   vertical-align: top;
 }
 
+
 /* Whenever doxygen meets a '\n' or a '<BR/>', it will put 
  * the text containing the characted into a <p class="starttd">.
  * This little hack togehter with table.tutorial_code td.note