368 lines
4.4 KiB
CSS
368 lines
4.4 KiB
CSS
img { border-width: 0; }
|
|
|
|
p
|
|
{
|
|
margin: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
.clearer
|
|
{
|
|
clear: both;
|
|
}
|
|
|
|
#view-page
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.header
|
|
{
|
|
background: #dddddd;
|
|
padding: 5px;
|
|
}
|
|
|
|
.widgets
|
|
{
|
|
font-family: verdana, arial;
|
|
background: #f0f0f0;
|
|
font-size: 12px;
|
|
padding: 4px;
|
|
text-align: right;
|
|
}
|
|
|
|
.widget
|
|
{
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#handle
|
|
{
|
|
top: 0px;
|
|
bottom: 0px;
|
|
position: fixed;
|
|
width: 10px;
|
|
background: grey;
|
|
cursor: e-resize;
|
|
background-image: url(image/grippy.png);
|
|
}
|
|
|
|
#sidebar
|
|
{
|
|
font-family: verdana, arial;
|
|
font-size: 10px;
|
|
margin: 0;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
position: fixed;
|
|
overflow: scroll;
|
|
}
|
|
|
|
#nav
|
|
{
|
|
font-size: 11px;
|
|
}
|
|
|
|
#sidebar ul
|
|
{
|
|
padding-left: 2em;
|
|
}
|
|
|
|
#sidebar form
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
#sidebar p
|
|
{
|
|
margin: 5px;
|
|
}
|
|
|
|
#sidebar table
|
|
{
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.heading a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.heading
|
|
{
|
|
background: #ccc;
|
|
border-bottom: 1px solid grey;
|
|
}
|
|
|
|
#sidebar td
|
|
{
|
|
font-size: 10px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.odd-row
|
|
{
|
|
background: #dddddd;
|
|
}
|
|
|
|
.feedprefs { margin-bottom: 8px; }
|
|
.feedprefs input.editbox { border-color: lightgray; border-width: 0 0 1px 0; border-style: solid; }
|
|
.odd-row input.editbox { border-width: 0; }
|
|
|
|
.unread
|
|
{
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
.unread-item
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
#items
|
|
{
|
|
}
|
|
|
|
.highlight-on .highlight
|
|
{
|
|
background: yellow;
|
|
}
|
|
|
|
h1
|
|
{
|
|
font-size: 110%;
|
|
margin: 0px;
|
|
margin-bottom: 5px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h2
|
|
{
|
|
font-size: 100%;
|
|
margin: 0px;
|
|
margin-bottom: 5px;
|
|
font-weight: normal;
|
|
display: inline;
|
|
}
|
|
|
|
.meta
|
|
{
|
|
font-size: 80%;
|
|
display: inline;
|
|
}
|
|
|
|
.header
|
|
{
|
|
background-color: #ddd;
|
|
padding: 5px;
|
|
}
|
|
|
|
body
|
|
{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.body
|
|
{
|
|
margin: 0px;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.item
|
|
{
|
|
border: 2px solid #ddd;
|
|
margin: 10px;
|
|
margin-bottom: 20px;
|
|
clear: both;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.item.selected
|
|
{
|
|
border: 1px solid #888;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.selected .header
|
|
{
|
|
background-color: #ccc;
|
|
}
|
|
|
|
#menu-page
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: verdana;
|
|
font-size: 60%;
|
|
background: #eee;
|
|
}
|
|
|
|
#menu-page .menu ul
|
|
{
|
|
padding: 1px;
|
|
margin: 0;
|
|
}
|
|
|
|
#menu-page .menu li
|
|
{
|
|
display: inline;
|
|
padding: 5px;
|
|
}
|
|
|
|
#menu-page .menu
|
|
{
|
|
text-align: center;
|
|
background: #eee;
|
|
}
|
|
|
|
#menu-page a:hover
|
|
{
|
|
background: #fff;
|
|
}
|
|
|
|
.nowrap
|
|
{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.controls
|
|
{
|
|
float: right;
|
|
}
|
|
|
|
.tags
|
|
{
|
|
font-size: 70%;
|
|
float: right;
|
|
}
|
|
|
|
.item.hidden
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.hidden .body
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.hidden .widgets
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.shown .downarrow
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.hidden .uparrow
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.hidden h1
|
|
{
|
|
font-size: 90%;
|
|
display: inline;
|
|
}
|
|
|
|
.hidden h2 { font-size: 80%; }
|
|
.hidden .tags { display: none; }
|
|
.hidden .meta { display: none; }
|
|
.hidden .dash { display: inline; }
|
|
.shown .dash { display: none; }
|
|
|
|
#welcome
|
|
{
|
|
text-align: center;
|
|
font: normal 10px Verdana;
|
|
background: #ddd;
|
|
border-bottom: 1px solid #666;
|
|
padding: 5px 7px;
|
|
}
|
|
|
|
#addupd { text-align: center; margin-top: 8px; }
|
|
|
|
#throbber { width: 16px; height: 16px; position: fixed; left: 0; top: 0; }
|
|
img.star { background-color: #c0c0c0; }
|
|
img.star-on { background-color: red; }
|
|
|
|
#item-display-controls
|
|
{
|
|
font: normal 10px Verdana;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
background: #ddd;
|
|
border-bottom: 1px solid #666;
|
|
z-index: 1;
|
|
}
|
|
|
|
.items-title { clear: both; margin-top: 40px; }
|
|
|
|
#item-display-controls li { padding: 5px 4px; }
|
|
#item-display-controls li a { padding: 0; }
|
|
|
|
#item-display-controls-spacer
|
|
{
|
|
font: normal 10px Verdana;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#item-display-controls-spacer li
|
|
{
|
|
padding: 5px 4px;
|
|
}
|
|
|
|
#item-display-controls-spacer li a
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.item-date-nav
|
|
{
|
|
text-align: center;
|
|
clear: both;
|
|
padding: 7px 0 0 0;
|
|
}
|
|
|
|
.inline-list
|
|
{
|
|
margin: auto;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.inline-list li
|
|
{
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.inline-list li a
|
|
{
|
|
display: block;
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
.fof-add-feeds { margin: 0.5em; }
|
|
.fof-add-feeds form { margin: 0; }
|
|
.fof-add-feeds h1 { border-width: 0 0 2px; border-color: #ddd; border-style: solid; margin: 1em 0 0 0; padding: 0 0.5em; }
|
|
.fof-add-feeds p { line-height: 2; margin: 0.5em; }
|
|
|
|
.flagall { width: 16px; height: 16px; cursor: pointer; }
|