Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 12.06.2010, 02:39
moep0710 moep0710 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.06.2010
Beiträge: 5
moep0710 befindet sich auf einem aufstrebenden Ast
Standard Problem mit einem 3D-Effekt

Hallo liebe Community,

ich habe versuche momentan, mit meinem Blog umzuziehen (auf eine neue Wordpress-Version). Leider bin ich ein totaler neuling was CSS angeht. deswegen funktioniert eine neuste funktion, die ich einbauen wollte, wohl auch nicht. es geht darum, dass ich die standard-css übernommen habe, nun aber einen 3D-Effekt per DIV einbauen möchte. Die Anleitung hierzu findet ihr hier.

Ich möchte davon bis einschließlich Beispiel 6 gehen, da ich die weiteren Effekte nicht benötige.
Den Code dafür habe ich bereits eingefügt, nun bilden sich aber statt dem fließenden Übergang breite Kanten (circa 5-10px).

Es scheinen sich der Effekt und der Rest irgendwo zu widersprechen, da der Übergang einwandfrei funktioniert, wenn ich nur den effekt als zusatz in der style.css habe (meine Style.css ist nur eine ergänzende Datei zur vorinstallierten und unveränderbaren style.css von blogsport.eu)

hier mein code.

Code:
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 0.7em 1em;
   }

DIV.shadow IMG {
   border: 0px solid #666;
   margin: 0;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }





/* @override http://localhost/k2/wp-content/themes/k2/style.css */

/*
Theme Name:		K2
Version:		1.1
Theme URI:		http://getk2.com
Author:			Various Artists
Author URI:		http://getk2.com/
Description:	<strong><a href="themes.php?page=k2-options">Configure K2</a></strong> or visit the <a href="http://groups.google.com/group/k2-support">support forums</a>, <a href="http://code.google.com/p/kaytwo/w/list">the wiki</a> or <a href="http://code.google.com/p/kaytwo/issues/list">the bug tracker</a>. K2 was developed by <a href="http://binarybonsai.com/">Michael</a>, <a href="http://chrisjdavis.org/">Chris</a>, <a href="http://zeo.unic.net.my/">Zeo</a>, <a href="http://stevelam.org/">Steve</a>, Ben and <a href="http://xentek.net/">Eric Marden</a>, and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Tags:			blue, custom-header, fixed-width, flexible-width, one-column, two-columns, three-columns, theme-options, threaded-comments, microformats, translation-ready, light

The Real K2:	http://en.wikipedia.org/wiki/K2

$Revision: 1001 $
*/



/* Reset CSS v1.0 from http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	}



/* Typography */

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}

strong, em, b, i {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}

h1, .blog-title, h2, h3 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	}

h4, h5, h6 {
	font-family: Verdana, sans-serif;
	}


/* Page Structure */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #333;
	background: black;
	text-align: center;
	}

body.lang-ar,
body.lang-fa,
body.lang-he,
body.lang-hi,
body.lang-km,
body.lang-ko,
body.lang-ja,
body.lang-th,
body.lang-zh {
	font-size: 75%; /* Resets 1em to 12px, for internationalized K2s */
	}

#page,
#rollingarchives {
	background: white;
	}


#page {
	text-align: justify;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	border: 1px solid #ddd;
	border-top: none;
	clear: both;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}

.columns-one #page,
.columns-one.smartposition #rollingarchives {
	width: 528px;
	}

.columns-two #page,
.columns-two.smartposition #rollingarchives {
	width: 780px;
	}

.columns-two.widgets-sidebar-2 #page,
.columns-two.widgets-sidebar-2.smartposition #rollingarchives,
.columns-three #page,
.columns-three.smartposition #rollingarchives {
	width: 950px;
	}



.wrapper {
	padding: 0 10px 0 20px;
	}

.columns-two .secondary {
	float: right;
	}

#primary {
	position: relative;
	float: left;
	width: 468px;
	padding: 10px;
	}

.columns-two.widgets-sidebar-2 #primary { /* added by gigi */
	width: 640px;
	}

body.showrollingarchives #primary { /* Flush RA with header */
	padding-top: 0;
}

body.home.onepageonly.rollingarchives #primary { /* No RA, so back to 10px */
	padding-top: 10px;
}


* html #primary { /* IE Hack */
	display: inline;
	}

#primary {
	margin-top: 9px;
	}

#content {
	margin-top: 5px;
	}

#widgets-sidebar-2 {
	width: 156px;
	}

.widgets-sidebar-2 #widgets-sidebar-2 {	/* added by gigi */
	width: 234px;
	}

.secondary {
	width: 234px;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
	}

#widgets-sidebar-2 {
	clear: right;
	}

.comments {
	clear: both;
	text-align: left;
	margin: 30px 0 0;
	position: relative;
	}


/* Main Menu in Header */

.menu {
	position: absolute;
	white-space: nowrap;
	bottom: 0;
	margin: 0 20px;
	}

.menu > ul {
	float: left;
	}

.menu li {
	list-style: none;
	}

.menu li a {
	display: block;
	outline: 0;
	}

.menu li a:hover {
	text-decoration: none;
	}

.menu > ul > li { /* Top Menu Items */
	float: left;
	}

.menu > ul > li > a { /* Top Menu */
	margin-left: 5px;
	padding: 5px 15px;
	color: white;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	}

.menu > ul > li.current_page_ancestor > a,
.menu > ul > li.current_page_item > a {
	color: #333;
	background: white;
	}

.menu > ul > li:hover > a,
.menu > ul > li.sfHover > a { /* Top level hover*/
	color: #eee;
	background-color: #333;
	}

.menu > ul > li.has_children > a { /* Top level parent */
	padding-right: 18px;
	position: relative;
	}

.menu > ul > li.current_page_ancestor.has_children > a:after,
.menu > ul > li.current_page_item.has_children > a:after {
	background: url('images/arrows.png') no-repeat left top;
	}

.menu > ul > li.has_children:hover > a:after,
.menu > ul > li.has_children.sfHover > a:after,
.menu > ul > li.has_children > a:after { /* Dropdown indicators */
	position: absolute;
	right: 5px;
	top: 10px;
	height: 4px;
	width: 7px;
	content: '';
	background: url('images/arrows.png') no-repeat left bottom;
	}

.menu > ul > li > ul { /* Child Menus */
	left: -999em;
	position: absolute;
	z-index: 50;
	max-width: 20em;
	margin-left: 5px;

	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	
	background: #f3f3f3;
	border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-top-left-radius: 0;
	}

.menu > ul > li.sfHover > ul,
.menu > ul > li:hover > ul { /* Show submenu when hovering parent */
	left: inherit;
	}

.menu li li a { /* Submenu links */
	color: #333;
	padding: .6em 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	}

.menu li li a:hover { /* Child hover */
	background: #ddd;
	background: rgba(0, 0, 0, .1); /* To accomodate the gradient background in modern browsers */
	}

.menu li li li a { /* Indent 3rd child */
	padding-left: 2em;
}

.menu > ul > li > ul > li:first-child > a { /* First child 2nd level */
	border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 3px;
	}

.menu > ul > li > ul > li:last-child > a:last-child { /* Last child 2nd level */
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}

.menu ul ul li:last-child ul li:last-child a:last-child { /* Last child 3rd level */
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}


/* Widgets: 'Below Header' & 'Page Footer' */

#widgets-top,		/* Below Header */
#widgets-bottom {	/* Page Footer */
	margin-top: 20px;
	overflow: auto;
	width: 100%;
	}

#widgets-top > div,
#widgets-bottom > div {
	display: inline-block;
	float: left;
	}

body.columns-one #widgets-top > div,
body.columns-one #widgets-bottom > div {
	width: 33%;
	}

body.columns-two #widgets-top > div,
body.columns-two #widgets-bottom > div {
	width: 25%;
	}

body.columns-three #widgets-top > div,
body.columns-three #widgets-bottom > div {
	width: 20%;
	}

#widgets-top .widget,
#widgets-bottom .widget {
	margin: 0 10px;
	}

/* Widgets: Below Single Post */

#widgetspost {
	overflow: auto;
	width: 100%;
	}

#widgetspost > div {
	display: inline-block;
	float: left;
	width: 50%;
}


/* Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}


/* Headings */

h1 {
	font-size: 3em;
	}

.blog-title {
	font-size: 3em;
	font-weight: bold;
	padding: 75px 40px 0;
	}

.blog-title a,
#header .description {
	text-decoration: none;
	color: white;
	}

.blog-title a:hover {
	text-decoration: underline;
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 40px;
	}

h2 {
	font-size: 2.5em;
	}

.page-head {
	margin: 10px 0 20px;
	text-align: center;
	}

.page-head h1 {
	font-size: 2.5em;
	}

.page-head h2 {
	color: #888;
	font-size: 2.0em;
	font-weight: normal;
	}

.post-title, h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.4em;
	font-weight: normal;
	}

h4 {
	font-size: 2.0em;
	font-weight: normal;
	}

.widgets h4 { /* Widget Titles */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: block;
	margin-bottom: 10px;
	}

.post-title {
	margin-right: 40px;
	}

.four04 .post-title,
body.page #content .post-title {
	margin-left: 40px;
	text-align: center;
	}

.post-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}

.post-content h4,
.post-meta h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}

.k2-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.post-header {
	position: relative;
	}

body.page .post-content h3 {
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

body.page .post-content h4 {
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.widget {
	margin: 20px 0 0;
	padding: 0;
	position: relative;
	line-height: 1.5em;
	}

.widget div {
	margin: 0;
	}

#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.widgets .metalink a, .widgets .metalink a:visited {
	color: #888;
	font-weight: normal;
	}

#primary .post .post-header .metalink {
	font-size: 1.8em;
	margin-left: 15px;
	}

#primary .k2-asides .post-header .metalink {
	font-size: 1.4em;
	}

.single #primary .k2-asides .post-content {
	font-size: 1.5em;
	color: #888;
	}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #666;
	}

#comment-personaldetails {
	margin-top: 10px;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink { /* On the sidebar */
	border: none;
	padding: 2px;
	padding-right: 20px;
	background: url('images/feed.png') right center no-repeat;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	color: #666;
	}

.feedlink span {
	visibility: hidden;
	}

.feedlink:hover span {
	visibility: visible;
	}


/* The K2 Asides Widget */

.widgets .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.widgets .k2-asides p {
	display: inline;
	}

.widgets .k2-asides .metalink {
	padding-left: 0px;
	}

.entry-edit { /* The Edit Button */
	position: absolute;
	right: 0;
	top: 7px;
	font-size: 1.1em;
	display: inline;
	}

.post-title, .post-title a, .post-title a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #333;
	}

.post-title, .post-title a, .post-title a:hover, .post-title a:visited,
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.post-meta {
	font-size: 1em;
	line-height: 1.6em;
	color: #bbb;
	}

.post-meta a,
.comment-meta a,
.entry-date,
.entry-time {
	color: #666;
	}

.post-meta div {
	display: inline;
	}

.post-header .post-meta {
	min-height: 16px;
	}

.image-meta abbr,
abbr.entry-date {
	border: none;
	}

.entry-pages {
	font-size: 1.2em;
	}

.entry-pages span {
	font-weight: bold;
	}

.entry-tags {
	padding: 2px 0px;
	}

.post-header .entry-tags {
	display: block;
	}

div.comment-reply {
	display: inline;
}

.entry-edit a,
a.quoter_comment,
a.quoter_page,
a.comment_quote_link,
a.comment-edit-link,
a.comment-reply-link,
a#cancel-comment-reply-link,
.comment-edit a { /* Rounded Buttons */
	border: none;
	padding: 4px 8px;
	height: 16px;
	line-height: 16px;
	color: #333;
	background: #e7e7e7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline;
	}

#pinglist a.comment-edit-link {
	padding: 2px 8px;
	margin-left: 10px;
	font-size: .8em;
	}

#commentlist #respond a.quoter_page,
#commentlist #respond a#cancel-comment-reply-link {
	background: #ddd;
}

.entry-edit a:hover,
a.quoter_comment:hover,
a.quoter_page:hover,
#commentlist #respond a.quoter_page:hover,
a.comment_quote_link:hover,
a.comment-edit-link:hover,
a.comment-reply-link:hover,
#commentlist #respond a#cancel-comment-reply-link:hover,
a#cancel-comment-reply-link:hover,
.comment-edit a:hover {
	background-color: #333;
	color: #fff;
	text-decoration: none;
	}

div.quoter_page_container {
	margin: 5px 0;
	display: none; /* Hidden because it's not too nice an implementation */
}

.commentslink {
	padding: 2px 0;
	}


/* Primary Contents */

.post {
	margin: 0 0 30px;
	position: relative;
	}

.post-content {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #333;
	}

.post-content p,
.post-content ul,
.post-content ol,
.post-content div,
.post-content blockquote {
	margin: 13px 0;
	}

#content .k2-asides .post-content p,
#content .k2-asides .post-content ul,
#content .k2-asides .post-content ol,
#content .k2-asides .post-content div,
#content .k2-asides .post-content blockquote {
	margin: 5px 0;
	}

#content .k2-asides {
	margin: 15px 0;
	}

#content .k2-asides .post-header,
#content .k2-asides .post-footer {
	display: none;
	}

#content .k2-asides .post-content {
	display: block;
	border-left: 2px solid #ddd;
	padding-left: 20px;
	}

.asides-permalink {
	font-weight: bold;
	}

.post-content .map div { /* Google Maps Support */
	margin: 0;
	}

.wp-post-image {
	padding-top: 5px;
}

.metalinks {
	margin-top: 3px;
	}

#primary a.post-edit-link:hover,
#primary a.comment-edit-link:hover,
#primary a.comment-reply-link:hover {
	text-decoration: none;
}

.columns-three .template-image #primary {
	width: 670px;
	}

.template-image .post-footer {
	position: absolute;
	top: 0;
	right: -220px;
	width: 200px;
	padding-top: 180px;
	}

.columns-one .template-image .post-footer {
	position: relative;
	width: auto;
	top: auto;
	right: auto;
	padding-top: 0;
	margin-right: 210px;
	}

.columns-one .template-image #gallery-nav {
	right: -210px;
	top: 0;
	width: 200px;
	border-bottom: none;
	}

.post-footer h5 {
	font-size: 1.5em;
	font-weight: normal;
	}

#gallery-nav img {
	height: 96px;
	width: 96px;
	}

#gallery-nav {
	top: 3.2em;
	margin: 0;
	position: absolute;	
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	}

#gallery-nav a {
	text-decoration: none;
	}

#gallery-nav a span {
	display: block;
	}

.attachment .post {
	margin-left: 60px;
	}

.template-image .post {
	margin-left: 0;
	}

.attachment-icon {
	position: absolute;
	top: 0;
	left: -60px;
	}

.attachment-image {
	text-align: center;
	}

.attachment-image .caption {
	margin: 0;
	}

.attachment-image .caption p {
	display: inline;
	}

.image-meta {
	padding: 10px 0 10px 20px;
	list-style-type: circle;
	}

.image-meta li {
	margin: 3px 0;
	}

.image-meta span {
	font-weight: bold;
	display: block;
	float: left;
	width: 8em;
	}


/* Comments */

.comments .metalinks {
	display: none; /* Rarely used these days, so let's hide it. */
}

.commentsrsslink {
	padding: 2px 0;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	padding: 2px 0;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #888;
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#commentlist {
	margin: 10px 0;
	position: relative;
	}

#commentlist .children {
	margin-left: 20px;
	}

#commentlist .children li {
	}

#commentlist li {
	margin: 10px 0 0;
	list-style: none;
	}

#commentlist .comment {
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#commentlist li.comment {
	padding: 0;
	}

#commentlist li .comment-content {
	font-size: 1.2em;
	line-height: 1.8em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 13px 0;
	}

#commentlist li .comment-meta {
	padding: 2px 0;
	display: block;
	}

#commentlist li img {
	padding: 0;
	border: none;
	}

#commentlist .avatar,
#commentlist .gravatar {
	float: right;
	}

#commentlist .comment-author {
	font-size: 1.5em;
	font-weight: bold;
	}

.comment-author cite {
	font-style: normal;
	}

#commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #888;
	float: left;
	width: 35px;
	}

/* .byuser {
	background: #f6f7f8;
	} */

.bypostauthor {
	background: #f6f6f6;
	}

.bypostauthor > div.comment blockquote {
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;              
	}

#respond {
	position: relative;
	margin-top: 20px;
	}

#commentlist #respond { /* For threaded comments */
	background: #eee;
	margin-top: 15px;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

#commentlist .cancel-comment-reply {
	position: absolute;
	top: 1em;
	right: 1em;
	padding: 2px 0;
	}

#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

#pinglist li small {
	font-size: 0.8em;
	display: block;
	}

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}
	
#leavecomment, .comments #loading, #comments-closed-msg {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 1.7em;
	}

.comments #loading {
	margin-top: 20px !important;
	}

#comments-closed-msg {
	margin-bottom: 40px !important;
	}

.comments #commenterror {
	display: none;
	line-height: 2.0;
	padding: 5px;
	color: #FF0000;
	background-color: #FFFF99;
	}

.comments #commentload {
	padding-top: 3px;
	float: right;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	background: url('images/spinner.gif') center center no-repeat;
	}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	}

.comments input[type=text], .comments textarea {
	padding: 2px;
	color: #666;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments textarea {
	width: 99%;
	margin: 10px 0;
	border: 1px solid #888;
	}

.comments form #submit {
	float: right;
	}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
	color: #666;
	}

#footer p {
	line-height: 1.6em;
	}

#footer a {
	color: #888;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: #000;
	}

#footer .siteadmin a { /* 'Site Admin' Button */
	position: fixed;
	top: 5px;
	right: 5px;
	color: #333;
	background: #cfcfcf;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: normal;
	}

#footer .siteadmin a:hover {
	background: #333;
	color: white;
	text-decoration: none !important;
	}

#footer .wp-version,
#footer .k2-version {
	display: none;
	padding-left: 0.3em;
	}

.footerstats {
	display: none;
	}


/* Links */

a:hover, a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: black;
	text-decoration: none;
	}

.post-content a:visited {
	color: #6E6E6E;
	}


/* Various Tags and Classes */

.hidden {
	position: absolute !important;
	left: 0px;
	top: -500px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.clear {
	clear: both;
	}

a img {
	border: none;
	}

img.noborder {
	border: none !important;
	}

.aligncenter,
.center {
	text-align: center;
	}

.post-content .aligncenter,
img.center,
img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.post-content .alignright,
img[align="right"] {
	float: right;
	margin: 0 0 4px 8px;
	display: block;
	}

.post-content .alignleft,
img[align="left"] {
	float: left;
	margin: 0 8px 4px 0;
	display: block;
	}
	
a[rel~="attachment"] img,
.gallery a img,
.wp-caption {
	background-color: #F3F3F3;
	border: 1px solid #ddd;
	padding: 3px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

a[rel~="attachment"] img:hover,
.gallery a img:hover,
.wp-caption:hover {
	padding: 2px;
	border: 2px solid #27d;
	}

.wp-caption a img,
.wp-caption a img:hover {
	padding: 4px 0px 0px;
	border: 0 none;
	}

.wp-caption .wp-caption-text {
	margin: 4px 0 2px;
	}

.smallcaps {
	font-variant: small-caps;
	}

abbr[title],
acronym[title] {
	cursor: help;
	}

abbr.entry-date {
	cursor: inherit;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, strike {
	color: #666;
	}
	
code {
	font-size: 1.1em;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;
	border: none;
	}

hr {
	display: none;
	}

.alert {
	background: #FFF6BF;
	text-align: center;
	margin: 10px auto;
	padding: 4px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}


/* Lists */

.archive-list {
	margin: 10px 0 0 0 !important;
	padding-left: 0px !important;
	}

.archive-list li {
	list-style: none;
	float: left;
	margin: 0 5px 0 0 !important;
	padding: 2px 0 2px 10px !important;
	width: 150px;
	}

.archive-list li:hover {
	background-color: #EDEDED;
	}

.archive-list .children {
	margin: 0;
}

.archive-list .children {
	padding-left: 10px;
}

.post-content ol, .post-content ul {
	padding: 0 0 0 35px;
	}

.post-content ol li, .post-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.widgets ul ul, .widgets ol ol {
	margin: 0 0 0 10px;
	}
       
.widgets ul ul ul, .widgets ol ol ol {
	margin: 0 0 0 20px;
	}

.widgets ol {
	margin-left: 15px;
	}

.widgets ul li, .widgets ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.widgets ul li {
	list-style: none;
	}


/* Search Widget, incl. Livesearch */

.widget_search {
	margin-top: 20px !important;
	}

#search h4, .widget_search h4 {
	display: none;
	}

input[type=text], textarea {
	color: #333;
	padding: 1px;
	margin: 0;
	}

#search-label { /* The 'Search for:' label */
	display: none;
	}

#search-label.overlabel-apply { /* Inline label for livesearch */
	display: block;
	position: absolute;
	color: #888;
	cursor: text;
	padding: 4px 5px;
	z-index: 1;
	background: white;
	}

#search-label.overlabel-apply.fade { /* Fade label when #s has focus */
	color: #ccc;
	}

#search-label.overlabel-apply.hide { /* Hide label when #s isn't empty */
	text-indent: -1000px;
	}

#s, #search-label.overlabel-apply { /* Style #s and label in same way */
	font-size: 1.1em;
	width: 224px;
	line-height: 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

#s { /* The actual search input field */
	position: relative;
	padding: 3px;
	width: 60%;
	border: 1px solid #ddd;
	background: transparent;
	z-index: 2;
	}

.livesearch #s { /* The search input field w. livesearch enabled */
	padding-right: 20px;
	width: 209px;
	}

body.columns-three .livesearch #s { /* For Three Columns */
	width: 150px;
	}

body.columns-three #search-label.overlabel-apply { /* For Three Columns */
	width: 165px;
	}

#s:focus {
	border-color: #333;
	}

#searchreset, #searchload { /* Reset button & loading spinner */
	position: absolute;
	top: 2px;
	opacity: 0;
	right: 2px;
	height: 18px;
	width: 18px;
	}

.smartposition #searchreset,
.smartposition #searchload {
	top: 14px;
}


#searchreset {
	z-index: 4;
	background: url('images/reset-fff.png') center center no-repeat;
	}

#searchload {
	z-index: 3;
	background: url('images/spinner.gif') center center no-repeat;
	}

#searchsubmit { /* Static search button */
	float: right;
	width: 30%;
	}


/* Attachment */

.post-content .attachment { 
	text-align: center; 
	}



/*  
	NAVIGATION
	.navigation is traditional page-by-page
	#rollingarchives is 'advanced' AJAX-powered
	The two are mutually exclusive, with the exception of permalinks where .navigation is always used.
	*/

#rollingarchives {
	height: 45px;
	padding: 0;
	}

.comments .navigation {
	margin: 20px 0;
	}

.navigation .nav-previous,
.navigation .left {
	float: left;
	width: 45%;
	text-align: left;
	padding: 6px 5% 10px 0;
	}

.navigation .nav-next,
.navigation .right {
	float: right;
	width: 45%;
	text-align: right;
	padding: 6px 0 10px 5%;
	}

.navigation a {
	color: #888;
	}

body.showrollingarchives .navigation {
	display: none;
}

#rollingarchives { /* AJAX-powered navigation hub */
	position: relative;
	top: 0;
	display: block;
	width: 468px;
	border-bottom: none;
	}

.columns-two.widgets-sidebar-2 #rollingarchives { /* added by gigi */
	width: 640px;
	}

#rollingarchives.emptypage {
	display: none;
	}

body.onepageonly #rollingarchives {
	display: none;
	}

body.smartposition #rollingarchives { /* .smartposition is added to BODY with JS when #content passes the top of the window */
	position: fixed;
	margin-left: -30px;
	background: #f8f8f8;
	-webkit-transition: background .3s linear;
	z-index: 50;
	}

body.smartposition #widgets-sidebar-1 div.widget_search:first-child #searchform,
body.smartposition #widgets-sidebar-2 div.widget_search:first-child #searchform { /* Fix search to top of window when scrolling past, if it is the first widget on the sidebar */
	position: fixed;
	top: 0;
	z-index: 50;
	margin-top: 0px !important;
	height: 33px !important;
	padding-top: 12px;
	}

body.smartposition #primary { /* When scrolling past content top, adjust for fixing RA interface to top of screen */
	padding-top: 45px !important;
	}

body.smartposition #widgets-sidebar-1 div.widget_search:first-child,
body.smartposition #widgets-sidebar-2 div.widget_search:first-child {
	padding-top: 24px;
	}

body.smartposition #content.onepageonly { /* If there is only a single page, remove space at top of page */
	padding-top: 0;
	}

#content { /* Contains both the RA nav and content, and is used for as a top marker for the smartposition */
	position: relative;
	}

#rollingarchives a:hover {
	text-decoration: underline;
	}

#rollnavigation a:active, #rollnavigation a:focus {
	outline: none;
	}

.smartposition #rollprevious,
.smartposition #rollpages,
.smartposition #pagetrackwrap {
	margin-left: 30px;
	}

.columns-one.smartposition #rollnext,
.columns-one.smartposition #texttrimmer {
	margin-right: 30px;
	}

.columns-two.smartposition #rollnext,
.columns-two.smartposition #texttrimmer {
	margin-right: 282px;		/* modified by gigi (284) */
	}

.columns-two.widgets-sidebar-2.smartposition #rollnext,
.columns-two.widgets-sidebar-2.smartposition #texttrimmer { /* added by gigi */
	margin-right: 280px;
	}

.columns-three.smartposition #rollnext,
.columns-three.smartposition #texttrimmer {
	margin-right: 420px;
	}

#rollprevious, #rollnext, #rollload, #rollpages, #rolldates, #texttrimmer {
	position: absolute;
	top: 17px;
	}

#rollprevious:hover, #rollnext:hover, #rollhome:hover {
	text-decoration: underline;
	cursor: pointer;
	}

#rollload {
	background: url('images/spinner.gif') no-repeat center center;
	top: 16px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	}

#rollload span, #rollhome span {
	display: none;
	}

#rollnext, #rollprevious, .navigation a {
	color: #666;
	font-weight: bold;
	}

#rollpages {
	left: 55px;
	color: #aaa;
	}

#rollhover {
	position: absolute;
	top: 7px;
	left: -47px;
	z-index: 55;
	height: 45px;
	background: url('images/rollhover.png') no-repeat center top;
	}

#rollhover, #rolldates {
	width: 100px;
	}

#rollhover {
	top: 8px;
	}

#rolldates {
	position: absolute;
	color: #888;
	text-align: center;
	font-size: .9em;
	top: 22px;
	margin: 0;
	}

#rollprevious {
	left: 0;
	text-align: left;
	}

#rollnext {
	right: 0;
	text-align: right;
	}

.emptypage #rollnavigation {
	visibility: hidden;
	}

.firstpage #rollprevious {
	visibility: visible;
	}

.firstpage #rollnext,
.firstpage #rollhome {
	visibility: hidden;
	}

.nthpage #rollnext,
.nthpage #rollprevious,
.nthpage #rollhome {
	visibility: visible;
	}

.lastpage #rollnext,
.lastpage #rollhome {
	visibility: visible;
	}

.lastpage #rollprevious {
	visibility: hidden;
	}

#pagetrackwrap {
	position: absolute;
	top: 16px;
	left: 140px;
	width: 196px;
	}

.columns-two.widgets-sidebar-2 #pagetrackwrap { /* added by gigi */
	width: 320px;
	left: 140px;
	}

.columns-two.widgets-sidebar-2 #texttrimmer {
	right: 80px;
	}

#pagetrack {
	height: 6px;
	background: #eee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ddd;
	margin-top: 3px;
	}

#pagehandle {
	width: 6px;
	height: 6px;
	margin: 0 1px;
	background: #888;
	cursor: col-resize;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#pagehandle:hover {
	background: #333;
	}

body.trim .post-content, body.trim .post-footer {
	display: none;
	}

body.trim .post {
	margin: 0 -10px 10px;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#texttrimmer {
	width: 55px;
	height: 15px;
	right: 55px;
	}

.firstpage #texttrimmer,
.firstpage #pagetrackwrap {
	visibility: hidden;
	}

.nthpage #texttrimmer,
.nthpage #pagetrackwrap,
.lastpage #texttrimmer,
.lastpage #pagetrackwrap {
	visibility: visible;
	}

#trimmertrim:hover, #trimmeruntrim:hover {
	text-decoration: underline;
	}

#trimmertrim, #trimmeruntrim {
	cursor: pointer;
	width: 50px;
	text-align: center;
	color: #888;
	}

.trimmed #trimmertrim {
	display: none;
	}

#trimmeruntrim {
	display: none;
	}

.trimmed #trimmeruntrim {
	display: block;
	}

body.smartposition #trimmertrim, body.smartposition #trimmeruntrim {
	top: 3px;
	}

body.onepageonly #content { /* For the rare case of having only one page of content on the frontpage */
	padding-top: 0;
	}

body.rollingarchives.home-page .navigation {
	display: none;
}

#content .archivepages { /* Hide 'Page X of Y' when RA is active */
	display: none;
	}


/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/* Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/ */

#brians-latest-comments ul li span a, #brians-latest-comments ul li small a,
.sb-comments-blc ul li span a, .sb-comments-blc ul li small a {
	color: #888;
	font-weight: normal;
	word-spacing: -1px;
	}

#brians-latest-comments ul li,
.sb-comments-blc ul li {
	margin-bottom: 6px;
	}

#brians-latest-comments ul li > a[title="Go to the comments of this entry"],
.sb-comments-blc ul li > a[title="Go to the comments of this entry"] {
	position: absolute;
	right:0;
	color: #888;
	}

.activityentry {
	font-size: 1.1em;
	}

div#latest-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1.5em;
	}


/* FlickrRSS */

.sb-flickr div {
	margin-top: 10px !important;
	}

.sb-flickr div img {
	padding: 5px;
	}

.sb-flickr div a {
	}
	
.sb-flickr div a img {
	margin: 0px 5px;
	}


/* Calendar Module */

#wp-calendar {
	width: 100%;
	}

#wp-calendar td {
	color: #ccc;
	}

#wp-calendar td, #wp-calendar th {
	text-align: center;
	padding: 2px 0;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px;
	}

#wp-calendar #prev {
	text-align: left;
	}

#wp-calendar #next {
	text-align: right;
	}
	
#wp-calendar #today {
	background: #f3f3f3;
	}


/* Tag Cloud Module */

.widget_tag_cloud {
	line-height: 2em;
	}

.widget_tag_cloud li {
	display: inline;
	}

.widget_tag_cloud a {
	padding: 0 2px;
	white-space: nowrap;
	}


/* GeoPress Fix */

.post-content div.mapstraction {
	margin: 0;
	}


/* Blogsport Additions */ 

.widget_twitter ul li, .widget_rss ul li {
        padding: 3px 0;
	}

.columns-one.single .secondary { 
	display: none; 
	}

.post-content embed, .post-content img { 
	max-width: 100%; 
	}

.k2-widget-asides .tweetmeme_button,
.k2-widget-asides .sociable,
.k2-widget-asides .sexy-bookmarks {
	display: none;
	}
	
.columns-one #wp-admin-bar .padder { 
	width: 100%; 
	} 

.columns-two #wp-admin-bar .padder { 
	width: 782px; 
	} 

.columns-two.widgets-sidebar-2 #wp-admin-bar .padder, 
.columns-three #wp-admin-bar .padder { 
	width: 952px; 
	} 

/* My God. It's full of stars. */
wäre genial, wenn mir jemand zeigen könnte, wo der Widerspruch besteht.

Merci,
moep0710
Mit Zitat antworten
Sponsored Links