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, 7 months ago) by kowalczyk
Branches: MAIN
CVS tags: HEAD
*** empty log message ***

<!DOCTYPE html>

<html lang="en">
        <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 -->
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

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

        <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=";t=14851">Feedback</a></li>
                    <li class="nav-selected">Customize</li>
                    <li><a href="./changelog.html">Changelog</a></li>

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

                <h2>Customizing Brief's look</h2>
                    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="">profile</a>.
                    Your modifications will be applied on top of the <a href="./default-style.css">default style</a>.

                <h3>Structure of the feed view page:</h3>
    &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 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 class="article-controls"&gt;
                        &lt;div class="mark-read"/&gt;
                        &lt;div class="delete-entry"/&gt;
                        &lt;div class="restore-entry"/&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;!-- 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 class="article-subheader-right"&gt;
                        &lt;div class="article-authors"/&gt;
                        &lt;div class="article-date"/&gt;

                &lt;div class="article-content"/&gt;

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

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


FreeBSD-CVSweb <>