Hier mal als Anhang die Style CSS (Ausschnitt):
1. Toolbox CSS ------------------------- All Theme Files
*********************************************************************************************/
/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #E4E4E4; }
td { vertical-align: top; }
/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; }
::-moz-selection { background: #213446; color: #fff; text-shadow: none; }
::selection { background: #213446; color: #fff; text-shadow: none; }
img::-moz-selection { background: transparent; }
img::selection { background: transparent; }
/* Navigation */
div.navigation { text-align:center; margin: 0 0 10px; font-size: 12px; }
div.navigation a { font-weight: normal; padding:0 10px; line-height: 50px; }
div.navigation span.current { padding: 0 10px; color:#18629D; font-weight:bold; }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
.floatleft { float: left; }
.floatright { float: right; }
/* Forms */
input[type="text"],input[type="password"] { border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin:0 0 10px;}
textarea { border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin: 0 0 10px;}
input[type="submit"],input[type="reset"] { background-color: #418cd8; color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.2); margin: 0 0 0 7px; position: relative; cursor:pointer; border:1px solid #2974c0; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; }
input[type="submit"]:hover,input[type="reset"]:hover { background-color: #3580cc; }
input[type="submit"]:active,input[type="reset"]:active { background-color: #2970b9; }
label { font-weight:bold;}
/*********************************************************************************************
2. Global Styles
*********************************************************************************************/
body {
font-family:Arial, Helvetica, sans-serif;
background: #ebebeb;
line-height:1.5;
font-size:13px;
color:#555758;
margin:0;
padding:0;
}
/* Links */
a { color: #317cc8; text-decoration:none; }
a:hover { color:#0867c7; text-decoration:underline;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }
p { margin: 0 0 15px; padding: 0; }
.wrap {
margin: 0 auto;
width: 1060px;
}
.wide {
margin-top: 60px;
background: #fff;
border: 1px solid #dadada;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}
/*********************************************************************************************
3. Header ------------------------- header.php
*********************************************************************************************/
#header {
background: #E6E6E6;
}
#logo {
float: left;
margin: 3px 0 5px 25px;
}
#logo h1 {
line-height:1.3;
}
#logo h1 a {
coloR:#190707;!important;
font-size:16px;
font-weight:bold;
}
#logo h1 a:hover {
color:#DBDFE1;
}
#navbar {
float: left;
margin: 5px 16px 5px 30px;
color:#fff;
}
#navbarsecond {
background: #eaeaea;
}
#secondnav {
background: #eaeaea;
line-height: 25px;
padding: 12px 30px 3px;
}
#secondnav span {
color: #827f7f;
font-size: 12px;
float: left;
}
#secondnav ul {
list-style: none;
}
#secondnav li {
float: left;
font-size: 10px;
background: #fff;
color: #BCBCBC;
display: block;
height: 21px;
padding: 3px 13px 0;
margin: 0 7px 10px;
border-radius: 10px;
line-height:1.5;
}
#secondnav li a {
font-size:12px;
color:#758ea9;
}
#secondnav li:hover {
background:#f2f4f6;
transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;
}
#secondnav li a:hover {
text-decoration: none;
}
.breadcrumbs {
float: left;
font-size: 12px;
color: #6D7A81;
display: block;
margin: 0 7px 9px 0;
}
.breadcrumbs h1 {
color:#6D7A81;
font-size:12px;
}
/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; display:inline; position: relative; }
.dropdown a { position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:33px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
.dropdown {
float:left;
}
.dropdown a {
padding: 8px 10px;
margin:0 5px 0 0;
text-decoration:none;
line-height:1.5;
font-size: 13px;
color: #fff;
display:block;
}
.dropdown a:hover {
color:#DBDFE1;
}
.dropdown ul {
text-align: left;
margin: 0;
background:#213446;
border-top:none;
z-index:999;
padding:5px 0;
}
.dropdown ul ul {
top:0;
padding:0 0 5px;
}
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
outline:0;
color: #fff;
font-weight:bold;
}
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a,
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a {
outline:0;
font-weight:normal;
color:#c0c0c0;
}
.dropdown li ul li {
color:#fff;
float:left;
margin:0;
padding:0;
}
.dropdown li ul li a {
color:#fff;
margin:0;
padding:7px 10px;
font-size:11px;
}
.dropdown li:hover a {
color:#DBDFE1;
}
.dropdown li:hover ul a {
color:#fff;
}
.dropdown li ul a:hover {
color:#DBDFE1;
}
.dropdown a.sf-with-ul {
min-width:1px;
}
/*********************************************************************************************
4. Homepage ------------------------- index.php
*********************************************************************************************/
#main {
background: #fff;
border-right: 1px solid #ebebeb;
float: left;
width: 699px;
padding-top:30px;
}
#main .post {
margin: 0 0 35px;
}
#main .post-content {
padding: 0 30px 0 29px;
margin:0 0 20px;
}
.post h2.title, .post h1.title {
margin: 0 0 4px;
line-height:1.3;
}
.post h2.title a, .post h1.title a {
color: #190707;!important;
font-size: 28px;
letter-spacing:-1px;
}
.post h2.title a:hover, .post h1.title a:hover {
color:#000;
}
