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 = [ - - - - - + + + + + @@ -327,11 +327,11 @@ groups.add({

NameTypeRequiredDescription
NameTypeRequiredDescription
x
- - - - - + + + + + @@ -397,11 +397,11 @@ var options = { The options colored in green can also be used as options for the groups. All options are optional.
NameTypeRequiredDescription
NameTypeRequiredDescription
id
- - - - - + + + + + @@ -717,11 +717,11 @@ function (value) {

NameTypeDefaultDescription
NameTypeDefaultDescription
- - - - - + + + + + @@ -986,10 +986,10 @@ function (value) {

NameTypeDefaultDescription
NameTypeDefaultDescription
- - - - + + + + @@ -1185,10 +1185,10 @@ Graph2d.off('rangechanged', onChange);

MethodReturn TypeDescription
MethodReturn TypeDescription
clear([what])
- - - - + + + + @@ -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.
nameDescriptionProperties
nameDescriptionProperties
click
-
-
-
-
-
-
-