File:  [mozdev] / brief / www / customize.html
Revision 1.11: download - view: text, annotated - select for diffs - revision graph
Mon Mar 16 23:16:58 2015 UTC (2 years, 8 months ago) by kowalczyk
Branches: MAIN
CVS tags: HEAD
*** empty log message ***

<!DOCTYPE html>

<html lang="en">
    <head>
        <title>Brief - a feed reading extension for Firefox</title>
        <meta charset="utf-8" />
        <link rel="shortcut icon" href="./images/brief-icon-16x16.png">
        <link rel="stylesheet" href="./brief.css">
        <!-- Google Analytics -->
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-2432918-1', 'auto');
            ga('send', 'pageview');
        </script>
        <!-- End Google Analytics -->
    </head>

    <body>
        <div id="container">
            <a href="./index.html"><img id="brief-icon" src="./images/brief-icon-64x64.png" alt="Brief logo"></a>
            <h1 id="brief-name">Brief <span id="dash">&mdash;</span><span id="brief-subname">a feed reading extension for Firefox</span></h1>

            <div id="nav-container">
                <ul id="navigation">
                    <li><a href="./index.html">Home</a></li>
                    <li><a href="./overview.html">Overview</a></li>
                    <li><a href="https://forums.mozilla.org/addons/viewtopic.php?f=23&amp;t=14851">Feedback</a></li>
                    <li class="nav-selected">Customize</li>
                    <li><a href="./changelog.html">Changelog</a></li>
                </ul>
            </div>

            <div id="styles" class="main-content">

                <h2>Customizing Brief's look</h2>
                <p>
                    You can change Brief's look using CSS. To add custom style rules
                    open Brief's options and click <strong>Customize</strong>.
                    You can also edit the CSS file directly, it is called <em>brief-custom-style.css</em> and you will find it
                    in <em>\chrome</em> folder in your <a href="http://support.mozilla.com/en-US/kb/Profiles">profile</a>.
                    Your modifications will be applied on top of the <a href="./default-style.css">default style</a>.
                </p>

                <h3>Structure of the feed view page:</h3>
                <pre>
&lt;body&gt;
    &lt;div id="container"&gt;
        &lt;div id="message-box"&gt;
            &lt;p id="main-message"&gt;&lt;/p&gt;
            &lt;p id="secondary-message"&gt;&lt;/p&gt;
        &lt;/div&gt;

        &lt;div id="feed-content"&gt;

            &lt;!-- Feed items go here. Structure of an item: --&gt;

            &lt;div class="article-container"&gt;
                &lt;div class="article-header"&gt;
                    &lt;div class="article-star"/&gt;
                    &lt;div class="article-title-link-box"&gt;
                        &lt;a class="article-title-link"/&gt;
                    &lt;/div&gt;

                    &lt;div class="article-controls"&gt;
                        &lt;div class="mark-read"/&gt;
                        &lt;div class="delete-entry"/&gt;
                        &lt;div class="restore-entry"/&gt;
                    &lt;/div&gt;

                    &lt;!-- Shown only for collapsed items (in headlines view): --&gt;
                    &lt;div class="collapsed-article-subheader"&gt;
                        &lt;div class="article-date"/&gt;
                        &lt;div class="feed-name"/&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;!-- Shown for full view: --&gt;
                &lt;div class="article-subheader"&gt;
                    &lt;div class="article-subheader-left"&gt;
                        &lt;div class="feed-name"/&gt;
                        &lt;div class="article-tags"/&gt;
                    &lt;/div&gt;
                    &lt;div class="article-subheader-right"&gt;
                        &lt;div class="article-authors"/&gt;
                        &lt;div class="article-date"/&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class="article-content"/&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/body&gt;</pre>

                <div class="clear"></div>
            </div>

            <div id="footer">
                <p>
                    Hosted by <br>
                    <a href="http://www.mozdev.org" title="mozdev.org - free project hosting for the mozilla community"><img src="http://www.mozdev.org/sharedimages/mozdev37.png" style="margin-top: 5px; border-bottom: none;" width="125" height="37" alt="mozdev.org"></a>
                </p>
            </div>

        </div>
    </body>
</html>

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>