|
Translate |
Print |
A |
A |
A |
to
Convert
/* 'darkleaf' based on Sandleaf v5 for Brief by eNdi*/
body { background: #333333; font-family: Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; }
/* == HEADER =================================================================================================== */
/* ---------------------- Header ---------------------- */
#header { background: #000000; border-bottom: 2px #000000 double; color: #ffffff;
display: block; font-family: Verdana, Arial, sans-serif; padding: 5px 3% 5px;
text-decoration: none; }
#feed-image { display: none; }
#feed-title { text-align: center; font-size: 20px; color: #ffffff; font-weight: bold; }
#feed-subtitle { text-align: center; color: #D6E7F0; font-size: 11px; font-weight: bold;
margin-top: 3px; max-width: 200em; height: 1.0em; /* overflow: */ }
#clear { clear: both; }
#feed-content { margin: 2em auto 0 auto; max-width: 120em; }
#feed-content:after { display: block; color: #777; text-align: center;
font-size: 10px; content: "brief.mozdev.org"; margin: 15px auto 10px auto; }
/* == ARTICLE =================================================================================================== */
/* ---------------------- Article ---------------------- */
/* .article-container may have "starred", "read", and "collapsed"
attributes. The first two are self-explanatory while "collapsed"
means that the article's content is folded (headlines-only mode) */
.article-container { background-color: #fefefe; border: 2px #72745b solid; -moz-border-radius: 3px;
margin: 0 1em 0.7em 1em; overflow: visible; }
/* This is for the the expand/collapse dropmarker which is taken outside the box using negative margins */
/* ---------------------- Article header ---------------------- */
.article-header { min-height: 2.5em; padding: 8px 5px 0; }
.article-title-link { color: navy; font-family: "Verdana", Helvetica, Arial, sans-serif;
font-size: 13px; font-weight: bold; /* text-decoration: none; */ }
/* ---------------------- Article controls ---------------------- */
.article-controls {
display: table-cell; /* The only way I could find out to keep the buttons aligned
was to use vertical-align. For this we need table-cell. */
float: right; font-family: Arial, sans-serif; font-size: 12px; margin-top: -4px; }
/* Never change padding of the buttons as it breaks many themes */
.article-controls button { min-width: 0; vertical-align: middle; }
.article-controls button:hover { opacity: 1.0; }
.star-container { float: left; margin: -5px 2px 0 -5px; padding: 5px 3px 0 5px; }
/* ---------------------- Article subheader ---------------------- */
.article-subheader { color: #222244; font-family: Verdana, sans-serif; font-size: 10px;
float: right; padding: 0 8px 0 20px; }
.article-date { float: right; margin-bottom: 0px; color: #550000; }
.article-authors { float: left; padding-right: 0.3em; color: #005500; }
/* ---------------------- Article content area ---------------------- */
.article-content { text-indent: 1.7em; text-align: justify; overflow: auto;
color: #000000; font-size: 13px; clear: right; padding: 6px 14px 10px 14px; }
.article-content a { border-bottom: 1px solid #000055; color: blue; text-decoration: none; }
.article-content a:visited { border-color: #444b66; color: purple; }
.article-content > *:first-child { margin-top: 0 !important; }
.article-content pre, .article-content code { font-family: "Verdana", monospace; font-size: 1em; }
/* == READ ARTICLES =================================================================================================== */
/* ---------------------- Adjustments for read articles ---------------------- */
.article-container[read] { background: #9C9C9C; border: 2px #550000 solid; }
.article-container[read] .article-title-link { font-weight: bold; color: #666666; }
/* == HEADLINE MODE =================================================================================================== */
/* ---------------------- Adjustments for the headlines mode ---------------------- */
.article-container[collapsed] { background: #d3d1c5;
padding: 0 0px 20px 0px; /* Compensate the lack of border, so it doesn't shift */ }
.article-container[collapsed] .article-controls,
.article-container[collapsed] .article-content { display: none; }
.article-container[collapsed]:hover .article-controls { display: table-cell; }
.expand-button { display: none; float: left; height: 6em; margin: -5px 0 0 -48px; width: 42px; }
.article-container[collapsed] .article-title-link {
display: block; max-width: auto; overflow: hidden; white-space: nowrap; }
.article-container[collapsed] .article-date {
color: #4f4f4f; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 11px; margin: -30px 8px 0px 0; float: right; clear: both; }
.article-container[collapsed] .feed-name {
color: #4f4f4f; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 11px; margin: -30px 0 0 21px; float: left; clear: left; }
#feed-content[showHeadlinesOnly] .expand-button { display: block; }
#feed-content[showHeadlinesOnly] .article-container {
margin-left: 30px; /* Makes space for the expand arrow */ }
#feed-content[showHeadlinesOnly] .article-container:hover .expand-button {
background: url(chrome://brief/skin/icons/expand-button.png) 15px 5px no-repeat; }
|
