diff --git a/docs/css/newdocs.css b/docs/css/newdocs.css
index d3d3320b..f1989d99 100644
--- a/docs/css/newdocs.css
+++ b/docs/css/newdocs.css
@@ -5,11 +5,25 @@ html {
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
/*font-family: Lustria, Georgia, Times, "Times New Roman", serif !important;*/
- height:100%;
font-size:16px;
+ line-height: 1.5em;
background: url('../img/crosswordStrong.png') /* Background pattern from subtlepatterns.com */
}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 40px 0 20px 0;
+}
+
+ul {
+ margin-top: 0.7em;
+ margin-bottom: 0.7em;
+}
+
+p {
+ margin: 20px 0;
+}
+
img.icon {
position:relative;
top:-2px;
@@ -37,67 +51,83 @@ div.blogHeader {
div.full {
min-height:100%;
- box-shadow:0px 2px 10px rgba(0,0,0,0.4);
- padding-left:20px;
- padding-right:20px;
+ box-shadow:0 2px 10px rgba(0,0,0,0.4);
+ padding: 20px 10px 40px 10px;
background-color:#ffffff;
}
+@media (min-width: 768px) {
+ div.full {
+ padding: 40px 40px 80px 40px;
+ }
+}
+
+@media (min-width: 992px) {
+ div.full {
+ padding: 80px 80px 160px 80px;
+ }
+}
+
table.moduleTable {
- border:1px solid #eeeeee;
- font-size:14px;
- max-width: 900px;
}
-table.moduleTable td{
- min-width: 80px;
- padding:2px 5px 2px 5px;
- height:35px;
+table.moduleTable th,
+table.moduleTable td {
+ padding: 5px 15px;
+ border: 1px solid #dddddd;
}
-table.moduleTable tr{
- border:1px solid #eeeeee;
- vertical-align: top;
+table.moduleTable th {
+ background-color: #f5f5f5;
}
-tr.header {
- color: #1f3350;
- background-color: #cccccc;
- border-bottom:1px solid #999999 !important;
- font-size:16px;
- font-style:italic;
+table.moduleTable td {
+ vertical-align: top;
}
+
+/* TODO: cleanup */
+/*tr.header {*/
+ /*color: #1f3350;*/
+ /*background-color: #cccccc;*/
+ /*border-bottom:1px solid #999999 !important;*/
+ /*font-size:16px;*/
+ /*font-style:italic;*/
+/*}*/
+
td.mid {
- background-color: rgba(0,0,0,0.035);
+ background-color: #f5f5f5;
font-style:italic;
}
-td.properties {
- width:150px;
-}
+/*td.properties {*/
+ /*width:150px;*/
+/*}*/
-p {
- min-width:400px;
- max-width:1000px;
-}
+/*p {*/
+ /*max-width:1000px;*/
+/*}*/
-pre.code {
- padding:2px 4px;
- font-size:90%;
- color:#c7254e;
- background-color:#f9f2f4;
- border-radius:4px;
- border:0px;
-}
+/*pre.code {*/
+ /*padding:2px 4px;*/
+ /*font-size:90%;*/
+ /*color: #444444;*/
+ /*background-color:#f9f2f4;*/
+ /*border-radius:4px;*/
+ /*border:0;*/
+/*}*/
-pre.top {
- margin-left:20px;
+pre {
+ margin: 20px 0;
}
+/*pre.top {*/
+ /*margin-left:20px;*/
+/*}*/
+
tr.hidden {
max-height:0;
/*max-height: 0;*/
@@ -151,7 +181,7 @@ tr.toggle {
tr.toggle.collapsible {
- background-color: #f7f7f7;
+ background-color: #f5f5f5;
border-left: 3px solid #89b3ff;
}
@@ -164,29 +194,30 @@ td.indent2 {
padding-left:50px !important;
}
-td.name {
- width:230px;
-}
+/* TODO: cleanup */
+/*td.name {*/
+ /*width:230px;*/
+/*}*/
-td.nameSmall {
- width:150px;
-}
+/*td.nameSmall {*/
+ /*width:150px;*/
+/*}*/
-td.type {
- width: 110px;
-}
+/*td.type {*/
+ /*width: 110px;*/
+/*}*/
-td.default {
- width:60px;
-}
+/*td.default {*/
+ /*width:60px;*/
+/*}*/
-td.eventProperties {
- width:150px;
-}
+/*td.eventProperties {*/
+ /*width:150px;*/
+/*}*/
-td.methodName {
- width:250px;
-}
+/*td.methodName {*/
+ /*width:250px;*/
+/*}*/
pre.options {
max-width:600px;
diff --git a/docs/graph2d/index.html b/docs/graph2d/index.html
index 37e834e2..6e537445 100644
--- a/docs/graph2d/index.html
+++ b/docs/graph2d/index.html
@@ -261,11 +261,11 @@ var items = [
-
+ Name |
+ Type |
+ Required |
+ Description |
x |
@@ -327,11 +327,11 @@ groups.add({
-
+ Name |
+ Type |
+ Required |
+ Description |
id |
@@ -397,11 +397,11 @@ var options = {
The options colored in green can also be used as options for the groups. All options are optional.
-
+ Name |
+ Type |
+ Default |
+ Description |
@@ -717,11 +717,11 @@ function (value) {
-
+ Name |
+ Type |
+ Default |
+ Description |
@@ -986,10 +986,10 @@ function (value) {
-
+ Method |
+ Return Type |
+ Description |
clear([what]) |
@@ -1185,10 +1185,10 @@ Graph2d.off('rangechanged', onChange);
-
+ name |
+ Description |
+ Properties |
click |
@@ -1347,16 +1347,6 @@ Graph2d.off('rangechanged', onChange);
example 5 show the usage of custom styles.
-
-
-
-
-
-
-
-
-
-
B so B is a level lower than A.
-
-
-
-
-
-
-