diff --git a/docs/css/newdocs.css b/docs/css/newdocs.css index 9601c051..99b86229 100644 --- a/docs/css/newdocs.css +++ b/docs/css/newdocs.css @@ -7,7 +7,7 @@ body { /*font-family: Lustria, Georgia, Times, "Times New Roman", serif !important;*/ height:100%; font-size:16px; - background: url('../../images/crosswordStrong.png') /* Background pattern from subtlepatterns.com */ + background: url('../img/crosswordStrong.png') /* Background pattern from subtlepatterns.com */ } img.icon { @@ -79,7 +79,85 @@ td.properties { width:150px; } - p { max-width:1000px; +} + + +pre.code { + padding:2px 4px; + font-size:90%; + color:#c7254e; + background-color:#f9f2f4; + border-radius:4px; + border:0px; +} + +td.type { + width:150px; +} + +tr.hidden { + max-height:0; + /*max-height: 0;*/ + overflow: hidden; +} + +tr.visible { + /* Set our transitions up. */ + -webkit-animation: + fadeIn 250ms ease-in; +} + + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + + +span.caret { + opacity: 0.5; +} + +span.right-caret { + border-bottom: 4px solid transparent; + border-top: 4px solid transparent; + border-left: 4px solid #000000; + display: inline-block; + height: 0; + opacity: 0.5; + vertical-align: top; + width: 0; + margin-left:5px; + margin-top:6px; +} + +tr.toggle { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor:pointer; +} + + + +tr.toggle.collapsible { + background-color: #f7f7f7; + border-left: 3px solid #89b3ff; +} + +td.indent { + padding-left:25px !important; +} + +td.name { + width:270px; } \ No newline at end of file diff --git a/docs/img/crossword.png b/docs/img/crossword.png new file mode 100644 index 00000000..2f9f1ad0 Binary files /dev/null and b/docs/img/crossword.png differ diff --git a/docs/img/crosswordStrong.png b/docs/img/crosswordStrong.png new file mode 100644 index 00000000..e4cc1a3d Binary files /dev/null and b/docs/img/crosswordStrong.png differ diff --git a/docs/img/external-link-icons/external-link-icon-white.png b/docs/img/external-link-icons/external-link-icon-white.png new file mode 100644 index 00000000..29b21e95 Binary files /dev/null and b/docs/img/external-link-icons/external-link-icon-white.png differ diff --git a/docs/img/external-link-icons/external-link-icon.png b/docs/img/external-link-icons/external-link-icon.png new file mode 100644 index 00000000..e3993e2e Binary files /dev/null and b/docs/img/external-link-icons/external-link-icon.png differ diff --git a/docs/img/external-link-icons/license.txt b/docs/img/external-link-icons/license.txt new file mode 100644 index 00000000..0e528935 --- /dev/null +++ b/docs/img/external-link-icons/license.txt @@ -0,0 +1,40 @@ +/**************************************\ +Shapes4FREE License +http://www.shapes4free.com/ - visit us to get free photoshop shapes, read our easy-to-understand shapes tutorials and tips, and view beautiful examples of using shapes in all kinds of design +More about the license: http://www.shapes4free.com/license/ +\**************************************/ + +This resource was created by Oksana Khristenko + +This resource has been downloaded from Shapes4FREE.com and is free for personal or commercial projects. You may use it for web and print design. + +No attribution or backlinks are required, but we would certainly appreciate it if you bookmarked www.shapes4free.com and shared the link to it with your friends: + +www.shapes4free.com - free photoshop shapes + +You may not resell or distribute this resource. Uploading it to another website +or offering them for download on another website is not allowed. If you would like to feature this resource on +your website or share them with friends, do not link directly to the resource files, +please link to the appropriate page on Shapes4FREE.com where it is possible to download the freebie. + +/**************************************\ +Shapes4FREE Лицензия +http://www.shapes4free.com/ - бесплатные фигуры для Фотошопа, уроки и подсказки, а также красивые примеры использования фигур во всех видах дизайна +Лицензия: http://www.shapes4free.com/license-ru/ +\**************************************/ + +Автор: Оксана Христенко + +Все бесплатные ресурсы которые можно скачать на Shapes4FREE.com, включая произвольные фигуры для Фотошопа +(photoshop custom shapes) бесплатны для использования в личных и коммерческих проектах. Разрешено использовать +бесплатные ресурсы Shapes4FREE в веб дизайне и печатных материалах. + +Ссылка на сайт Shapes4FREE.com не требуется но приветствуется. Мы будем рады если вы расскажете о нас друзьям: + +www.shapes4free.com - бесплатные фигуры для Фотошопа + +Запрещено продавать или распространять бесплатные ресурсы созданные Shapes4FREE. +Запрещено загружать их на другие сайты и позволять пользователям их скачивать. Если вы хотите рассказать о нашем +бесплатном ресурсе на сайте или поделиться с друзьями, не создавайте прямых ссылок на файл, создайте ссылку на +соответствующую страницу сайта Shapes4FREE.com где можно будет скачать этот ресурс. + diff --git a/docs/js/toggleTable.js b/docs/js/toggleTable.js new file mode 100644 index 00000000..f2d2aa44 --- /dev/null +++ b/docs/js/toggleTable.js @@ -0,0 +1,57 @@ +/** + * Created by Alex on 4/21/2015. + */ + +/** + * it works like this: + * + * the toggle row has the onclick with the table id, the parent name and this. The function will look through all trs with matching parent and check the class + * if hidden, it shows them, else it hides them. + * + * The caret is also flipped and the toggle class is changed. + * + * + barnesHut + barnesHut.gravitationalConstant + barnesHut.centralGravity + barnesHut.springLength + barnesHut.springConstant + barnesHut.damping + * + * + * @param tableId + * @param parent + * @param clickedRow + */ +function toggleTable(tableId, parent, clickedRow) { + var table = document.getElementById(tableId); + var wasOpen = false; + for (var i = 0, row; row = table.rows[i]; i++) { + if (row.getAttribute('parent') === parent) { + if (row.className === 'hidden') { + row.className = 'visible'; + } + else { + row.className = 'hidden'; + wasOpen = true; + } + } + } + + var spans; + if (wasOpen === true) { + spans = document.getElementsByClassName('caret'); + clickedRow.className = 'toggle collapsible'; + } + else { + spans = document.getElementsByClassName('right-caret') + clickedRow.className = 'toggle'; + } + + for (var i = 0; i < spans.length; i++) { + if (spans[i].getAttribute('parent') === parent) { + spans[i].className = wasOpen === true ? 'right-caret' : 'caret'; + } + } + +} \ No newline at end of file diff --git a/docs/network/physics.html b/docs/network/physics.html index 7fae7f3e..fe4a9de6 100644 --- a/docs/network/physics.html +++ b/docs/network/physics.html @@ -29,24 +29,9 @@ td.properties { width:350px; } - pre.code { - padding:2px 4px; - font-size:90%; - color:#c7254e; - background-color:#f9f2f4; - border-radius:4px; - border:0px; - } - - td.type { - width:150px; - } - - tr.hidden { - display:none; - } - + + @@ -68,7 +53,7 @@