friendica_2021-01/simplepie/demo/for_the_demo/simplepie.css

/*
Theme Name: SimplePie
Theme URI: http://simplepie.org
Description: A simple, yet beautiful theme inspired by several cleanly designed websites.
Version: 1.4
Author: Ryan Parman
Author URI: http://skyzyx.com
Updated: 21 June 2007
*/


/*********************************************
HYPERLINK STYLES
*********************************************/
a {
	color:#369;
	text-decoration:underline;
	padding:0 1px;
}

a:hover {
	color:#fff !important;
	background-color:#333;
	text-decoration:none;
	padding:0 1px;
}

a.nohover {
	text-decoration:none;
	border:none;
}

a.nohover:hover {
	background-color:transparent;
	border:none;
}

a.namelink {
	padding:0;
	margin:0;
	overflow:hidden;
	height:1px;
}

h4 a,
.sample_feeds a {
	color:#000;
}


/*********************************************
GENERAL STYLES
*********************************************/
body {
	/*font:12px/18px Verdana, sans-serif;*/
	font:14px/1.5em "Lucida Grande", Tahoma, sans-serif;
	letter-spacing:0px;
	color:#333;
	background-color:#fff;
	margin:0;
	padding:0;
}

div#site {
	width:600px;
	margin:50px auto 0 auto;
}

h1#logo {
	margin:0;
	padding:0;
	text-align:center;
}

h1#logo a, 
h1#logo a:hover {
	background-color:transparent;
	text-decoration:none;
	padding:0;
}

h2.image {
	margin:0;
	padding:0;
	text-align:center;
}

h3 {
	margin:20px 0 0 0;
	padding:0;
	font-size:1.5em;
}

h4 {
	margin:20px 0 0 0;
	padding:0;
	font-size:1.2em;
	letter-spacing:-1px;
}

h5 {
	margin:10px 0 0 0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

em {
	font-style:normal;
	background-color:#ffc;
}

p {
	margin:0;
	padding:5px 0;
}

ul, ol {
	margin:10px 0 10px 20px;
	padding:0 0 0 15px;
}

ul li, ol li {
	margin:0 0 7px 0;
	padding:0 0 0 3px;
}

form {
	margin:0;
	padding:0;
}

code {
	font-size:1em;
	background-color:#f3f3ff;
	color:#000;
}

div#site pre {
	background-color:#f3f3ff;
	color:#000080;
	border:1px dotted #000080;
	overflow:auto;
	padding:3px 5px;
}

blockquote {
	font-size:1em;
	color:#666;
	border-left:4px solid #666;
	margin:10px 0 10px 30px;
	padding:0 5px 0 10px;
	background:#f3f3f3 url(background_blockquote.png) repeat top left;
}

input, select, textarea {
	font-size:12px;
	line-height:1.2em;
	padding:2px;
}

input[type=text], select, textarea {
	background-color:#e9f5ff;
	border:1px solid #333;
}

input[type=text]:focus, select:focus, textarea:focus {
	background-color:#ffe;
}

.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearBoth {clear:both;}
.hide {display:none;}


/*********************************************
NAVIGATION STYLES
*********************************************/
div#header {
	background:#fff url(top_gradient.gif) repeat-x top left;
	margin:0;
	padding:0;
}

div#header form {
	margin:0;
	padding:0;
}

div#header div#headerInner {
	margin:0;
	padding:0;
}

div#header div#headerInner div#logoContainer {}

div#header div#headerInner div#logoContainerInner {
	width:550px;
	margin:0 auto;
	padding:20px;
}

div#header div#headerInner div#logoContainer div#logo {
	float:left;
	width:200px;
}

div#header div#headerInner div#logoContainer div#logo a,
div#header div#headerInner div#logoContainer div#logo a:hover {
	border:none;
	background:none;
}

div#header div#headerInner div#logoContainer div#feed {
	float:right;
	width:300px;
	text-align:right;
	padding:10px 0 0 0;
}

div#header div#headerInner div#logoContainer div#feed input.text {
	width:60%;
}

div#header div#headerInner div#menu {
	background:#eee url(background_menuitem_shadow.gif) repeat-x top left;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ddd;
	text-align:center;
}

div#header div#headerInner div#menu table {
	width:auto;
	margin:0 auto;
}

div#header div#headerInner div#menu ul {
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:12px;
}

div#header div#headerInner div#menu ul li {
	display:block;
	float:left;
}

div#header div#headerInner div#menu ul li a {
	display:block;
	margin:-2px 0 0 0;
	padding:5px 7px 8px 7px;
	text-decoration:none;
	color:#666 !important;
	background-color:transparent;
}

div#header div#headerInner div#menu ul li a:hover {
	display:block;
	margin:-2px 0 0 0;
	padding:5px 7px 8px 7px;
	text-decoration:none;
	color:#666;
	background:#fff url(background_menuitem_off.gif) no-repeat bottom right;
}

body#bodydemo div#header div#headerInner div#menu ul li#demo a {
	display:block;
	margin:-2px 0 0 0;
	padding:5px 7px 8px 7px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	background:#fff url(background_menuitem.gif) no-repeat bottom right;
}


/*********************************************
CONTENT STYLES
*********************************************/
div.chunk {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

div.topchunk {
	margin:0 !important;
}

.footnote,
.footnote a {
	font-size:12px;
	line-height:1.3em;
	color:#aaa;
}

.footnote em {
	background-color:transparent;
	font-style:italic;
}

.footnote code {
	background-color:transparent;
	font:11px/14px monospace;
	color:#aaa;
}

p.subscribe {
	background-color:#f3f3f3;
	font-size:12px;
	text-align:center;
}

p.highlight {
	background-color:#ffc;
	font-size:12px;
	text-align:center;
}

p.sample_feeds {
	font-size:12px;
	line-height:1.2em;
}

div.sp_errors {
	background-color:#eee;
	padding:5px;
	text-align:center;
	font-size:12px;
}

.noborder {
	border:none !important;
}

img.favicon {
	margin:0 4px -2px 0;
	width:16px;
	height:16px;
}

p.favicons a,
p.favicons a:hover {
	border:none;
	background-color:transparent;
}

p.favicons img {
	border:none;
}


/*********************************************
DEMO STYLES
*********************************************/
div#sp_input {
	background-color:#ffc;
	border:2px solid #f90;
	padding:5px;
	text-align:center;
}

div#sp_input input.text {
	border:1px solid #999;
	background:#e9f5ff url(feed.png) no-repeat 4px 50%;
	width:75%;
	padding:2px 2px 2px 28px;
	font:18px/22px "Lucida Grande", Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}

form#sp_form {
	margin:15px 0;
}

div.focus {
	margin:0;
	padding:10px 20px;
	background-color:#efe;
}

p.sample_feeds {
	text-align:justify;
}


/*********************************************
SIFR STYLES
*********************************************/
.sIFR-active h3.header {
	visibility:hidden;
	line-height:1em;
}