[Pkg-owncloud-commits] [owncloud-doc] 69/270: add css docs on layout and navigation, fix #96

[David Prévot]

This is an automated email from the git hooks/post-receive script.

taffit pushed a commit to branch master
in repository owncloud-doc.

commit fb25c1bb03e7f89e6485fb536432c65963406d00
Author: Bernhard Posselt <dev at bernhard-posselt.com>
Date:   Mon May 12 00:55:00 2014 +0200

    add css docs on layout and navigation, fix #96
---
 developer_manual/app/css.rst | 40 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/developer_manual/app/css.rst b/developer_manual/app/css.rst
index 1f9257f..cea018a 100644
--- a/developer_manual/app/css.rst
+++ b/developer_manual/app/css.rst
@@ -1,4 +1,42 @@
+===
 CSS
 ===
 
-.. sectionauthor:: Bernhard Posselt <dev at bernhard-posselt.com>
\ No newline at end of file
+.. sectionauthor:: Bernhard Posselt <dev at bernhard-posselt.com>
+
+The CSS files reside in the **css/** folder and should be included in the template:
+
+.. code-block:: php
+
+  <?php
+  \OCP\Util::addStyle('myapp', 'style');  // adds js/style.css
+
+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">Your content</div>
+    </div>
+
+Navigation
+==========
+ownCloud 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**:
+
+.. code-block:: html
+
+    <div id="app-navigation">
+        <ul class="with-icon">
+            <li><a href="#">First level</a></li>
+            <li>
+                <ul>
+                    <li><a href="#">Second level</a></li>
+                    <li><a href="#">Second level</a></li>
+                </ul>
+            </li>
+        </ul>
+    </div>
+    
\ No newline at end of file

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-owncloud/owncloud-doc.git