Hier die default style css
CSS
/*
Fauna Default Style
Nearly all aspects of Fauna can be customized with this file alone.
If you want to override an existing style listed in style.css, simply copy and
paste it here, and add !important to the end of it.
For example:
.box, .box-blank {
text-align: justify !important;
}
will make sure all text is justified, instead of left-aligned.
If you want to make your custom Fauna style and want to keep the core files "clean",
copy "styles/default" folder to "styles/mystyle" and type in the URL in the options page,
for instance "styles/mystyle/mystyle.css".
*/
/*
Widths
*/
#wrapper {
min-width: 780px;
width: 780px; /* Entire blog width */
}
#body {
padding: 1.9em 0 0 1.5em;
margin: 0 2em 0 0em;
}
#sidebar {
float:right;
width:31%;
}
#main {
width: 69%; /* Main column width */
float: left;
}
#sidebar ul.inner {
padding: 0 0 0 .8em;
}
#header {
height: 230px !important;
}
.left #sidebar {
float: left;
}
.left #sidebar ul.inner {
padding: 0 .8em 0 0;
}
.left #main {
float: right;
}
/*
Background
*/
html {
background: #dbd0b2 url(bgw.jpg) repeat-y center ; /*höhe ca 30px wird gekachelt*/
}
.bg {
background: #dbd0b2 url('bg.jpg') no-repeat center top !important;
height: 950px ;
}
#top span {
margin:0;
}
#header {
background-image: url('../../images/masthead-fauna.jpg');
background-repeat: repeat-x !important;
background-position: center top;
}
/*
Colors
*/
body {
color: #565654; /* Text color */
}
.box, #sidebar ul.inner li {
background-color: #fff; /* Box background color */
}
#sidebar, #secondary, #copyright {
color: #A5A5A3; /* Sidebar text color */
}
/*
Link Colors
*/
a:link, a:active { text-decoration: underline; color: #ec6e07; }
a:visited { text-decoration: underline; color: #f4a361; }
a:hover, a:focus { text-decoration: underline; color: #a45a1e; }
#sidebar a:link, #sidebar a:active { text-decoration: none; color: #ec6e07; }
#sidebar a:visited { text-decoration: none; color: #578; }
#sidebar a:hover { text-decoration: underline; color: #79A; }
h2 a:link, h2 a:active, h2 a:visited {
color: #035;
}
h2 a:hover, h2 a:focus {
color: #39C;
}
p.commentlink, .entry-meta {
color: #989D3C !important;
}
p.commentlink a {
color: #989D3C !important;
}
p.commentlink a:hover, .entry-meta a:hover {
color: #D3D764 !important;
}
.entry-meta a {
color: #545621 !important;
}
#main p a img {
border-bottom: 1px solid #ec6e07;
}
#main p a img:hover {
border-bottom: 1px solid #6BD;
}
#menu a:link, #menu a:visited { color: #ec6e07; }
#menu a:active, #menu a:hover { color: #000; }
body#index li#current-index a, body#index #current-index a:visited,
#menu .current_page_item a, #menu .current_page_item a:visited
{
color: #000 !important;
}
#sidebar li.current_page_item>a, #sidebar li.current_page_item>a:visited { /* Only works in modern browsers */
color: #A5A5A3;
font-weight: bold;
}
h1 a:link, h1 a:visited { /* Logo */
color: #ec6e07;
}
h1 a:hover, h1 a:active {
color: #A6A6A4;
}
/*
Fonts
*/
h1 {
font: bold 240%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
font: 70%/190% Verdana, Arial, Helvetica, sans-serif;
}
cite, input, textarea, select, .inputbox, #commentform textarea, .searchbox, .pushbutton, .pushbutton-wide {
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font: normal 140% Arial, Helvetica, sans-serif;
}
#main h3 {
font: normal 135% Arial, Helvetica, sans-serif;
}
.noteworthy {
font: 135% "Lucida Sans Unicode", Arial, sans-serif;
}
/* Opera can't render ♥ symbol with Lucida, so set generic font */
@media all and (min-width: 0px){
.noteworthy {
font: 135% serif;
}
}
.noteworthy a {
color:#FF7953 !important;
}
.noteworthy a:hover {
color:#FF8F6F !important;
}
code, pre, kbd, samp {
font: 95% "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
}
p.commentlink {
border-left: 1px dotted #C2C76D;
}
p.commentlink {
font: normal 136% Arial, Helvetica, sans-serif;
}
.aside p.commentlink {
font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.asides h2, .asides h3, .sidenote h2, .sidenote h3 {
font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
/*
Various
*/
acronym, abbr {
border-bottom: 1px dashed #C63;
}
strike, del {
color: #B6B6B4;
}
ins {
color: #989D3C;
}
label:hover {
color: #000;
}
fieldset {
border: 1px solid #F4F8FB;
background-color: #F4F8FB;
}
legend {
background-color: #fff;
}
.notice { /* Moderation Message */
border-top: 0px solid #FFF200;
border-bottom: 0px solid #FFF200;
background-color: #FFFFF4;
}
blockquote, pre {
border-left: 1px solid #D9D9D9;
}
#tags-allowed {
border-top: 1px solid #D6E1ED;
border-bottom: 1px solid #D6E1ED;
background-color: #F8FAFC;
}
/*
Comments & Trackbacks
*/
.comment-even {
background-color: #F8FAFC;
}
.comment-odd {
background-color: #F8FAFC; /* Change this colour to add "Flip flopping" backgrounds */
}
.comment-author { /* Author background color */
background-color: #EEF4F9;
}
a.comment-permalink {
color: #565654 !important; /* Text color */
text-decoration: none !important;
border-bottom: 1px dotted #565654;
}
#trackbacklist li a {
background-color: #FBFCFD;
}
#trackbacklist li {
border: 1px solid #FBFCFD;
background-color: #FEFEFE;
}
#trackbacklist li small {
color: #565654;
}
#trackbacklist li a:hover {
background-color:#F4F8FB;
color: #035;
}
#trackbacklist li a:active {
background-color:#FBFCFD;
color: #035;
}
/*
Search
*/
.search-results small {
font-size: 100%;
}
.search-results small a {
color: #989D3C !important;
text-decoration: none !important;
}
/*
Calendar
*/
#wp-calendar caption {
color: #989D3C;
}
#wp-calendar a {
color: #39C;
background-color: #F8FAFC;
}
#wp-calendar a:hover {
color: #035 !important;
background-color: #EEF4F9 !important;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #F8FAFC;
}
/*
Plugins
*/
/* Brian's Latest Comments */
#recent-activity small a:link, #recent-activity small a:visited, .secondary small a:link, .secondary small a:visited {
color: #ACC;
}
/* Ultimate Tag Warrior */
.technoratitags {
color: #989D3C !important;
}
.technoratitags a {
color: #989D3C !important;
border-bottom: 1px dotted #989D3C;
text-decoration: none;
}
.technoratitags a:hover {
color: #D3D764 !important;
border-bottom: 1px dotted #D3D764;
text-decoration: none;
}
.longtailvert a {
padding: 0 .5em;
text-decoration: none;
color: #fff;
}
.longtailvert a:hover {
background: #17A;
}
/* Textile */
.caps {
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
/* Google Hilite */
.hilite {
background-color: #DEEBF3;
color: #000;
}