@@ -1,5 +1,5 @@
|
||||
pipeline:
|
||||
documentation:
|
||||
image: nextcloudci/documentation:1.0.11
|
||||
image: nextcloudci/documentation:documentation-4
|
||||
commands:
|
||||
- make all
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
|
||||
/* enable to reveal boxes everywhere */
|
||||
/** {
|
||||
border-style: solid;
|
||||
border-color: red;
|
||||
border-style: solid;
|
||||
border-color: red;
|
||||
}*/
|
||||
|
||||
@font-face {
|
||||
@@ -55,6 +55,7 @@ body {
|
||||
|
||||
h1, h2, h3 {
|
||||
font-weight: 300;
|
||||
margin-top: 40px !important;
|
||||
}
|
||||
h1 {
|
||||
font-size: 45px;
|
||||
@@ -77,13 +78,13 @@ img {
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
/* background: rgba(240,240,240,.9); */
|
||||
/* border: 1px solid rgba(210,210,210,.9); */
|
||||
/* background: rgba(240,240,240,.9); */
|
||||
/* border: 1px solid rgba(210,210,210,.9); */
|
||||
}
|
||||
|
||||
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
|
||||
/* background: white; */
|
||||
/* border: 1px solid rgba(240,240,240,.9); */
|
||||
/* background: white; */
|
||||
/* border: 1px solid rgba(240,240,240,.9); */
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@@ -93,9 +94,9 @@ img {
|
||||
}
|
||||
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
|
||||
/* background: #428BCA; */
|
||||
/* border: 1px solid #1D2D44; */
|
||||
/* color: white; */
|
||||
/* background: #428BCA; */
|
||||
/* border: 1px solid #1D2D44; */
|
||||
/* color: white; */
|
||||
}
|
||||
|
||||
/* button a {color: #1d2d44} */
|
||||
@@ -974,7 +975,7 @@ img.desaturate {
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
/* border: 0px; */
|
||||
/* min-height: 450px; background-position: 35% 40%; */
|
||||
/* min-height: 450px; background-position: 35% 40%; */
|
||||
position: relative;
|
||||
margin-left: 0px !important;
|
||||
margin-right: 0px !important;
|
||||
@@ -982,7 +983,7 @@ img.desaturate {
|
||||
}
|
||||
|
||||
/*.ft-img-center {
|
||||
margin: 0 auto;
|
||||
margin: 0 auto;
|
||||
}*/
|
||||
|
||||
.ft-sharing {
|
||||
@@ -1019,7 +1020,7 @@ img.desaturate {
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.ft-everywhere-img {
|
||||
/* height: auto; */
|
||||
/* height: auto; */
|
||||
width: 20%;
|
||||
right: 5%;
|
||||
}
|
||||
@@ -1045,12 +1046,12 @@ img.desaturate {
|
||||
}
|
||||
|
||||
/*.ft-img-overlay a {
|
||||
display: table;
|
||||
display: table;
|
||||
}*/
|
||||
|
||||
/*.ft-img-overlay img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}*/
|
||||
|
||||
.ft-play-overlay {
|
||||
@@ -1059,9 +1060,9 @@ img.desaturate {
|
||||
top: 30%;
|
||||
left: 45%;
|
||||
margin-top: 10px;
|
||||
/* width: 0px; */
|
||||
/* height: 0px; */
|
||||
/* padding: 50%; */
|
||||
/* width: 0px; */
|
||||
/* height: 0px; */
|
||||
/* padding: 50%; */
|
||||
}
|
||||
|
||||
.youtube i {
|
||||
@@ -1142,3 +1143,63 @@ a.headerlink {
|
||||
li.next {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Floating image on code */
|
||||
.figure.figure-with-code img {
|
||||
margin: 0;
|
||||
}
|
||||
.figure.figure-with-code {
|
||||
float: right;
|
||||
max-width: 40%;
|
||||
min-width: 200px;
|
||||
}
|
||||
.figure.figure-with-code + .code.html,
|
||||
.figure.figure-with-code + .highlight-html {
|
||||
max-width: 59%;
|
||||
}
|
||||
.figure.figure-with-code + .code.html::after,
|
||||
.figure.figure-with-code + .highlight-html::after {
|
||||
content: ' ';
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Fix nested lists bold */
|
||||
li > dl > dt {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/* Icons grid */
|
||||
#icons > blockquote > div {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
#icons > blockquote > div > div {
|
||||
margin: 20px;
|
||||
text-align: center;
|
||||
flex: 10%;
|
||||
}
|
||||
#icons > blockquote > div img {
|
||||
margin: 5px;
|
||||
}
|
||||
#icons > blockquote > div p {
|
||||
font-size: inherit;
|
||||
}
|
||||
#icons > blockquote > div a {
|
||||
display: flex;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
margin: auto;
|
||||
}
|
||||
#icons > blockquote > div > div a[href*='white'],
|
||||
#icons > blockquote > div > div a[href*='/calendar.'],
|
||||
#icons > blockquote > div > div a[href*='/caret.'],
|
||||
#icons > blockquote > div > div a[href*='/contacts.'],
|
||||
#icons > blockquote > div > div a[href*='/files1.'],
|
||||
#icons > blockquote > div > div a[href*='/music.'],
|
||||
#icons > blockquote > div > div a[href*='/picture.'],
|
||||
#icons > blockquote > div > div a[href*='white'] {
|
||||
background: #ddd;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
@@ -25,467 +25,9 @@ Web Components go into the **component/** folder and can be imported like this:
|
||||
<?php
|
||||
// include one file
|
||||
component('myapp', 'tabs'); // adds component/tabs.html
|
||||
|
||||
|
||||
// include multiple files for the same app
|
||||
component('myapp', array('tabs', 'forms')); // adds component/tabs.html, component/forms.html
|
||||
|
||||
|
||||
|
||||
|
||||
.. note:: Keep in mind that Web Components are still very new and you `might need to add polyfills <https://www.webcomponents.org/polyfills/>`_
|
||||
|
||||
Standard layout
|
||||
===============
|
||||
To use the commonly used layout consisting of sidebar navigation and content the **app-navigation** and **app-content** ids can be used:
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app">
|
||||
<div id="app-navigation">Your navigation</div>
|
||||
<div id="app-content">
|
||||
<div id="app-content-wrapper">
|
||||
Your content in here
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
For built in mobile support your content has to be wrapped inside another div with the id **app-content-wrapper**.
|
||||
|
||||
Navigation
|
||||
==========
|
||||
Nextcloud provides a default CSS navigation layout. If list entries should have 16x16 px icons, the **with-icon** class can be added to the base **ul**. The maximum supported indention level is two, further indentions are not recommended.
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app-navigation">
|
||||
<ul class="with-icon">
|
||||
<li><a href="#">First level entry</a></li>
|
||||
<li>
|
||||
<a href="#">First level container</a>
|
||||
<ul>
|
||||
<li><a href="#">Second level entry</a></li>
|
||||
<li><a href="#">Second level entry</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Folders
|
||||
-------
|
||||
|
||||
Folders are like normal entries and are only supported for the first level. In contrast to normal entries, the links which show the title of the folder need to have the **icon-folder** CSS class.
|
||||
|
||||
If the folder should be collapsible, the **collapsible** class and a button with the class **collapse** are needed. After adding the collapsible class the folder's child entries can be toggled by adding the **open** class to the list element:
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app-navigation">
|
||||
<ul class="with-icon">
|
||||
<li><a href="#">First level entry</a></li>
|
||||
<li class="collapsible open">
|
||||
<button class="collapse"></button>
|
||||
<a href="#" class="icon-folder svg">Folder name</a>
|
||||
<ul>
|
||||
<li><a href="#">Folder contents</a></li>
|
||||
<li><a href="#">Folder contents</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
Drag and drop
|
||||
-------------
|
||||
The class which should be applied to a first level element (**li**) that hosts or can host a second level is **drag-and-drop**. This will cause the hovered entry to slide down giving a visual hint that it can accept the dragged element. In case of jQuery UI's droppable feature, the **hoverClass** option should be set to the **drag-and-drop** class.
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app-navigation">
|
||||
<ul class="with-icon">
|
||||
<li><a href="#">First level entry</a></li>
|
||||
<li class="drag-and-drop">
|
||||
<a href="#" class="icon-folder svg">Folder name</a>
|
||||
<ul>
|
||||
<li><a href="#">Folder contents</a></li>
|
||||
<li><a href="#">Folder contents</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Menus
|
||||
-----
|
||||
|
||||
.. versionadded:: 8
|
||||
|
||||
To add actions that affect the current list element you can add a menu for second and/or first level elements by adding the button and menu inside the corresponding **li** element and adding the **with-menu** CSS class:
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app-navigation">
|
||||
<ul>
|
||||
<li class="with-counter with-menu">
|
||||
<a href="#">First level entry</a>
|
||||
|
||||
<div class="app-navigation-entry-utils">
|
||||
<ul>
|
||||
<li class="app-navigation-entry-utils-counter">15</li>
|
||||
<li class="app-navigation-entry-utils-menu-button svg"><button></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="app-navigation-entry-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#" class="menuitem action action-edit permanent">
|
||||
<span class="icon icon-rename"></span>
|
||||
<span><?php p($l->t('Edit group'));?></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="menuitem action action-delete permanent">
|
||||
<span class="icon icon-delete"></span>
|
||||
<span><?php p($l->t('Delete group'));?></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
The div with the class **app-navigation-entry-utils** contains only the button (class: **app-navigation-entry-utils-menu-button**) to display the menu but in many cases another entry is needed to display some sort of count (mails count, unread feed count, etc.). In that case add the **with-counter** class to the list entry to adjust the correct padding and text-overflow of the entry's title.
|
||||
|
||||
The count should be limitted to 999 and turn to 999+ if any higher number is given. If AngularJS is used the following filter can be used to get the correct behaviour:
|
||||
|
||||
.. code-block:: js
|
||||
|
||||
app.filter('counterFormatter', function () {
|
||||
'use strict';
|
||||
return function (count) {
|
||||
if (count > 999) {
|
||||
return '999+';
|
||||
}
|
||||
return count;
|
||||
};
|
||||
});
|
||||
|
||||
Use it like this:
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<li class="app-navigation-entry-utils-counter">{{ count | counterFormatter }}</li>
|
||||
|
||||
The menu is hidden by default (**display: none**) and has to be triggered by adding the **open** class to the **app-navigation-entry-menu** div.
|
||||
|
||||
In case of AngularJS the following small directive can be added to handle all the display and click logic out of the box:
|
||||
|
||||
.. code-block:: js
|
||||
|
||||
app.run(function ($document, $rootScope) {
|
||||
'use strict';
|
||||
$document.click(function (event) {
|
||||
$rootScope.$broadcast('documentClicked', event);
|
||||
});
|
||||
});
|
||||
|
||||
app.directive('appNavigationEntryUtils', function () {
|
||||
'use strict';
|
||||
return {
|
||||
restrict: 'C',
|
||||
link: function (scope, elm) {
|
||||
var menu = elm.siblings('.app-navigation-entry-menu');
|
||||
var button = $(elm)
|
||||
.find('.app-navigation-entry-utils-menu-button button');
|
||||
|
||||
button.click(function () {
|
||||
menu.toggleClass('open');
|
||||
});
|
||||
|
||||
scope.$on('documentClicked', function (scope, event) {
|
||||
if (event.target !== button[0]) {
|
||||
menu.removeClass('open');
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
Editing
|
||||
-------
|
||||
|
||||
.. versionadded:: 8
|
||||
|
||||
Often an edit option is needed for an entry. To add one for a given entry simply hide the title and add the following div inside the entry:
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app-navigation">
|
||||
<ul class="with-icon">
|
||||
<li>
|
||||
<a href="#" class="hidden">First level entry</a>
|
||||
|
||||
<div class="app-navigation-entry-edit">
|
||||
<form>
|
||||
<input type="text" value="First level entry" autofocus-on-insert>
|
||||
<input type="submit" value="" class="action icon-checkmark svg">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
If AngularJS is used you want to autofocus the input box. This can be achieved by placing the show condition inside an **ng-if** on the **app-navigation-entry-edit** div and adding the following directive:
|
||||
|
||||
.. code-block:: js
|
||||
|
||||
app.directive('autofocusOnInsert', function () {
|
||||
'use strict';
|
||||
return function (scope, elm) {
|
||||
elm.focus();
|
||||
};
|
||||
});
|
||||
|
||||
**ng-if** is required because it removes/inserts the element into the DOM dynamically instead of just adding a **display: none** to it like **ng-show** and **ng-hide**.
|
||||
|
||||
Undo entry
|
||||
----------
|
||||
|
||||
.. versionadded:: 8
|
||||
|
||||
If you want to undo a performed action on a navigation entry such as deletion, you should show the undo directly in place of the entry and make it disappear after location change or 7 seconds:
|
||||
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app-navigation">
|
||||
<ul class="with-icon">
|
||||
<li>
|
||||
<a href="#" class="hidden">First level entry</a>
|
||||
|
||||
<div class="app-navigation-entry-deleted">
|
||||
<div class="app-navigation-entry-deleted-description">Deleted X</div>
|
||||
<button class="app-navigation-entry-deleted-button icon-history svg" title="Undo"></button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
Settings Area
|
||||
=============
|
||||
To create a settings area create a div with the id **app-settings** inside the **app-navigation** div:
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<div id="app">
|
||||
|
||||
<div id="app-navigation">
|
||||
|
||||
<!-- Your navigation here -->
|
||||
|
||||
<div id="app-settings">
|
||||
<div id="app-settings-header">
|
||||
<button class="settings-button"
|
||||
data-apps-slide-toggle="#app-settings-content"
|
||||
><?php p($l->t('Settings'));?></button>
|
||||
</div>
|
||||
<div id="app-settings-content">
|
||||
<!-- Your settings in here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
The data attribute **data-apps-slide-toggle** slides up a target area using a jQuery selector and hides the area if the user clicks outside of it.
|
||||
|
||||
Icons
|
||||
=====
|
||||
To use icons which are shipped in core, special classes to apply the background image are supplied. All of these classes use **background-position: center** and **background-repeat: no-repeat**.
|
||||
|
||||
* **icon-breadcrumb**:
|
||||
.. image:: ../img/7/breadcrumb.png
|
||||
|
||||
* **icon-loading**:
|
||||
.. image:: ../img/7/loading.png
|
||||
|
||||
* **icon-loading-dark**:
|
||||
.. image:: ../img/7/loading-dark.png
|
||||
|
||||
* **icon-loading-small**:
|
||||
.. image:: ../img/7/loading-small.png
|
||||
|
||||
* **icon-add**:
|
||||
.. image:: ../img/7/actions/add.png
|
||||
|
||||
* **icon-caret**:
|
||||
.. image:: ../img/7/actions/caret.png
|
||||
|
||||
* **icon-caret-dark**:
|
||||
.. image:: ../img/7/actions/caret-dark.png
|
||||
|
||||
* **icon-checkmark**:
|
||||
.. image:: ../img/7/actions/checkmark.png
|
||||
|
||||
* **icon-checkmark-white**:
|
||||
.. image:: ../img/7/actions/checkmark-white.png
|
||||
|
||||
* **icon-clock**:
|
||||
.. image:: ../img/7/actions/clock.png
|
||||
|
||||
* **icon-close**:
|
||||
.. image:: ../img/7/actions/close.png
|
||||
|
||||
* **icon-confirm**:
|
||||
.. image:: ../img/7/actions/confirm.png
|
||||
|
||||
* **icon-delete**:
|
||||
.. image:: ../img/7/actions/delete.png
|
||||
|
||||
* **icon-download**:
|
||||
.. image:: ../img/7/actions/download.png
|
||||
|
||||
* **icon-history**:
|
||||
.. image:: ../img/7/actions/history.png
|
||||
|
||||
* **icon-info**:
|
||||
.. image:: ../img/7/actions/info.png
|
||||
|
||||
* **icon-lock**:
|
||||
.. image:: ../img/7/actions/lock.png
|
||||
|
||||
* **icon-logout**:
|
||||
.. image:: ../img/7/actions/logout.png
|
||||
|
||||
* **icon-mail**:
|
||||
.. image:: ../img/7/actions/mail.png
|
||||
|
||||
* **icon-more**:
|
||||
.. image:: ../img/7/actions/more.png
|
||||
|
||||
* **icon-password**:
|
||||
.. image:: ../img/7/actions/password.png
|
||||
|
||||
* **icon-pause**:
|
||||
.. image:: ../img/7/actions/pause.png
|
||||
|
||||
* **icon-pause-big**:
|
||||
.. image:: ../img/7/actions/pause-big.png
|
||||
|
||||
* **icon-play**:
|
||||
.. image:: ../img/7/actions/play.png
|
||||
|
||||
* **icon-play-add**:
|
||||
.. image:: ../img/7/actions/play-add.png
|
||||
|
||||
* **icon-play-big**:
|
||||
.. image:: ../img/7/actions/play-big.png
|
||||
|
||||
* **icon-play-next**:
|
||||
.. image:: ../img/7/actions/play-next.png
|
||||
|
||||
* **icon-play-previous**:
|
||||
.. image:: ../img/7/actions/play-previous.png
|
||||
|
||||
* **icon-public**:
|
||||
.. image:: ../img/7/actions/public.png
|
||||
|
||||
* **icon-rename**:
|
||||
.. image:: ../img/7/actions/rename.png
|
||||
|
||||
* **icon-search**:
|
||||
.. image:: ../img/7/actions/search.png
|
||||
|
||||
* **icon-settings**:
|
||||
.. image:: ../img/7/actions/settings.png
|
||||
|
||||
|
||||
* **icon-share**:
|
||||
.. image:: ../img/7/actions/share.png
|
||||
|
||||
* **icon-shared**:
|
||||
.. image:: ../img/7/actions/shared.png
|
||||
|
||||
* **icon-sound**:
|
||||
.. image:: ../img/7/actions/sound.png
|
||||
|
||||
* **icon-sound-off**:
|
||||
.. image:: ../img/7/actions/sound-off.png
|
||||
|
||||
* **icon-star**:
|
||||
.. image:: ../img/7/actions/star.png
|
||||
|
||||
* **icon-starred**:
|
||||
.. image:: ../img/7/actions/starred.png
|
||||
|
||||
* **icon-toggle**:
|
||||
.. image:: ../img/7/actions/toggle.png
|
||||
|
||||
|
||||
* **icon-triangle-e**:
|
||||
.. image:: ../img/7/actions/triangle-e.png
|
||||
|
||||
* **icon-triangle-n**:
|
||||
.. image:: ../img/7/actions/triangle-n.png
|
||||
|
||||
* **icon-triangle-s**:
|
||||
.. image:: ../img/7/actions/triangle-s.png
|
||||
|
||||
|
||||
* **icon-upload**:
|
||||
.. image:: ../img/7/actions/upload.png
|
||||
|
||||
* **icon-upload-white**:
|
||||
.. image:: ../img/7/actions/upload-white.png
|
||||
|
||||
|
||||
* **icon-user**:
|
||||
.. image:: ../img/7/actions/user.png
|
||||
|
||||
* **icon-view-close**:
|
||||
.. image:: ../img/7/actions/view-close.png
|
||||
|
||||
* **icon-view-next**:
|
||||
.. image:: ../img/7/actions/view-next.png
|
||||
|
||||
* **icon-view-pause**:
|
||||
.. image:: ../img/7/actions/view-pause.png
|
||||
|
||||
* **icon-view-play**:
|
||||
.. image:: ../img/7/actions/view-play.png
|
||||
|
||||
* **icon-view-previous**:
|
||||
.. image:: ../img/7/actions/view-previous.png
|
||||
|
||||
* **icon-calendar-dark**:
|
||||
.. image:: ../img/7/places/calendar-dark.png
|
||||
|
||||
* **icon-contacts-dark**:
|
||||
.. image:: ../img/7/places/contacts-dark.png
|
||||
|
||||
* **icon-file**:
|
||||
.. image:: ../img/7/places/file.png
|
||||
|
||||
* **icon-files**:
|
||||
.. image:: ../img/7/places/files.png
|
||||
|
||||
* **icon-folder**:
|
||||
.. image:: ../img/7/places/folder.png
|
||||
|
||||
* **icon-filetype-text**:
|
||||
.. image:: ../img/7/filetypes/text.png
|
||||
|
||||
* **icon-filetype-folder**:
|
||||
.. image:: ../img/7/filetypes/folder.png
|
||||
|
||||
* **icon-home**:
|
||||
.. image:: ../img/7/places/home.png
|
||||
|
||||
* **icon-link**:
|
||||
.. image:: ../img/7/places/link.png
|
||||
|
||||
* **icon-music**:
|
||||
.. image:: ../img/7/places/music.png
|
||||
|
||||
* **icon-picture**:
|
||||
.. image:: ../img/7/places/picture.png
|
||||
|
||||
@@ -48,9 +48,9 @@ copyright = u'2012-2017, The Nextcloud developers'
|
||||
# built documents.
|
||||
#
|
||||
# The short X.Y version.
|
||||
version = '12'
|
||||
version = '13'
|
||||
# The full version, including alpha/beta/rc tags.
|
||||
release = '12'
|
||||
release = '13'
|
||||
|
||||
# The language for content autogenerated by Sphinx. Refer to documentation
|
||||
# for a list of supported languages.
|
||||
@@ -179,7 +179,7 @@ latex_elements = {
|
||||
#'pointsize': '10pt',
|
||||
|
||||
# Additional stuff for the LaTeX preamble.
|
||||
#'preamble': '',
|
||||
'preamble': '\extrafloats{100}\maxdeadcycles=500',
|
||||
}
|
||||
|
||||
# Grouping the document tree into LaTeX files. List of tuples
|
||||
@@ -292,3 +292,12 @@ epub_copyright = u'2012-2017, The Nextcloud developers'
|
||||
|
||||
# Include todos?
|
||||
todo_include_todos = True
|
||||
|
||||
|
||||
from sphinx.builders.html import StandaloneHTMLBuilder
|
||||
StandaloneHTMLBuilder.supported_image_types = [
|
||||
'image/svg+xml',
|
||||
'image/gif',
|
||||
'image/png',
|
||||
'image/jpeg'
|
||||
]
|
||||
|
||||
7
developer_manual/design/content.rst
Normal file
@@ -0,0 +1,7 @@
|
||||
.. sectionauthor:: John Molakvoæ <skjnldsv@protonmail.com>
|
||||
.. codeauthor:: John Molakvoæ <skjnldsv@protonmail.com>
|
||||
.. _content:
|
||||
|
||||
===============
|
||||
Main content
|
||||
===============
|
||||
77
developer_manual/design/html.rst
Normal file
@@ -0,0 +1,77 @@
|
||||
.. sectionauthor:: John Molakvoæ <skjnldsv@protonmail.com>
|
||||
.. codeauthor:: John Molakvoæ <skjnldsv@protonmail.com>
|
||||
.. _html:
|
||||
|
||||
===============
|
||||
Html elements
|
||||
===============
|
||||
|
||||
Progress bar
|
||||
=============
|
||||
|
||||
Nextcloud support and provides an already themed progress bar.
|
||||
|
||||
Please use the html5 ``progress`` element.
|
||||
|
||||
.. figure:: ../images/progress.png
|
||||
:alt: Progress html5
|
||||
:figclass: figure-with-code
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<progress value="42.79" max="100"></progress>
|
||||
|
||||
Checkboxes and radios
|
||||
======================
|
||||
|
||||
As default html5 checkboxes & radios are **not** customisable, we created an override using label and ``::after`` elements.
|
||||
|
||||
There is 2 colors:
|
||||
|
||||
* Default themed with the primary color.
|
||||
* White colored.
|
||||
|
||||
Requirements:
|
||||
|
||||
* You need to have a ``label`` element **directly** after the ``input`` element.
|
||||
* The input **must** have the ``checkbox`` or ``radio`` class.
|
||||
* To use the white theme, you **need** to also add the ``checkbox--white`` or ``radio--white`` class.
|
||||
* Your label **must** have an associated text for accessibility.
|
||||
|
||||
.. figure:: ../images/checkboxes.png
|
||||
:alt: Nextcloud's themed checkboxes
|
||||
:figclass: figure-with-code
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<input type="checkbox" id="test1" class="checkbox"
|
||||
checked="checked">
|
||||
<label for="test1">Selected</label><br>
|
||||
<input type="checkbox" id="test2" class="checkbox">
|
||||
<label for="test2">Unselected</label><br>
|
||||
<input type="checkbox" id="test3" class="checkbox"
|
||||
disabled="disabled">
|
||||
<label for="test3">Disabled</label><br>
|
||||
<input type="checkbox" id="test4" class="checkbox">
|
||||
<label for="test4">Hovered</label><br>
|
||||
|
||||
.. figure:: ../images/radios.png
|
||||
:alt: Nextcloud's themed radios
|
||||
:figclass: figure-with-code
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<input type="radio" id="test1" class="radio"
|
||||
checked="checked">
|
||||
<label for="test1">Selected</label><br>
|
||||
<input type="radio" id="test2" class="radio">
|
||||
<label for="test2">Unselected</label><br>
|
||||
<input type="radio" id="test3" class="radio"
|
||||
disabled="disabled">
|
||||
<label for="test3">Disabled</label><br>
|
||||
<input type="radio" id="test4" class="radio">
|
||||
<label for="test4">Hovered</label><br>
|
||||
|
||||
|
||||
Buttons
|
||||
==================
|
||||
39
developer_manual/design/icons-gen.py
Executable file
@@ -0,0 +1,39 @@
|
||||
#! /bin/env python
|
||||
# Generate the icon part of the design documentation
|
||||
# coding=utf8
|
||||
# the above tag defines encoding for this document and is for Python 2.x compatibility
|
||||
|
||||
import re
|
||||
import os
|
||||
|
||||
iconregex = re.compile("(\.icon-[a-z-]*)")
|
||||
pathregex = r"url\('([a-z-./]*\.svg)"
|
||||
|
||||
os.system('rm -R ./img/')
|
||||
os.system('rm icons.txt')
|
||||
os.system('wget https://github.com/nextcloud/server/archive/master.zip')
|
||||
os.system("unzip -p master.zip 'server-master/core/css/icons.scss' > icons.scss")
|
||||
os.system("unzip -u master.zip 'server-master/core/img/*'")
|
||||
os.system('mv ./server-master/core/img .')
|
||||
os.system('rm master.zip')
|
||||
os.system('rm -R ./server-master/')
|
||||
|
||||
icons = {}
|
||||
|
||||
scss = open('icons.scss')
|
||||
lines = scss.readlines()
|
||||
|
||||
for i, line in enumerate(lines):
|
||||
for match in re.finditer(pathregex, line):
|
||||
iconclass = iconregex.match(lines[i-1])
|
||||
if iconclass:
|
||||
icons[iconclass.groups()[0]] = match.groups()[0]
|
||||
|
||||
result = ""
|
||||
for icon, path in sorted(icons.items()):
|
||||
result += ".. figure:: " + path[3:-3]+"*\n :height: 32\n :width: 32\n\n " + icon[1:] + "\n\n"
|
||||
os.system('inkscape -z '+path[3:]+' -e '+path[3:-3]+'png')
|
||||
|
||||
f = open('icons.txt', 'w')
|
||||
f.write(result);
|
||||
f.close()
|
||||
12
developer_manual/design/icons.rst
Normal file
@@ -0,0 +1,12 @@
|
||||
.. sectionauthor:: John Molakvoæ <skjnldsv@protonmail.com>
|
||||
.. codeauthor:: John Molakvoæ <skjnldsv@protonmail.com>
|
||||
.. _icons:
|
||||
|
||||
========
|
||||
Icons
|
||||
========
|
||||
|
||||
White icons only have a grey background on this documentation page for readability purposes.
|
||||
|
||||
.. include:: icons.txt
|
||||
:class: icons-flex
|
||||
551
developer_manual/design/icons.scss
Normal file
@@ -0,0 +1,551 @@
|
||||
/**
|
||||
* @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com>
|
||||
* @copyright Copyright (c) 2016, Joas Schilling <coding@schilljs.com>
|
||||
* @copyright Copyright (c) 2016, Lukas Reschke <lukas@statuscode.ch>
|
||||
* @copyright Copyright (c) 2016, Roeland Jago Douma <roeland@famdouma.nl>
|
||||
* @copyright Copyright (c) 2016, Vincent Chan <plus.vincchan@gmail.com>
|
||||
* @copyright Copyright (c) 2015, Thomas Müller <thomas.mueller@tmit.eu>
|
||||
* @copyright Copyright (c) 2015, Hendrik Leppelsack <hendrik@leppelsack.de>
|
||||
* @copyright Copyright (c) 2015, Jan-Christoph Borchardt <hey@jancborchardt.net>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version
|
||||
*
|
||||
*/
|
||||
|
||||
/* GLOBAL ------------------------------------------------------------------- */
|
||||
[class^='icon-'], [class*=' icon-'] {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
.icon-breadcrumb {
|
||||
background-image: url('../img/breadcrumb.svg?v=1');
|
||||
}
|
||||
|
||||
/* LOADING ------------------------------------------------------------------ */
|
||||
.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark {
|
||||
position: relative;
|
||||
&:after {
|
||||
z-index: 2;
|
||||
content: '';
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
margin: -16px 0 0 -16px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: rotate .8s infinite linear;
|
||||
animation: rotate .8s infinite linear;
|
||||
-webkit-transform-origin: center;
|
||||
-ms-transform-origin: center;
|
||||
transform-origin: center;
|
||||
border: 2px solid rgba($color-loading, 0.5);
|
||||
border-top-color: $color-loading;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-loading-dark:after,
|
||||
.icon-loading-small-dark:after {
|
||||
border: 2px solid rgba($color-loading-dark, 0.5);
|
||||
border-top-color: $color-loading-dark;
|
||||
}
|
||||
|
||||
.icon-loading-small:after,
|
||||
.icon-loading-small-dark:after {
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
margin: -8px 0 0 -8px;
|
||||
}
|
||||
|
||||
/* Css replaced elements don't have ::after nor ::before */
|
||||
img, object, video, button, textarea, input, select {
|
||||
.icon-loading {
|
||||
background-image: url('../img/loading.gif');
|
||||
}
|
||||
.icon-loading-dark {
|
||||
background-image: url('../img/loading-dark.gif');
|
||||
}
|
||||
.icon-loading-small {
|
||||
background-image: url('../img/loading-small.gif');
|
||||
}
|
||||
.icon-loading-small-dark {
|
||||
background-image: url('../img/loading-small-dark.gif');
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.icon-32 {
|
||||
background-size: 32px !important;
|
||||
}
|
||||
|
||||
/* ICONS -------------------------------------------------------------------- */
|
||||
.icon-add {
|
||||
background-image: url('../img/actions/add.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-audio {
|
||||
background-image: url('../img/actions/audio.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-audio-white {
|
||||
background-image: url('../img/actions/audio-white.svg?v=2');
|
||||
}
|
||||
|
||||
.icon-audio-off {
|
||||
background-image: url('../img/actions/audio-off.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-audio-off-white {
|
||||
background-image: url('../img/actions/audio-off-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-caret {
|
||||
background-image: url('../img/actions/caret.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-caret-dark {
|
||||
background-image: url('../img/actions/caret-dark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-checkmark {
|
||||
background-image: url('../img/actions/checkmark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-checkmark-white {
|
||||
background-image: url('../img/actions/checkmark-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-checkmark-color {
|
||||
background-image: url('../img/actions/checkmark-color.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-clippy {
|
||||
background-image: url('../img/actions/clippy.svg?v=2');
|
||||
}
|
||||
|
||||
.icon-close {
|
||||
background-image: url('../img/actions/close.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-close-white {
|
||||
background-image: url('../img/actions/close-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-comment {
|
||||
background-image: url('../img/actions/comment.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-confirm {
|
||||
background-image: url('../img/actions/confirm.svg?v=2');
|
||||
}
|
||||
|
||||
.icon-confirm-white {
|
||||
background-image: url('../img/actions/confirm-white.svg?v=2');
|
||||
}
|
||||
|
||||
.icon-delete {
|
||||
background-image: url('../img/actions/delete.svg?v=1');
|
||||
&.no-permission {
|
||||
&:hover, &:focus {
|
||||
background-image: url('../img/actions/delete.svg?v=1');
|
||||
}
|
||||
}
|
||||
&:hover, &:focus {
|
||||
background-image: url('../img/actions/delete-hover.svg?v=1');
|
||||
}
|
||||
}
|
||||
|
||||
.icon-delete-white {
|
||||
background-image: url('../img/actions/delete-white.svg?v=1');
|
||||
&.no-permission {
|
||||
&:hover, &:focus {
|
||||
background-image: url('../img/actions/delete-white.svg?v=1');
|
||||
}
|
||||
}
|
||||
&:hover, &:focus {
|
||||
background-image: url('../img/actions/delete-hover.svg?v=1');
|
||||
}
|
||||
}
|
||||
|
||||
.icon-details {
|
||||
background-image: url('../img/actions/details.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-download {
|
||||
background-image: url('../img/actions/download.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-download-white {
|
||||
background-image: url('../img/actions/download-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-edit {
|
||||
background-image: url('../img/actions/edit.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-error {
|
||||
background-image: url('../img/actions/error.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-error-white {
|
||||
background-image: url('../img/actions/error-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-error-color {
|
||||
background-image: url('../img/actions/error-color.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-external {
|
||||
background-image: url('../img/actions/external.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-fullscreen {
|
||||
background-image: url('../img/actions/fullscreen.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-fullscreen-white {
|
||||
background-image: url('../img/actions/fullscreen-white.svg?v=2');
|
||||
}
|
||||
|
||||
.icon-history {
|
||||
background-image: url('../img/actions/history.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-info {
|
||||
background-image: url('../img/actions/info.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-info-white {
|
||||
background-image: url('../img/actions/info-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-logout {
|
||||
background-image: url('../img/actions/logout.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-mail {
|
||||
background-image: url('../img/actions/mail.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-menu {
|
||||
background-image: url('../img/actions/menu.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-more {
|
||||
background-image: url('../img/actions/more.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-more-white {
|
||||
background-image: url('../img/actions/more-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-password {
|
||||
background-image: url('../img/actions/password.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-pause {
|
||||
background-image: url('../img/actions/pause.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-pause-big {
|
||||
background-image: url('../img/actions/pause-big.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-play {
|
||||
background-image: url('../img/actions/play.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-play-add {
|
||||
background-image: url('../img/actions/play-add.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-play-big {
|
||||
background-image: url('../img/actions/play-big.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-play-next {
|
||||
background-image: url('../img/actions/play-next.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-play-previous {
|
||||
background-image: url('../img/actions/play-previous.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-public {
|
||||
background-image: url('../img/actions/public.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-rename {
|
||||
background-image: url('../img/actions/rename.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-screen {
|
||||
background-image: url('../img/actions/screen.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-screen-white {
|
||||
background-image: url('../img/actions/screen-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-screen-off {
|
||||
background-image: url('../img/actions/screen-off.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-screen-off-white {
|
||||
background-image: url('../img/actions/screen-off-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-search {
|
||||
background-image: url('../img/actions/search.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-search-white {
|
||||
background-image: url('../img/actions/search-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-settings {
|
||||
background-image: url('../img/actions/settings.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-settings-dark {
|
||||
background-image: url('../img/actions/settings-dark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-settings-white {
|
||||
background-image: url('../img/actions/settings-white.svg?v=1');
|
||||
}
|
||||
|
||||
/* always use icon-shared, AdBlock blocks icon-share */
|
||||
.icon-shared,
|
||||
.icon-share {
|
||||
background-image: url('../img/actions/share.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-sound {
|
||||
background-image: url('../img/actions/sound.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-sound-off {
|
||||
background-image: url('../img/actions/sound-off.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-favorite {
|
||||
background-image: url('../img/actions/star-dark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-star {
|
||||
background-image: url('../img/actions/star.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-starred {
|
||||
&:hover, &:focus {
|
||||
background-image: url('../img/actions/star.svg?v=1');
|
||||
}
|
||||
background-image: url('../img/actions/starred.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-star {
|
||||
&:hover, &:focus {
|
||||
background-image: url('../img/actions/starred.svg?v=1');
|
||||
}
|
||||
}
|
||||
|
||||
.icon-tag {
|
||||
background-image: url('../img/actions/tag.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-toggle {
|
||||
background-image: url('../img/actions/toggle.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-toggle-pictures {
|
||||
background-image: url('../img/actions/toggle-pictures.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-triangle-e {
|
||||
background-image: url('../img/actions/triangle-e.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-triangle-n {
|
||||
background-image: url('../img/actions/triangle-n.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-triangle-s {
|
||||
background-image: url('../img/actions/triangle-s.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-upload {
|
||||
background-image: url('../img/actions/upload.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-upload-white {
|
||||
background-image: url('../img/actions/upload-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-user {
|
||||
background-image: url('../img/actions/user.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-video {
|
||||
background-image: url('../img/actions/video.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-video-white {
|
||||
background-image: url('../img/actions/video-white.svg?v=2');
|
||||
}
|
||||
|
||||
.icon-video-off {
|
||||
background-image: url('../img/actions/video-off.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-video-off-white {
|
||||
background-image: url('../img/actions/video-off-white.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-view-close {
|
||||
background-image: url('../img/actions/view-close.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-view-download {
|
||||
background-image: url('../img/actions/view-download.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-view-next {
|
||||
background-image: url('../img/actions/view-next.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-view-pause {
|
||||
background-image: url('../img/actions/view-pause.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-view-play {
|
||||
background-image: url('../img/actions/view-play.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-view-previous {
|
||||
background-image: url('../img/actions/view-previous.svg?v=1');
|
||||
}
|
||||
|
||||
/* PLACES ------------------------------------------------------------------- */
|
||||
.icon-calendar {
|
||||
background-image: url('../img/places/calendar.svg?v=1');
|
||||
}
|
||||
.icon-calendar-dark {
|
||||
background-image: url('../img/places/calendar-dark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-contacts {
|
||||
background-image: url('../img/places/contacts.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-contacts-dark {
|
||||
background-image: url('../img/places/contacts-dark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-files {
|
||||
background-image: url('../img/places/files.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-files-dark {
|
||||
background-image: url('../img/places/files-dark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-file, .icon-filetype-text {
|
||||
background-image: url('../img/filetypes/text.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-folder, .icon-filetype-folder {
|
||||
background-image: url('../img/filetypes/folder.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-filetype-folder-drag-accept {
|
||||
background-image: url('../img/filetypes/folder-drag-accept.svg?v=1') !important;
|
||||
}
|
||||
|
||||
.icon-home {
|
||||
background-image: url('../img/places/home.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-link {
|
||||
background-image: url('../img/places/link.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-music {
|
||||
background-image: url('../img/places/music.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-picture {
|
||||
background-image: url('../img/places/picture.svg?v=1');
|
||||
}
|
||||
|
||||
/* APP CATEGORIES ------------------------------------------------------------------- */
|
||||
.icon-category-installed {
|
||||
background-image: url('../img/actions/user.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-enabled {
|
||||
background-image: url('../img/actions/checkmark.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-disabled {
|
||||
background-image: url('../img/actions/close.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-app-bundles {
|
||||
background-image: url('../img/categories/bundles.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-updates {
|
||||
background-image: url('../img/actions/download.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-files {
|
||||
background-image: url('../img/categories/files.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-social {
|
||||
background-image: url('../img/categories/social.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-office {
|
||||
background-image: url('../img/categories/office.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-auth {
|
||||
background-image: url('../img/categories/auth.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-monitoring {
|
||||
background-image: url('../img/categories/monitoring.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-multimedia {
|
||||
background-image: url('../img/categories/multimedia.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-organization {
|
||||
background-image: url('../img/categories/organization.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-customization {
|
||||
background-image: url('../img/categories/customization.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-integration {
|
||||
background-image: url('../img/categories/integration.svg?v=1');
|
||||
}
|
||||
|
||||
.icon-category-tools {
|
||||
background-image: url('../img/actions/settings-dark.svg?v=1');
|
||||
}
|
||||
648
developer_manual/design/icons.txt
Normal file
@@ -0,0 +1,648 @@
|
||||
.. figure:: img/actions/add.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-add
|
||||
|
||||
.. figure:: img/actions/audio.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-audio
|
||||
|
||||
.. figure:: img/actions/audio-off.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-audio-off
|
||||
|
||||
.. figure:: img/actions/audio-off-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-audio-off-white
|
||||
|
||||
.. figure:: img/actions/audio-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-audio-white
|
||||
|
||||
.. figure:: img/breadcrumb.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-breadcrumb
|
||||
|
||||
.. figure:: img/places/calendar.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-calendar
|
||||
|
||||
.. figure:: img/places/calendar-dark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-calendar-dark
|
||||
|
||||
.. figure:: img/actions/caret.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-caret
|
||||
|
||||
.. figure:: img/actions/caret-dark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-caret-dark
|
||||
|
||||
.. figure:: img/categories/bundles.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-app-bundles
|
||||
|
||||
.. figure:: img/categories/auth.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-auth
|
||||
|
||||
.. figure:: img/categories/customization.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-customization
|
||||
|
||||
.. figure:: img/actions/close.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-disabled
|
||||
|
||||
.. figure:: img/actions/checkmark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-enabled
|
||||
|
||||
.. figure:: img/categories/files.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-files
|
||||
|
||||
.. figure:: img/actions/user.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-installed
|
||||
|
||||
.. figure:: img/categories/integration.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-integration
|
||||
|
||||
.. figure:: img/categories/monitoring.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-monitoring
|
||||
|
||||
.. figure:: img/categories/multimedia.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-multimedia
|
||||
|
||||
.. figure:: img/categories/office.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-office
|
||||
|
||||
.. figure:: img/categories/organization.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-organization
|
||||
|
||||
.. figure:: img/categories/social.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-social
|
||||
|
||||
.. figure:: img/actions/settings-dark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-tools
|
||||
|
||||
.. figure:: img/actions/download.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-category-updates
|
||||
|
||||
.. figure:: img/actions/checkmark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-checkmark
|
||||
|
||||
.. figure:: img/actions/checkmark-color.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-checkmark-color
|
||||
|
||||
.. figure:: img/actions/checkmark-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-checkmark-white
|
||||
|
||||
.. figure:: img/actions/clippy.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-clippy
|
||||
|
||||
.. figure:: img/actions/close.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-close
|
||||
|
||||
.. figure:: img/actions/close-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-close-white
|
||||
|
||||
.. figure:: img/actions/comment.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-comment
|
||||
|
||||
.. figure:: img/actions/confirm.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-confirm
|
||||
|
||||
.. figure:: img/actions/confirm-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-confirm-white
|
||||
|
||||
.. figure:: img/places/contacts.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-contacts
|
||||
|
||||
.. figure:: img/places/contacts-dark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-contacts-dark
|
||||
|
||||
.. figure:: img/actions/delete.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-delete
|
||||
|
||||
.. figure:: img/actions/delete-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-delete-white
|
||||
|
||||
.. figure:: img/actions/details.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-details
|
||||
|
||||
.. figure:: img/actions/download.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-download
|
||||
|
||||
.. figure:: img/actions/download-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-download-white
|
||||
|
||||
.. figure:: img/actions/edit.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-edit
|
||||
|
||||
.. figure:: img/actions/error.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-error
|
||||
|
||||
.. figure:: img/actions/error-color.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-error-color
|
||||
|
||||
.. figure:: img/actions/error-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-error-white
|
||||
|
||||
.. figure:: img/actions/external.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-external
|
||||
|
||||
.. figure:: img/actions/star-dark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-favorite
|
||||
|
||||
.. figure:: img/filetypes/text.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-file
|
||||
|
||||
.. figure:: img/places/files.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-files
|
||||
|
||||
.. figure:: img/places/files-dark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-files-dark
|
||||
|
||||
.. figure:: img/filetypes/folder-drag-accept.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-filetype-folder-drag-accept
|
||||
|
||||
.. figure:: img/filetypes/folder.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-folder
|
||||
|
||||
.. figure:: img/actions/fullscreen.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-fullscreen
|
||||
|
||||
.. figure:: img/actions/fullscreen-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-fullscreen-white
|
||||
|
||||
.. figure:: img/actions/history.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-history
|
||||
|
||||
.. figure:: img/places/home.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-home
|
||||
|
||||
.. figure:: img/actions/info.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-info
|
||||
|
||||
.. figure:: img/actions/info-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-info-white
|
||||
|
||||
.. figure:: img/places/link.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-link
|
||||
|
||||
.. figure:: img/actions/logout.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-logout
|
||||
|
||||
.. figure:: img/actions/mail.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-mail
|
||||
|
||||
.. figure:: img/actions/menu.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-menu
|
||||
|
||||
.. figure:: img/actions/more.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-more
|
||||
|
||||
.. figure:: img/actions/more-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-more-white
|
||||
|
||||
.. figure:: img/places/music.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-music
|
||||
|
||||
.. figure:: img/actions/password.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-password
|
||||
|
||||
.. figure:: img/actions/pause.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-pause
|
||||
|
||||
.. figure:: img/actions/pause-big.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-pause-big
|
||||
|
||||
.. figure:: img/places/picture.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-picture
|
||||
|
||||
.. figure:: img/actions/play.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-play
|
||||
|
||||
.. figure:: img/actions/play-add.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-play-add
|
||||
|
||||
.. figure:: img/actions/play-big.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-play-big
|
||||
|
||||
.. figure:: img/actions/play-next.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-play-next
|
||||
|
||||
.. figure:: img/actions/play-previous.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-play-previous
|
||||
|
||||
.. figure:: img/actions/public.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-public
|
||||
|
||||
.. figure:: img/actions/rename.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-rename
|
||||
|
||||
.. figure:: img/actions/screen.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-screen
|
||||
|
||||
.. figure:: img/actions/screen-off.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-screen-off
|
||||
|
||||
.. figure:: img/actions/screen-off-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-screen-off-white
|
||||
|
||||
.. figure:: img/actions/screen-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-screen-white
|
||||
|
||||
.. figure:: img/actions/search.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-search
|
||||
|
||||
.. figure:: img/actions/search-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-search-white
|
||||
|
||||
.. figure:: img/actions/settings.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-settings
|
||||
|
||||
.. figure:: img/actions/settings-dark.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-settings-dark
|
||||
|
||||
.. figure:: img/actions/settings-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-settings-white
|
||||
|
||||
.. figure:: img/actions/share.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-share
|
||||
|
||||
.. figure:: img/actions/sound.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-sound
|
||||
|
||||
.. figure:: img/actions/sound-off.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-sound-off
|
||||
|
||||
.. figure:: img/actions/star.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-star
|
||||
|
||||
.. figure:: img/actions/tag.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-tag
|
||||
|
||||
.. figure:: img/actions/toggle.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-toggle
|
||||
|
||||
.. figure:: img/actions/toggle-pictures.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-toggle-pictures
|
||||
|
||||
.. figure:: img/actions/triangle-e.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-triangle-e
|
||||
|
||||
.. figure:: img/actions/triangle-n.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-triangle-n
|
||||
|
||||
.. figure:: img/actions/triangle-s.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-triangle-s
|
||||
|
||||
.. figure:: img/actions/upload.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-upload
|
||||
|
||||
.. figure:: img/actions/upload-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-upload-white
|
||||
|
||||
.. figure:: img/actions/user.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-user
|
||||
|
||||
.. figure:: img/actions/video.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-video
|
||||
|
||||
.. figure:: img/actions/video-off.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-video-off
|
||||
|
||||
.. figure:: img/actions/video-off-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-video-off-white
|
||||
|
||||
.. figure:: img/actions/video-white.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-video-white
|
||||
|
||||
.. figure:: img/actions/view-close.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-view-close
|
||||
|
||||
.. figure:: img/actions/view-download.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-view-download
|
||||
|
||||
.. figure:: img/actions/view-next.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-view-next
|
||||
|
||||
.. figure:: img/actions/view-pause.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-view-pause
|
||||
|
||||
.. figure:: img/actions/view-play.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-view-play
|
||||
|
||||
.. figure:: img/actions/view-previous.*
|
||||
:height: 32
|
||||
:width: 32
|
||||
|
||||
icon-view-previous
|
||||
|
||||
BIN
developer_manual/design/img/actions/add.png
Normal file
|
After Width: | Height: | Size: 194 B |
1
developer_manual/design/img/actions/add.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M9.02 13.98h-2v-5h-5v-2h5v-5h2v5l5-.028V8.98h-5z"/></svg>
|
||||
|
After Width: | Height: | Size: 129 B |
1
developer_manual/design/img/actions/arrow-left.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewbox="0 0 16 16"><path d="m5.5 8 6 6v1l-7-7 7-7v1z"/></svg>
|
||||
|
After Width: | Height: | Size: 140 B |
1
developer_manual/design/img/actions/arrow-right.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewbox="0 0 16 16"><path d="m10.5 8-6-6v-1l7 7-7 7v-1z"/></svg>
|
||||
|
After Width: | Height: | Size: 142 B |
BIN
developer_manual/design/img/actions/audio-off-white.png
Normal file
|
After Width: | Height: | Size: 651 B |
10
developer_manual/design/img/actions/audio-off-white.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
|
||||
<defs>
|
||||
<filter id="a" style="color-interpolation-filters:sRGB" height="1.3148" width="1.4203" y="-.15742" x="-.21014">
|
||||
<feGaussianBlur stdDeviation="0.91827834"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<path opacity=".5" d="m8 1c-1.108 0-2 0.892-2 2v4c0 0.0535 0.0115 0.1038 0.0156 0.1562l3.9844-3.9824v-0.1738c0-1.108-0.892-2-2-2zm4.486 1.5137c-0.127 0-0.256 0.0233-0.377 0.0722-0.119 0.0488-0.232 0.1232-0.33 0.2207l-8.486 8.4844c-0.1959 0.196-0.293 0.453-0.293 0.709s0.0971 0.511 0.293 0.707c0.1958 0.196 0.4509 0.293 0.707 0.293s0.5131-0.097 0.709-0.293l8.484-8.4863c0.098-0.0975 0.172-0.2103 0.221-0.3301v-0.0019c0.147-0.361 0.073-0.7883-0.221-1.0821-0.196-0.1958-0.451-0.2929-0.707-0.2929zm-8.486 2.4863c-0.554 0-1 0.446-1 1v1a4.988 4.988 0 0 0 0.6719 2.5l1.5078-1.5078c-0.1093-0.3119-0.1797-0.6421-0.1797-0.9922v-1c0-0.554-0.446-1-1-1zm8.973 0.8594l-2.161 2.1582c-0.301 0.8367-0.9577 1.4934-1.7944 1.7949l-2.0742 2.0745a4.988 4.988 0 0 0 0.0566 0.013v1.1h-1.1699l-0.4141 0.414c-0.125 0.125-0.2683 0.222-0.416 0.307v1.279h6v-2h-2v-1.1c2.287-0.46 4-2.473 4-4.9v-1c0-0.0498-0.02-0.0928-0.027-0.1406z" filter="url(#a)"/>
|
||||
<path fill="#fff" d="m8 1c-1.108 0-2 0.892-2 2v4c0 0.0535 0.0115 0.1038 0.0156 0.1562l3.9844-3.9824v-0.1738c0-1.108-0.892-2-2-2zm4.486 1.5137c-0.127 0-0.256 0.0233-0.377 0.0722-0.119 0.0488-0.232 0.1232-0.33 0.2207l-8.486 8.4844c-0.1959 0.196-0.293 0.453-0.293 0.709s0.0971 0.511 0.293 0.707c0.1958 0.196 0.4509 0.293 0.707 0.293s0.5131-0.097 0.709-0.293l8.484-8.4863c0.098-0.0975 0.172-0.2103 0.221-0.3301v-0.0019c0.147-0.361 0.073-0.7883-0.221-1.0821-0.196-0.1958-0.451-0.2929-0.707-0.2929zm-8.486 2.4863c-0.554 0-1 0.446-1 1v1a4.988 4.988 0 0 0 0.6719 2.5l1.5078-1.5078c-0.1093-0.3119-0.1797-0.6421-0.1797-0.9922v-1c0-0.554-0.446-1-1-1zm8.973 0.8594l-2.161 2.1582c-0.301 0.8367-0.9577 1.4934-1.7944 1.7949l-2.0742 2.0745a4.988 4.988 0 0 0 0.0566 0.013v1.1h-1.1699l-0.4141 0.414c-0.125 0.125-0.2683 0.222-0.416 0.307v1.279h6v-2h-2v-1.1c2.287-0.46 4-2.473 4-4.9v-1c0-0.0498-0.02-0.0928-0.027-0.1406z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
BIN
developer_manual/design/img/actions/audio-off.png
Normal file
|
After Width: | Height: | Size: 328 B |
4
developer_manual/design/img/actions/audio-off.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
|
||||
<path d="m8 1c-1.108 0-2 0.892-2 2v4c0 0.0535 0.0115 0.1038 0.0156 0.1562l3.9844-3.9824v-0.1738c0-1.108-0.892-2-2-2zm4.486 1.5137c-0.127 0-0.256 0.0233-0.377 0.0722-0.119 0.0488-0.232 0.1232-0.33 0.2207l-8.486 8.4844c-0.1959 0.196-0.293 0.453-0.293 0.709s0.0971 0.511 0.293 0.707c0.1958 0.196 0.4509 0.293 0.707 0.293s0.5131-0.097 0.709-0.293l8.484-8.4863c0.098-0.0975 0.172-0.2103 0.221-0.3301v-0.0019c0.147-0.361 0.073-0.7883-0.221-1.0821-0.196-0.1958-0.451-0.2929-0.707-0.2929zm-8.486 2.4863c-0.554 0-1 0.446-1 1v1a4.988 4.988 0 0 0 0.6719 2.5l1.5078-1.5078c-0.1093-0.3119-0.1797-0.6421-0.1797-0.9922v-1c0-0.554-0.446-1-1-1zm8.973 0.8594l-2.161 2.1582c-0.301 0.8367-0.9577 1.4934-1.7944 1.7949l-2.0742 2.0745a4.988 4.988 0 0 0 0.0566 0.013v1.1h-1.1699l-0.4141 0.414c-0.125 0.125-0.2683 0.222-0.416 0.307v1.279h6v-2h-2v-1.1c2.287-0.46 4-2.473 4-4.9v-1c0-0.0498-0.02-0.0928-0.027-0.1406z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
BIN
developer_manual/design/img/actions/audio-white.png
Normal file
|
After Width: | Height: | Size: 534 B |
10
developer_manual/design/img/actions/audio-white.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
|
||||
<defs>
|
||||
<filter id="a" style="color-interpolation-filters:sRGB" height="1.3086" width="1.432" y="-.15429" x="-0.216">
|
||||
<feGaussianBlur stdDeviation="0.90000044"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<path opacity=".5" d="m8 1c-1.108 0-2 0.892-2 2v4c0 1.108 0.892 2 2 2s2-0.892 2-2v-4c0-1.108-0.892-2-2-2zm-4 4c-0.554 0-1 0.446-1 1v1a4.988 4.988 0 0 0 4 4.9v1.1h-2v2h6v-2h-2v-1.1c2.287-0.46 4-2.473 4-4.9v-1c0-0.554-0.446-1-1-1s-1 0.446-1 1v1c0 1.662-1.338 3-3 3s-3-1.338-3-3v-1c0-0.554-0.446-1-1-1z" fill-rule="evenodd" filter="url(#a)"/>
|
||||
<path fill="#fff" d="m8 1c-1.108 0-2 0.892-2 2v4c0 1.108 0.892 2 2 2s2-0.892 2-2v-4c0-1.108-0.892-2-2-2zm-4 4c-0.554 0-1 0.446-1 1v1a4.988 4.988 0 0 0 4 4.9v1.1h-2v2h6v-2h-2v-1.1c2.287-0.46 4-2.473 4-4.9v-1c0-0.554-0.446-1-1-1s-1 0.446-1 1v1c0 1.662-1.338 3-3 3s-3-1.338-3-3v-1c0-0.554-0.446-1-1-1z" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1012 B |
BIN
developer_manual/design/img/actions/audio.png
Normal file
|
After Width: | Height: | Size: 305 B |
1
developer_manual/design/img/actions/audio.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16"><path d="M8 1c-1.108 0-2 .892-2 2v4c0 1.108.892 2 2 2s2-.892 2-2V3c0-1.108-.892-2-2-2zM4 5c-.554 0-1 .446-1 1v1a4.988 4.988 0 0 0 4 4.9V13H5v2h6v-2H9v-1.1c2.287-.46 4-2.473 4-4.9V6c0-.554-.446-1-1-1s-1 .446-1 1v1c0 1.662-1.338 3-3 3S5 8.662 5 7V6c0-.554-.446-1-1-1z" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 378 B |
BIN
developer_manual/design/img/actions/caret-dark.png
Normal file
|
After Width: | Height: | Size: 185 B |
1
developer_manual/design/img/actions/caret-dark.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path style="block-progression:tb;text-transform:none;text-indent:0" d="M4 6l4 4 4-3.994z" color="#000"/></svg>
|
||||
|
After Width: | Height: | Size: 186 B |
BIN
developer_manual/design/img/actions/caret.png
Normal file
|
After Width: | Height: | Size: 171 B |
1
developer_manual/design/img/actions/caret.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10" version="1"><path style="block-progression:tb;text-transform:none;text-indent:0" d="M1 3l4 4 4-3.994z" fill="#fff" color="#000"/></svg>
|
||||
|
After Width: | Height: | Size: 198 B |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m0 0v16h16v-16h-16zm11.924 4.0664l1.4336 1.4297-6.3652 6.3652-4.2422-4.2441 1.4141-1.4121 2.8281 2.8301 4.9316-4.9688z" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 268 B |
1
developer_manual/design/img/actions/checkbox-mark.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M11.924 4.066l-4.932 4.97-2.828-2.83L2.75 7.618l4.242 4.243 6.365-6.365-1.433-1.432z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 177 B |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m0 0v16h16v-16h-16zm4 7h8v2h-8v-2z" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 184 B |
1
developer_manual/design/img/actions/checkbox-mixed.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 7v2h8V7H4z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 106 B |
BIN
developer_manual/design/img/actions/checkmark-color.png
Normal file
|
After Width: | Height: | Size: 343 B |
1
developer_manual/design/img/actions/checkmark-color.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="-0.5 -0.5 16 16" width="16" overflow="visible"><path d="M6.09 12.5L1.14 7.55l1.413-1.414L6.09 9.67l6.344-6.382 1.433 1.434z" fill="#00d400"/></svg>
|
||||
|
After Width: | Height: | Size: 208 B |
BIN
developer_manual/design/img/actions/checkmark-white.png
Normal file
|
After Width: | Height: | Size: 258 B |
1
developer_manual/design/img/actions/checkmark-white.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="-0.5 -0.5 16 16" width="16" overflow="visible"><path d="M6.09 12.5L1.14 7.55l1.413-1.414L6.09 9.67l6.345-6.382 1.433 1.434z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 205 B |
BIN
developer_manual/design/img/actions/checkmark.png
Normal file
|
After Width: | Height: | Size: 260 B |
1
developer_manual/design/img/actions/checkmark.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="-0.5 -0.5 16 16" width="16" overflow="visible"><path d="M6.09 12.5L1.14 7.55l1.413-1.414L6.09 9.67l6.344-6.382 1.433 1.434z"/></svg>
|
||||
|
After Width: | Height: | Size: 193 B |
BIN
developer_manual/design/img/actions/clippy.png
Normal file
|
After Width: | Height: | Size: 347 B |
4
developer_manual/design/img/actions/clippy.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
|
||||
<path opacity=".5" d="m13 15h-11l0.0005-10h11v3.0002l1-0.0004 0.0005-5.0001c0.000058-0.5834-0.4165-1.0002-1.0005-1.0001l-3.467 0.0005c0.0008-1.183-0.9492-2.0001-2.1325-2.0001s-2.1333 0.8171-2.1333 2.0004h-3.2c-0.5834 0-1.0662 0.4166-1.0662 0.9999l-0.0005 12c-0.0000243 0.584 0.4833 1 1.0667 1l10.933-0.0005c0.584-0.001 1-0.416 1-1v-3h-1zm-8.8005-12h1.0672c0.5833 0 1.0666-0.4162 1.0666-0.9996 0-0.5833 0.4834-0.9337 1.0667-0.9337s1.0667 0.3504 1.0667 0.9337c0 0.5834 0.5333 0.9996 1.0666 0.9996h1.2667c0.517 0 1.2 0.4166 1.2 1h-9c-0.0004-0.65 0.5988-1 1.1988-1zm-1.1995 8h2v-1h-2zm7.9998-2v-2l-4 3 3.9998 3v-2l5.0002-0.00005v-2l-4.9998-0.00005zm-8 4h4v-1h-4zm6-7h-6v1h6zm-3 2h-3v1h3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 848 B |
BIN
developer_manual/design/img/actions/close-white.png
Normal file
|
After Width: | Height: | Size: 255 B |
4
developer_manual/design/img/actions/close-white.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
|
||||
<path fill="#fff" d="m12.95 11.536l-1.414 1.414-3.536-3.536-3.535 3.536-1.415-1.414 3.536-3.536-3.536-3.536 1.415-1.414 3.535 3.536 3.516-3.555 1.434 1.434-3.536 3.535z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 313 B |
BIN
developer_manual/design/img/actions/close.png
Normal file
|
After Width: | Height: | Size: 252 B |
4
developer_manual/design/img/actions/close.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
|
||||
<path d="m12.95 11.536l-1.414 1.414-3.536-3.536-3.535 3.536-1.415-1.414 3.536-3.536-3.536-3.536 1.415-1.414 3.535 3.536 3.516-3.555 1.434 1.434-3.536 3.535z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 301 B |
BIN
developer_manual/design/img/actions/comment.png
Normal file
|
After Width: | Height: | Size: 323 B |
1
developer_manual/design/img/actions/comment.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewbox="0 0 16 16"><path d="M8 1.5C3.582 1.5 0 3.962 0 7s3.582 5.5 8 5.5c.25 0 .49-.016.734-.03L13 16v-4.703c1.83-1.008 3-2.56 3-4.297 0-3.038-3.582-5.5-8-5.5z"/></svg>
|
||||
|
After Width: | Height: | Size: 233 B |
BIN
developer_manual/design/img/actions/confirm-white.png
Normal file
|
After Width: | Height: | Size: 244 B |
4
developer_manual/design/img/actions/confirm-white.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
|
||||
<path d="m8.6328 0.63477c-0.2556 0-0.5112 0.0971-0.707 0.29296-0.3918 0.39177-0.3918 1.0224 0 1.4141l4.6582 4.6582h-11.584c-0.554 0-1 0.446-1 1s0.446 1 1 1h11.586l-4.6583 4.658c-0.3917 0.392-0.3917 1.023 0 1.414 0.3918 0.392 1.0224 0.392 1.4141 0l6.3632-6.363v-0.002h0.002c0.093-0.093 0.166-0.2041 0.217-0.3281l0.002-0.0019v-0.002c0.02-0.0508 0.019-0.1053 0.031-0.1582 0.016-0.0718 0.043-0.14 0.043-0.2168 0-0.0714-0.027-0.1341-0.041-0.2012-0.012-0.0578-0.012-0.1202-0.033-0.1738v-0.002c-0.001-0.0013-0.002-0.0026-0.002-0.0039-0.051-0.1233-0.124-0.2335-0.217-0.3261-0.001-0.0007-0.001-0.0013-0.002-0.002l-6.3632-6.3633c-0.1959-0.19583-0.4534-0.29293-0.709-0.29293z" fill-rule="evenodd" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 841 B |
BIN
developer_manual/design/img/actions/confirm.png
Normal file
|
After Width: | Height: | Size: 240 B |
4
developer_manual/design/img/actions/confirm.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
|
||||
<path d="m8.6328 0.63477c-0.2556 0-0.5112 0.0971-0.707 0.29296-0.3918 0.39177-0.3918 1.0224 0 1.4141l4.6582 4.6582h-11.584c-0.554 0-1 0.446-1 1s0.446 1 1 1h11.586l-4.6583 4.658c-0.3917 0.392-0.3917 1.023 0 1.414 0.3918 0.392 1.0224 0.392 1.4141 0l6.3632-6.363v-0.002h0.002c0.093-0.093 0.166-0.2041 0.217-0.3281l0.002-0.0019v-0.002c0.02-0.0508 0.019-0.1053 0.031-0.1582 0.016-0.0718 0.043-0.14 0.043-0.2168 0-0.0714-0.027-0.1341-0.041-0.2012-0.012-0.0578-0.012-0.1202-0.033-0.1738v-0.002c-0.001-0.0013-0.002-0.0026-0.002-0.0039-0.051-0.1233-0.124-0.2335-0.217-0.3261-0.001-0.0007-0.001-0.0013-0.002-0.002l-6.3632-6.3633c-0.1959-0.19583-0.4534-0.29293-0.709-0.29293z" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 849 B |
1
developer_manual/design/img/actions/delete-hover.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path fill="#d40000" d="M6.5 1L6 2H3c-.554 0-1 .446-1 1v1h12V3c0-.554-.446-1-1-1h-3l-.5-1zM3 5l.875 9c.06.55.573 1 1.125 1h6c.552 0 1.064-.45 1.125-1L13 5z" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 247 B |
BIN
developer_manual/design/img/actions/delete-white.png
Normal file
|
After Width: | Height: | Size: 236 B |
1
developer_manual/design/img/actions/delete-white.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M6.5 1L6 2H3c-.554 0-1 .446-1 1v1h12V3c0-.554-.446-1-1-1h-3l-.5-1zM3 5l.875 9c.06.55.573 1 1.125 1h6c.552 0 1.064-.45 1.125-1L13 5z" fill-rule="evenodd" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 244 B |
BIN
developer_manual/design/img/actions/delete.png
Normal file
|
After Width: | Height: | Size: 220 B |
1
developer_manual/design/img/actions/delete.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M6.5 1L6 2H3c-.554 0-1 .446-1 1v1h12V3c0-.554-.446-1-1-1h-3l-.5-1zM3 5l.875 9c.06.55.573 1 1.125 1h6c.552 0 1.064-.45 1.125-1L13 5z" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 232 B |
BIN
developer_manual/design/img/actions/details.png
Normal file
|
After Width: | Height: | Size: 295 B |
1
developer_manual/design/img/actions/details.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path d="M5 7.474c.155.382.325.69.644.246.407-.268 1.76-1.427 1.662-.342-.368 2.017-.834 4.017-1.17 6.04-.393 1.114.634 2.067 1.637 1.31 1.078-.502 1.99-1.287 2.927-2.01-.144-.323-.25-.79-.596-.347-.468.24-1.47 1.318-1.696.472.315-2.18.975-4.295 1.365-6.462.397-1.005-.364-2.223-1.4-1.363C7.117 5.634 6.083 6.6 5 7.474zM9.46.005C8.15-.017 7.553 2.147 8.815 2.68c1.023.378 2.077-.714 1.79-1.75-.098-.542-.598-.97-1.147-.93z"/></svg>
|
||||
|
After Width: | Height: | Size: 506 B |
BIN
developer_manual/design/img/actions/download-white.png
Normal file
|
After Width: | Height: | Size: 211 B |
1
developer_manual/design/img/actions/download-white.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path fill="#fff" d="M6 1h4v7h5l-7 7-7-7h5z"/></svg>
|
||||
|
After Width: | Height: | Size: 115 B |
BIN
developer_manual/design/img/actions/download.png
Normal file
|
After Width: | Height: | Size: 213 B |
1
developer_manual/design/img/actions/download.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M6 1h4v7h5l-7 7-7-7h5z"/></svg>
|
||||
|
After Width: | Height: | Size: 103 B |
BIN
developer_manual/design/img/actions/edit.png
Normal file
|
After Width: | Height: | Size: 233 B |
1
developer_manual/design/img/actions/edit.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path style="block-progression:tb;text-transform:none;text-indent:0" d="M2.35 1.002A.45.45 0 0 0 2 1.44V14.56c0 .232.206.44.432.44H13.57a.452.452 0 0 0 .432-.438V4.42a.458.458 0 0 0-.055-.192l-3.312-3.2a.427.427 0 0 0-.135-.026H2.43a.424.424 0 0 0-.08 0zM4 3h6v1H4V3zm0 3h5v1H4V6zm0 3h8v1H4V9zm0 3h4v1H4v-1z" color="#000"/></svg>
|
||||
|
After Width: | Height: | Size: 404 B |
BIN
developer_manual/design/img/actions/error-color.png
Normal file
|
After Width: | Height: | Size: 271 B |
1
developer_manual/design/img/actions/error-color.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M5.516 2L2 5.516v4.968L5.516 14h4.968L14 10.484V5.516L10.484 2H5.516zM7 4h2v5H7V4zm0 6h2v2H7v-2z" fill="#d40000"/></svg>
|
||||
|
After Width: | Height: | Size: 192 B |
BIN
developer_manual/design/img/actions/error-white.png
Normal file
|
After Width: | Height: | Size: 232 B |
1
developer_manual/design/img/actions/error-white.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M5.516 2L2 5.516v4.968L5.516 14h4.968L14 10.484V5.516L10.484 2H5.516zM7 4h2v5H7V4zm0 6h2v2H7v-2z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 189 B |
BIN
developer_manual/design/img/actions/error.png
Normal file
|
After Width: | Height: | Size: 230 B |
1
developer_manual/design/img/actions/error.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M5.516 2L2 5.516v4.968L5.516 14h4.968L14 10.484V5.516L10.484 2H5.516zM7 4h2v5H7V4zm0 6h2v2H7v-2z"/></svg>
|
||||
|
After Width: | Height: | Size: 177 B |
BIN
developer_manual/design/img/actions/external.png
Normal file
|
After Width: | Height: | Size: 348 B |
1
developer_manual/design/img/actions/external.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M7.452 1.62l2.38 2.256-3.57 3.386L8.64 9.52l3.57-3.387 2.38 2.257V1.618h-7.14zM2.69 2.746c-.66 0-1.19.504-1.19 1.13v9.028c0 .625.53 1.128 1.19 1.128h9.522c.66 0 1.19-.503 1.19-1.128V9.52l-1.19-1.13v4.515h-9.52v-9.03h4.76l-1.19-1.128H2.69z"/></svg>
|
||||
|
After Width: | Height: | Size: 319 B |
BIN
developer_manual/design/img/actions/fullscreen-white.png
Normal file
|
After Width: | Height: | Size: 413 B |
10
developer_manual/design/img/actions/fullscreen-white.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
|
||||
<defs>
|
||||
<filter id="a" style="color-interpolation-filters:sRGB" height="1.36" width="1.36" y="-.18" x="-.18">
|
||||
<feGaussianBlur stdDeviation="1.05"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<path opacity=".5" d="m8 1c-0.554 0-1 0.446-1 1s0.446 1 1 1h5v5c0 0.554 0.446 1 1 1s1-0.446 1-1v-6c0-0.554-0.446-1-1-1h-6zm-6 6c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-5v-5c0-0.554-0.446-1-1-1z" fill-rule="evenodd" filter="url(#a)"/>
|
||||
<path fill-rule="evenodd" fill="#fff" d="m8 1c-0.554 0-1 0.446-1 1s0.446 1 1 1h5v5c0 0.554 0.446 1 1 1s1-0.446 1-1v-6c0-0.554-0.446-1-1-1h-6zm-6 6c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-5v-5c0-0.554-0.446-1-1-1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 864 B |
BIN
developer_manual/design/img/actions/fullscreen.png
Normal file
|
After Width: | Height: | Size: 215 B |
4
developer_manual/design/img/actions/fullscreen.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
|
||||
<path d="m8 1c-0.554 0-1 0.446-1 1s0.446 1 1 1h5v5c0 0.554 0.446 1 1 1s1-0.446 1-1v-6c0-0.554-0.446-1-1-1h-6zm-6 6c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-5v-5c0-0.554-0.446-1-1-1z" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 404 B |
BIN
developer_manual/design/img/actions/history.png
Normal file
|
After Width: | Height: | Size: 373 B |
1
developer_manual/design/img/actions/history.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="17" width="17"><path d="M9.525 2.08c-3.95 0-6.535 3.447-6.364 6.72H1l3.904 3.92 4.08-3.874H6.837C6.6 7.146 8 5.732 9.526 5.754c1.595.024 2.8 1.23 2.8 2.734.09 1.594-1.63 3.428-3.966 2.53 0 1.23.003 2.545 0 3.765 4.19.83 7.64-2.51 7.64-6.25C16 4.97 13.08 2.08 9.525 2.08z"/></svg>
|
||||
|
After Width: | Height: | Size: 327 B |
BIN
developer_manual/design/img/actions/info-white.png
Normal file
|
After Width: | Height: | Size: 312 B |
1
developer_manual/design/img/actions/info-white.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path color="#000" fill="none" d="M-62.897-32.993h163.31v97.986h-163.31z"/><path d="M5 7.474c.155.382.325.69.644.246.407-.268 1.76-1.427 1.662-.342-.368 2.017-.834 4.017-1.17 6.04-.393 1.114.634 2.067 1.637 1.31 1.078-.502 1.99-1.287 2.927-2.01-.144-.323-.25-.79-.596-.347-.468.24-1.47 1.318-1.696.472.315-2.18.975-4.295 1.365-6.462.397-1.005-.364-2.223-1.4-1.363C7.117 5.634 6.083 6.6 5 7.474zM9.46.005C8.15-.017 7.553 2.147 8.815 2.68c1.023.378 2.077-.714 1.79-1.75-.098-.542-.598-.97-1.147-.93z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 593 B |
BIN
developer_manual/design/img/actions/info.png
Normal file
|
After Width: | Height: | Size: 295 B |
1
developer_manual/design/img/actions/info.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path color="#000" fill="none" d="M-62.897-32.993h163.31v97.986h-163.31z"/><path d="M5 7.474c.155.382.325.69.644.246.407-.268 1.76-1.427 1.662-.342-.368 2.017-.834 4.017-1.17 6.04-.393 1.114.634 2.067 1.637 1.31 1.078-.502 1.99-1.287 2.927-2.01-.144-.323-.25-.79-.596-.347-.468.24-1.47 1.318-1.696.472.315-2.18.975-4.295 1.365-6.462.397-1.005-.364-2.223-1.4-1.363C7.117 5.634 6.083 6.6 5 7.474zM9.46.005C8.15-.017 7.553 2.147 8.815 2.68c1.023.378 2.077-.714 1.79-1.75-.098-.542-.598-.97-1.147-.93z"/></svg>
|
||||
|
After Width: | Height: | Size: 581 B |
BIN
developer_manual/design/img/actions/logout.png
Normal file
|
After Width: | Height: | Size: 386 B |
1
developer_manual/design/img/actions/logout.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path style="block-progression:tb;text-transform:none;text-indent:0" d="M8 0c-.47 0-.96.542-.95 1v6c-.007.528.422 1 .95 1s.958-.472.95-1V1A.967.967 0 0 0 8 0zM4.656 2.5a.952.952 0 0 0-.25.094c-3 1.57-3.918 4.798-3.125 7.47A6.907 6.907 0 0 0 7.97 15c3.358 0 5.876-2.15 6.718-4.78.84-2.634-.058-5.825-3.125-7.595-.434-.254-1.06-.09-1.313.343-.254.434-.09 1.06.344 1.313 2.39 1.38 2.882 3.495 2.28 5.376-.6 1.88-2.343 3.437-4.905 3.437-2.577 0-4.3-1.65-4.876-3.594-.578-1.944-.047-4.05 2.187-5.22a.98.98 0 0 0 .457-1.105.98.98 0 0 0-.987-.675.978.978 0 0 0-.094 0z" color="#000"/></svg>
|
||||
|
After Width: | Height: | Size: 658 B |
BIN
developer_manual/design/img/actions/mail.png
Normal file
|
After Width: | Height: | Size: 290 B |
1
developer_manual/design/img/actions/mail.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path d="M.89 3a.887.887 0 0 0-.89.89v8.222c0 .492.396.888.89.888h14.22c.494 0 .89-.396.89-.888V3.89a.887.887 0 0 0-.89-.89zm.75 1.028L7.72 10.11h.528l6.11-6.082.612.61-3.64 3.696 2.75 2.805-.61.61-2.805-2.805L8.64 11H7.36L5.335 8.945l-2.806 2.833-.61-.64 2.777-2.804L1.028 4.64z"/></svg>
|
||||
|
After Width: | Height: | Size: 363 B |
BIN
developer_manual/design/img/actions/menu.png
Normal file
|
After Width: | Height: | Size: 164 B |
1
developer_manual/design/img/actions/menu.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M2 2v2h12V2zm0 5v2h12V7zm0 5v2h12v-2z"/></svg>
|
||||
|
After Width: | Height: | Size: 118 B |
BIN
developer_manual/design/img/actions/more-white.png
Normal file
|
After Width: | Height: | Size: 182 B |
1
developer_manual/design/img/actions/more-white.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path color="#000" fill="none" d="M-62.897-32.993h163.31v97.986h-163.31z"/><path d="M3 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill-rule="evenodd" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 299 B |
BIN
developer_manual/design/img/actions/more.png
Normal file
|
After Width: | Height: | Size: 181 B |
1
developer_manual/design/img/actions/more.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path color="#000" fill="none" d="M-62.897-32.993h163.31v97.986h-163.31z"/><path d="M3 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 287 B |
BIN
developer_manual/design/img/actions/password.png
Normal file
|
After Width: | Height: | Size: 227 B |
1
developer_manual/design/img/actions/password.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 71 100"><path d="M35.5 6.25c-13.807 0-25 11.193-25 25v12.5H4.25V87.5h62.5V43.75H60.5v-12.5c0-13.807-11.194-25-25-25zm0 12.5c6.904 0 12.5 5.596 12.5 12.5v12.5H23v-12.5c0-6.904 5.596-12.5 12.5-12.5z"/></svg>
|
||||
|
After Width: | Height: | Size: 281 B |
BIN
developer_manual/design/img/actions/pause-big.png
Normal file
|
After Width: | Height: | Size: 164 B |
1
developer_manual/design/img/actions/pause-big.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M1 1v14h5V1zm9 0v14h5V1z"/></svg>
|
||||
|
After Width: | Height: | Size: 105 B |
BIN
developer_manual/design/img/actions/pause.png
Normal file
|
After Width: | Height: | Size: 163 B |
1
developer_manual/design/img/actions/pause.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M3 3v10h4V3H3zm6 0v10h4V3H9z"/></svg>
|
||||
|
After Width: | Height: | Size: 109 B |
BIN
developer_manual/design/img/actions/play-add.png
Normal file
|
After Width: | Height: | Size: 261 B |
1
developer_manual/design/img/actions/play-add.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M2 1l11 6-11 6zM11 9v2H9v2h2v2h2v-2h2v-2h-2V9z"/></svg>
|
||||
|
After Width: | Height: | Size: 127 B |
BIN
developer_manual/design/img/actions/play-big.png
Normal file
|
After Width: | Height: | Size: 221 B |
1
developer_manual/design/img/actions/play-big.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M0 0l16 8-16 8z"/></svg>
|
||||
|
After Width: | Height: | Size: 96 B |
BIN
developer_manual/design/img/actions/play-next.png
Normal file
|
After Width: | Height: | Size: 253 B |