asfd

Signed-off-by: Philip M. Hofer (Frumph) <frumph_dragon@yahoo.com>

themepack/tunedout/style.css

@@ -0,0 +1,581 @@
+/*
+ThemePack Name: Tuned Out
+ThemePack URI: http://comicpress.org
+Author: Philip M. Hofer (Frumph)
+Author URI: http://frumph.net/
+Version: 0.1.0
+*/
+
+/* STANDARD TAGS */
+
+body {
+	color: #000;
+	background: #2B2E37 url('background.jpg') repeat;
+}
+
+#comic img {
+	width: 100%;
+	border: solid 1px #000;
+}
+
+#header {width: 780px; height: 200px; background: url('header.jpg') top center no-repeat; overflow: hidden;}
+#header h1 {padding: 0;}
+#header h1 a {display: block; width: 780px; height: 780px; text-indent: -9999px;}
+#header .description {display: none;}
+
+#content-wrapper {
+	background: #d7dce9;
+}
+
+.narrowcolumn {
+	width: 556px;
+	padding: 0 2px;
+}
+
+.post, .post-comic, .post-page {
+	background: #fff;
+}
+
+#page, #page-wide {
+	background: #ddd;
+	border-left: solid 1px #000;
+	border-right: solid 1px #000;
+	border-bottom: solid 1px #000;
+}
+
+#page-wrap {
+	padding: 0 10px;
+	background: url('classic-background-narrow.png') top center repeat-y;
+}	
+
+#page-wrap-wide {
+	padding: 0 10px;
+	background: url('classic-background-wide.png') top center repeat-y;
+}
+
+.page .narrowcolumn { padding-top: 5px; }
+
+#footer { 
+	border-top: 1px solid #000;
+	background: #414653;
+	color: #fff;
+}
+
+#footer a {
+	color: #fff000;
+}
+
+#footer a:hover {
+	color: #fff000;
+}
+
+/* THE MENU */
+
+#menubar {
+	background: url('menu.png');
+	border-width: 1px 1px 1px 0;
+	border-style: solid;
+	border-color: #000;
+}
+
+.menunav-rss {
+	width: 25px;
+	height: 25px;
+	margin: 0 0 0 4px;
+	padding: 0;
+	display: block;
+	float: left;
+	text-indent: -9999px;
+	overflow: hidden;
+	background: url('menu-nav.png') no-repeat;
+}
+
+	.menunav-rss:hover {
+		background: Transparent url('menu-nav.png') 0 -25px no-repeat;
+	}
+
+.menunav-prev, .menunav-next {
+	display: block;
+	float: left;
+}
+
+.menunav a:hover {
+	background: #fff;
+}
+
+.menunav-prev {
+	margin: 0 0 0 5px;
+}
+
+	.menunav-prev a, .menunav-next a {
+		width: 25px;
+		height: 25px;
+		display: block;
+		text-indent: -9999px;
+		overflow: hidden;
+	}
+
+	.menunav-prev a {
+		background: transparent url('menu-nav.png') -25px 0 no-repeat;
+	}
+
+	.menunav-prev a:hover {
+		background: transparent url('menu-nav.png') -25px -25px no-repeat;
+	}
+
+.menunav-next a {
+	background: url('menu-nav.png') -50px 0 no-repeat;
+}
+
+	.menunav-next a:hover {
+		background: transparent url('menu-nav.png') -50px -25px no-repeat;
+	}
+
+#menu {
+	border-right: 1px solid #111;
+	text-transform: uppercase;
+}
+
+	#menu a {
+		padding: 0px 10px 0 10px;
+		display: block;
+		color: #fff;
+		text-decoration: none;
+	}
+
+	#menu li .rss {
+		padding: 5px 0 5px 0;
+	}
+
+	#menu li {
+		float: left;
+		cursor:pointer;
+	}
+
+	#menu li a {
+		border-left: 1px solid #333;
+		border-right: 1px solid #555;
+	}
+
+	#menu li:hover a, #menu li.sfhover a {
+		border-left: 1px solid #8b160f;
+		border-right: 1px solid #c28380;
+		color: #fff; /* Main menu highlighted text color */
+		background: url('menu.png') 0 -75px;
+	}
+
+	#menu li:hover, #menu li.sfhover {
+		/* Main menu highlighted background color */
+	}
+
+	/* For submenu dropdowns - this order must be maintained */
+
+	#menu ul {
+		padding: 0;
+		margin: 0;
+		list-style: none;
+		position: absolute;
+		left: -9999px;
+		width: 195px;
+		line-height: 1;
+	}
+	#menu li li {
+		width: 185px;
+		padding: 4px 5px;
+		color: #fff;
+	}
+	#menu li li a {
+		width: 194px;
+		padding: 0;
+		color: #fff;
+		border: none;
+	}
+	#menu li ul ul {
+		margin: -17px 0 0 190px;
+	}
+	#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
+		color: #fff; /*Submenu highlighted text color */
+	}
+	#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
+		color: #fff; /*Submenu text color */
+		border: none;
+		background: none;
+	}
+	#menu li li:hover {
+		background: #f00; /*Submenu highlighted background color */
+	}
+	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
+		left: -9999px;
+	}
+	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
+		left: auto;
+		background: #000; /* Submenu background color */
+		text-transform: none;
+	}
+
+	#menu .current_page_item a {
+		color: #fff;
+		border-left: 1px solid #555;
+		border-right: 1px solid #555;
+		background: url('menu.png') 0 -50px;
+	}
+
+
+.narrowcolumn { 
+}
+
+	.button {
+		background: #aaa url('menu.png');
+		color: #fff;
+		font-family: 'Arial', sans-serif;
+		font-size: 13px;
+		line-height: 13px;
+		border: 1px solid #333;
+		cursor: pointer;
+	}
+		
+	.button:hover {
+		color: #eee;
+		background: #f00 url('menu.png') 0 -75px;
+	}
+	
+/* COMMENT LINK */
+
+.comment-link {
+	height: 25px;
+	line-height: 20px;
+	font-family: 'Arial', sans-serif;
+	font-weight: bold;
+	text-align: right;
+}
+		
+	.comment-balloon {
+		width: 30px;
+		height: 25px;
+		display: block;
+		margin: 0 0 0 5px;
+		float: right;
+		overflow: hidden;
+		text-align: center;
+		line-height: 16px;
+		font-family: 'Georgia', serif;
+		font-size: 16px;
+		font-weight: normal;
+		background: url('comment-balloon.png') no-repeat;
+	}
+
+		.comment-link a .comment-balloon {
+			color: #000;
+		}
+	
+		.comment-link a:hover .comment-balloon {
+			color: #fff;
+			background-position: 0 -25px;
+		}
+		
+	.comment-balloon-empty {
+		font-size: 20px;
+		line-height: 30px;
+		}
+		
+/* WIDGETS */
+
+.archive-dropdown-wrap {
+	background: url('browse-search.png') no-repeat;
+}
+
+	.archive-dropdown-wrap:hover {
+		background-position: 0 -23px;
+	}
+
+.archive-dropdown {
+	margin: 0;
+	padding: 0;
+	width: 166px;
+	height: 23px;
+	font-size: 12px;
+	font-family: 'Arial' , sans-serif;
+	border: none;
+	opacity: 0;
+	filter: alpha(opacity=0);
+	cursor: pointer;
+}
+
+/* SEARCH */
+
+#s-search, #s-transcript {
+	width: 138px;
+	padding: 4px 0 0 5px;
+	font-size: 12px;
+	height: 19px;
+	font-family: 'Arial' , sans-serif;
+	color: #000;
+	border: none;
+	float: left;
+	background: url('browse-search.png') 0 -46px no-repeat;
+}
+
+	#s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus {
+		color: #550000;
+		background-position: 0 -69px;
+	}
+
+	#searchform button, #searchform-transcript button {
+		padding: 0;
+		margin: 0;
+		border: none;
+		height: 23px;
+		width: 23px;
+		line-height: 0;
+		font-size: 0;
+		cursor: pointer;
+		text-indent: -9999px;
+		background: url('browse-search.png') -143px -46px no-repeat;
+	}
+
+	#searchform button:hover, #searchform-transcript button:hover {
+		background-position: -143px -69px;
+	}
+
+	#searchform button:hover, #searchform-transcript button:-moz-focus-inner {
+		border: 0;
+	}
+
+	.searchresults {
+		float: right;
+		padding: 5px;
+	}
+
+/* GALLERY */
+
+.gallery-image {
+	width: 518px;
+	border: 1px solid #000;
+	overflow: hidden;
+	background: #000;
+	text-align: center;
+}
+
+.gallery-caption {
+	font-size: 11px;
+}
+
+	.gallery-caption p {
+		width: 510px;
+		padding: 5px;
+		margin: 0;
+		text-align: center;
+		color: #fff;
+		background: #000;
+	}
+
+.imagenav-wrap {
+	margin: 5px 0 0 0;
+}
+
+.imagenav {
+	width: 77px;
+	height: 77px;
+	float: left;
+	overflow: hidden;
+}
+
+.imagenav-center {
+	width: 344px;
+	height: 65px;
+	margin: 0 5px;
+	padding: 10px 5px 0 5px;
+	float: left;
+	color: #000;
+	text-align: center;
+	border: 1px solid #000;
+	overflow: hidden;
+}
+
+.imagetitle {
+	color: #000;
+	font-size: 18px;
+}
+
+.imagenav-bg {
+	width: 75px;
+	height: 75px;
+	position: absolute;
+	z-index: 0;
+	background: #ddd;
+	border: 1px solid #000;
+	overflow: hidden;
+}
+
+.imagenav-bg img {
+	width: 75px;
+	height: 75px;
+}
+
+.imagenav-arrow {
+	width: 75px;
+	height: 75px;
+	position: absolute;
+	z-index: 1;
+	color: #fff;
+	font-size: 80px;
+	font-weight: bold;
+	line-height: 75px;
+	text-align: center;
+	border: 1px solid #000;
+	float: left;
+}
+
+.imagenav-link {
+	width: 75px;
+	height: 75px;
+	position: absolute;
+	z-index: 2;
+	border: 1px solid #000;
+	float: left;
+	overflow: hidden;
+}
+
+.imagenav-link img {
+	width: 75px;
+	height: 75px; 
+/*		opacity: 0.50; 		filter: alpha(opacity=50); */
+}
+
+.imagenav-link img:hover {
+/*		opacity: 0.00;  	filter: alpha(opacity=0); */
+}
+
+/* Pagination */
+
+#wp-paginav {
+	background: url('menu.png');
+	text-align: left;
+	border: 1px solid #000;
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+#paginav {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	float: left;
+	line-height: 25px;
+	font-size: 13px;
+	border-right: 1px solid #222;
+}
+
+	#paginav .paginav-pages, #paginav .paginav-extend {
+		padding: 0 15px 0 15px;
+	}
+
+	#paginav a {
+		padding: 0px 10px 0 10px;
+		display: block;
+		color: #777;
+		text-decoration: none;
+	}
+
+	#paginav ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+
+	#paginav li {
+		float: left;
+	}
+
+	#paginav li a {
+		border-left: 1px solid #111;
+		border-right: 1px solid #444;
+		color: #eee;
+	}
+
+	#paginav .paginav-next, #paginav .paginav-previous {
+		font-size: 20px;
+	}
+
+	#paginav .paginav-current, #paginav .current {
+		padding: 0px 10px 0 10px;
+		color: #fff;
+		border-left: 1px solid #222;
+		background: url('menu.png') 0 -150px;
+	}
+
+	#paginav li:hover a {
+		border-left: 1px solid #333;
+		border-right: 1px solid #555;
+		color: #fff; 
+		background: url('menu.png') 0 -75px;
+	}
+
+
+#wp-calendar-wrap {
+	background: #494e5e;
+	color: #fff;
+	border: solid 1px #333;
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+#wp-calendar a {
+	color: #fff000;
+}
+
+#wp-calendar a:hover {
+	background: #fff000;
+	color: #000;
+}
+
+.wp-calendar-thumb img {
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+table#wp-calendar td {
+	color: #fff;
+}
+
+.cpcal-day {
+	color: #fff;
+	border: solid 1px #eee;
+}
+
+.cpcal-monthtitle, .cpcal-dayletter {
+	color: #444;
+}
+
+.cpcal-day a {
+	color: #fff;
+}
+
+.cpcal-day a:hover {
+}
+	
+/* SIDEBAR */
+
+.sidebar h2 {
+	font-weight: 700;
+	letter-spacing: normal;
+}
+
+/* Navigation Style */
+
+#comic_navi_wrapper a, #comic_navi_wrapper .navi, #comic_navi_wrapper .navi-void {
+	text-indent: -99999px;
+}
+
+.widget_sociable_widget {
+	margin: 0 auto;
+	padding: 0 0;
+}
+
+.nav { display: none; }