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. + * + * +