304 lines
12 KiB
CSS
304 lines
12 KiB
CSS
|
/*
|
||
|
|
Theme Name: bmen (Twenty Eleven Child)
|
||
|
|
Description: Theme for bmen
|
||
|
|
Author: bmen
|
||
|
|
Template: twentyeleven
|
||
|
|
*/
|
||
|
|
|
||
|
|
@import url("../twentyeleven/style.css");
|
||
|
|
@import url("fonts.css");
|
||
|
|
|
||
|
|
/* =General Structure
|
||
|
|
----------------------------------------------- */
|
||
|
|
p { margin-bottom:1.2em; }
|
||
|
|
body { position:relative; background:#1982D1; color:#DDDDDD; padding:0; z-index:1; font: 13px/20px 'UbuntuLight', Arial, sans-serif;}
|
||
|
|
#page { position:relative; background:none; color:#fff; width:100%; max-width:none; margin:0 0 60px 0; padding:0 0 0 0; background:url(images/dark-linien.jpg) 0 0 repeat; color:##DDDDDD; z-index:2;}
|
||
|
|
#main { position:relative; padding:0; max-width:1000px; z-index:4;}
|
||
|
|
.left-sidebar #primary { position:relative; margin:0; padding:0; float:none; z-index:5; }
|
||
|
|
.left-sidebar #content { width:65%; }
|
||
|
|
.left-sidebar #secondary,
|
||
|
|
#secondary { border-top: none; padding-bottom: 10px; margin:0; position:fixed; top:0; left:30px; width:240px; height:100%; z-index: 9999; background:url(images/bg_branding.png) 0 0 repeat; z-index:6;}
|
||
|
|
#secondary aside { margin-left:30px;}
|
||
|
|
#secondary aside.widget_nav_menu ul { list-style:none; }
|
||
|
|
#menu-hauptmenu li { float:none; margin-left:-30px; text-align:center; font-size:120%; }
|
||
|
|
#colophon { position:fixed; bottom:0; width:100%; max-width:700px; margin-left:300px; z-index:1; background:#1982D1; }
|
||
|
|
#colophon #supplementary { border-top:0; padding:5px 0; }
|
||
|
|
#colophon .widget { margin:0; }
|
||
|
|
|
||
|
|
/* =Navigations
|
||
|
|
----------------------------------------------- */
|
||
|
|
.menu-projekte-container { display:none; }
|
||
|
|
.category-8 .menu-projekte-container,
|
||
|
|
.category-9 .menu-projekte-container,
|
||
|
|
.category-10 .menu-projekte-container,
|
||
|
|
.category-11 .menu-projekte-container,
|
||
|
|
.category-12 .menu-projekte-container,
|
||
|
|
.category-16 .menu-projekte-container { display:block; }
|
||
|
|
.category-8 h1.page-title,
|
||
|
|
.category-9 h1.page-title,
|
||
|
|
.category-10 h1.page-title,
|
||
|
|
.category-11 h1.page-title,
|
||
|
|
.category-12 h1.page-title,
|
||
|
|
.category-16 h1.page-title { padding-top:19px; }
|
||
|
|
.menu-projekte-container ul { margin:0; padding-top:2px; float:right;}
|
||
|
|
.menu-projekte-container ul li:first-child a { border-bottom-left-radius:7px; }
|
||
|
|
.menu-projekte-container ul li:last-child a { border-bottom-right-radius:7px; }
|
||
|
|
.menu-projekte-container ul li { list-style:none; float:left;}
|
||
|
|
.menu-projekte-container ul li a:link,
|
||
|
|
.menu-projekte-container ul li a:visited { background:#1f1f1f; padding:5px 15px; color:#fff; }
|
||
|
|
.menu-projekte-container ul li a:hover,
|
||
|
|
.menu-projekte-container ul li a:focus,
|
||
|
|
.menu-projekte-container ul li a:active { background:#1982D1; text-decoration:none; }
|
||
|
|
.menu-projekte-container ul li.current-menu-item a { background:#1982D1; }
|
||
|
|
|
||
|
|
/* =Headings
|
||
|
|
----------------------------------------------- */
|
||
|
|
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { font: 18px/27px 'UbuntuTitlingBold', Arial, sans-serif; color:#fff; }
|
||
|
|
h1.entry-title { color: #fff; margin: 0 0 10px 0; padding-top:25px; font: 25px/30px 'UbuntuTitlingBold', Arial, sans-serif; }
|
||
|
|
h1.page-title { color: #fff; margin: 0 0 10px 0; padding-top:45px; font: 33px/42px 'UbuntuTitlingBold', Arial, sans-serif; }
|
||
|
|
.entry-header .entry-format { display:none; }
|
||
|
|
|
||
|
|
#reply-title,
|
||
|
|
.entry-title,
|
||
|
|
.entry-meta,
|
||
|
|
.entry-title a,
|
||
|
|
#comments-title { color:#fff; font-weight:normal; }
|
||
|
|
|
||
|
|
#reply-title { font: 33px/42px 'UbuntuTitlingBold', Arial, sans-serif; }
|
||
|
|
|
||
|
|
#comments-title { font-size:100%; }
|
||
|
|
|
||
|
|
/* =Links
|
||
|
|
----------------------------------------------- */
|
||
|
|
#secondary a.logo { display:block; width:240px; height:64px; margin:35px 0 35px -30px; background:url(images/logo.png) 0 0 no-repeat; text-decoration:none;}
|
||
|
|
|
||
|
|
#secondary a:link,
|
||
|
|
#secondary a:visited { color:#fff; }
|
||
|
|
#secondary #menu-hauptmenu li a:link,
|
||
|
|
#secondary #menu-hauptmenu li a:visited { display:block; width:100%; padding:8px 0; border-bottom:1px #555555 solid; border-top:1px #555555 solid; }
|
||
|
|
#secondary #menu-hauptmenu li a:hover,
|
||
|
|
#secondary #menu-hauptmenu li a:focus,
|
||
|
|
#secondary #menu-hauptmenu li a:active { background:#1982D1; text-decoration:none; }
|
||
|
|
#secondary #menu-hauptmenu .current-menu-item a { background:#1982D1; }
|
||
|
|
|
||
|
|
#content nav a:link,
|
||
|
|
#content nav a:visited { display:block; padding:2px 8px; background:url(images/bg_branding.png) 0 0 repeat; float:left; color:#fff;}
|
||
|
|
#content nav a:hover,
|
||
|
|
#content nav a:focus,
|
||
|
|
#content nav a:active { background:#1982D1; text-decoration:none; }
|
||
|
|
#content nav .nav-previous a { border-bottom-left-radius:7px; }
|
||
|
|
#content nav .nav-next a { border-bottom-right-radius:7px; }
|
||
|
|
|
||
|
|
.entry-meta a {
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry-header .comments-link a:link,
|
||
|
|
.entry-header .comments-link a:visited { background:transparent url("images/comment-bubble.png") 0 0 no-repeat; }
|
||
|
|
.entry-header .comments-link a:hover,
|
||
|
|
.entry-header .comments-link a:focus,
|
||
|
|
.entry-header .comments-link a:active { background:transparent url("images/comment-bubble.png") 0 -36px no-repeat; }
|
||
|
|
|
||
|
|
#colophon a:link,
|
||
|
|
#colophon a:visited { color:#fff; }
|
||
|
|
|
||
|
|
a:focus img[class*="align"],
|
||
|
|
a:hover img[class*="align"],
|
||
|
|
a:active img[class*="align"],
|
||
|
|
a:focus img[class*="wp-image-"],
|
||
|
|
a:hover img[class*="wp-image-"],
|
||
|
|
a:active img[class*="wp-image-"],
|
||
|
|
#content .gallery .gallery-icon a:focus img,
|
||
|
|
#content .gallery .gallery-icon a:hover img,
|
||
|
|
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
|
||
|
|
background: #1982d1;
|
||
|
|
border-color: #1982d1;
|
||
|
|
}
|
||
|
|
|
||
|
|
a.rss-category:link,
|
||
|
|
a.rss-category:visited { display:block; float:right; width:25px; height:25px; margin-top:-45px; background:url(images/follow_rss.png) 0 0 no-repeat; }
|
||
|
|
a.rss-category:hover,
|
||
|
|
a.rss-category:focus,
|
||
|
|
a.rss-category:active { background-position:0 -25px; }
|
||
|
|
|
||
|
|
a.follow:link,
|
||
|
|
a.follow:visited { display:block; width:30px; height:30px; float:left; margin-left:20px; background-position:0 0; background-repeat:no-repeat; }
|
||
|
|
a.follow:hover,
|
||
|
|
a.follow:focus,
|
||
|
|
a.follow:active { background-position:0 -30px; }
|
||
|
|
|
||
|
|
a.follow.fb { background-image:url(images/follow_facebook_30x30.png); }
|
||
|
|
a.follow.tw { background-image:url(images/follow_twitter_30x30.png); }
|
||
|
|
a.follow.rss { background-image:url(images/follow_rss_30x30.png); }
|
||
|
|
|
||
|
|
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
|
||
|
|
background: none repeat scroll 0 0 #1982d1;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
#respond input#submit:hover { background:#1982D1; }
|
||
|
|
|
||
|
|
/* =Comments
|
||
|
|
----------------------------------------------- */
|
||
|
|
#respond { background:none; border:0; }
|
||
|
|
#respond input#submit { background:#fff; color:#1f1f1f; }
|
||
|
|
#respond #commentform p { margin:0; padding:0; }
|
||
|
|
.moz-sidebar-adjust .commentlist { padding-left:100px !important; }
|
||
|
|
.moz-sidebar-adjust .commentlist, #respond { width:84% !important; }
|
||
|
|
|
||
|
|
/* =Individual Rules
|
||
|
|
----------------------------------------------- */
|
||
|
|
#site-generator { display:none; }
|
||
|
|
#nav-single { display:none; top:0; padding:0; }
|
||
|
|
#content nav { padding:0; }
|
||
|
|
#content .page,
|
||
|
|
.single .type-post { padding-top:30px; }
|
||
|
|
.format-gallery footer.entry-meta { padding-top:15px; }
|
||
|
|
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img { border:0; }
|
||
|
|
.commentlist { color:#000; }
|
||
|
|
code { display:block; widht:100%; padding:4px; background:black; line-height:20px; }
|
||
|
|
#ticker { position:absolute; top:20px; width:300px; height:200px; background:black; right:10px; display:block; z-index:2; color:#fff;}
|
||
|
|
#recent-posts-2 { display:none; } /*Last posts on startpage only for Google & Co*/
|
||
|
|
|
||
|
|
/* =Widgets
|
||
|
|
----------------------------------------------- */
|
||
|
|
.widget-title,
|
||
|
|
.widget ul li { color:#fff; }
|
||
|
|
|
||
|
|
/* =Class
|
||
|
|
----------------------------------------------- */
|
||
|
|
.display-none { display:none; }
|
||
|
|
.clearer { clear:both; height:0; }
|
||
|
|
|
||
|
|
/* =Page-Template: Link-Page
|
||
|
|
----------------------------------------------- */
|
||
|
|
.page-template-link-page-php #content .entry-content { padding:0; }
|
||
|
|
.page-template-link-page-php #content .entry-meta { display:none; }
|
||
|
|
.page-template-link-page-php #content .hentry, .no-results { border-bottom:0; margin:0; }
|
||
|
|
.page-template-link-page-php #content .widget-area aside { width:45%; margin-right:5%; float:left; clear:none; }
|
||
|
|
|
||
|
|
/* =Responsive Structure
|
||
|
|
----------------------------------------------- */
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
/* Simplify the basic layout */
|
||
|
|
body { background:url(images/dark-linien.jpg) 0 0 repeat #000; }
|
||
|
|
.left-sidebar #primary { padding-top:50px; }
|
||
|
|
#main #secondary,
|
||
|
|
.left-sidebar #secondary { position:absolute; top:0; left:0 !important; width:100% !important; height:auto; float: none; margin: 0; width: auto; }
|
||
|
|
#secondary aside { margin-left:0;}
|
||
|
|
#secondary a.logo { width:240px; height:64px; margin:10px 0 0 0; }
|
||
|
|
#secondary aside#text-2 { float:left; margin-bottom:0px; }
|
||
|
|
#secondary aside#nav_menu-2 { width:70%; float:right; margin:-65px 0 0 0; padding:0; }
|
||
|
|
#secondary aside#nav_menu-2 li { margin:0; }
|
||
|
|
#secondary aside#text-6 { margin:-30px 0 0 0; float:right; }
|
||
|
|
#secondary #menu-hauptmenu li a:link,
|
||
|
|
#secondary #menu-hauptmenu li a:visited { width:auto; padding:8px 10px; font-size:14px; font-weight:normal; border-bottom:none; border-top:none; float:left; }
|
||
|
|
#secondary #menu-hauptmenu li a:hover,
|
||
|
|
#secondary #menu-hauptmenu li a:focus,
|
||
|
|
#secondary #menu-hauptmenu li a:active { background:#1982D1; text-decoration:none; }
|
||
|
|
#secondary #menu-hauptmenu .current-menu-item a { background:#1982D1; }
|
||
|
|
.moz-sidebar-adjust .commentlist { padding-left:0 !important; }
|
||
|
|
.moz-sidebar-adjust .commentlist, #respond { width:100% !important; }
|
||
|
|
#colophon { position:relative; bottom:none; z-index:1; margin-left:0; }
|
||
|
|
#colophon #supplementary .widget-area { float: left; margin:0 3.7%; width:42.6%; }
|
||
|
|
.slideshow { top:84px !important; }
|
||
|
|
#twitter-ticker { display:none !important; }
|
||
|
|
}
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
/* Simplify the basic layout */
|
||
|
|
.left-sidebar #primary { padding-top:90px; }
|
||
|
|
#secondary { position:absolute; top:0; left:0; width:100%; }
|
||
|
|
#secondary a.logo { width:120px; height:32px; margin:10px 0 0 0; background:url(images/logo_100x32.png) 0 0 no-repeat; }
|
||
|
|
#secondary aside#nav_menu-2 { float: right; margin: -33px 0 0; padding: 0; width: 70%; }
|
||
|
|
#secondary aside#text-6 { margin:0 0 0 0; float:right; }
|
||
|
|
.slideshow { top:125px !important; }
|
||
|
|
}
|
||
|
|
/* = PLugin: Contact Form 7
|
||
|
|
----------------------------------------------- */
|
||
|
|
.wpcf7 #contact input[type="text"],
|
||
|
|
.wpcf7 #contact textarea { width:100%; }
|
||
|
|
.wpcf7 #contact p.subject input[type="text"] { font-size:20px; padding:8px 2px; }
|
||
|
|
.wpcf7 #contact p.name { width:48%; float:left; }
|
||
|
|
.wpcf7 #contact p.mail { width:48%; float:right; }
|
||
|
|
.wpcf7 #contact p.captcha { float:left; margin-top:10px; }
|
||
|
|
.wpcf7 #contact p.captcha.pic { width:16%; }
|
||
|
|
.wpcf7 #contact p.captcha.input { width:32%; }
|
||
|
|
.wpcf7 #contact p.captcha input.wpcf7-captchar[type="text"] { width:100%; }
|
||
|
|
.wpcf7 #contact p.captcha img.wpcf7-captchac { margin:0 10px 0 0; }
|
||
|
|
|
||
|
|
/* = PLugin: jQuery Cycle
|
||
|
|
----------------------------------------------- */
|
||
|
|
.slideshow { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:1; }
|
||
|
|
.slideshow img { width:100%; }
|
||
|
|
|
||
|
|
#cboxLoadedContent { overflow:hidden !important; }
|
||
|
|
|
||
|
|
/* = Widget: Homepage Twitter Widget
|
||
|
|
----------------------------------------------- */
|
||
|
|
h2.tut{
|
||
|
|
color:white;
|
||
|
|
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
|
||
|
|
font-size:16px;
|
||
|
|
padding:12px 0 0 58px;
|
||
|
|
text-transform:uppercase;
|
||
|
|
|
||
|
|
text-shadow:2px 1px 6px #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
#twitter-ticker{
|
||
|
|
width:400px;
|
||
|
|
height:300px;
|
||
|
|
position:fixed;
|
||
|
|
bottom:30px;
|
||
|
|
right:30px;
|
||
|
|
z-index:3;
|
||
|
|
background:url("images/bg_branding.png") repeat scroll 0 0 transparent;
|
||
|
|
color:#666666;
|
||
|
|
-moz-border-radius:10px 10px 6px 6px;
|
||
|
|
-khtml-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius:6px;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#tweet-container{
|
||
|
|
height:230px;
|
||
|
|
width:auto;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
#twitIcon{
|
||
|
|
position:absolute;
|
||
|
|
top:-25px;
|
||
|
|
left:-10px;
|
||
|
|
width:64px;
|
||
|
|
height:64px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top-bar{
|
||
|
|
height:45px;
|
||
|
|
background:url(img/top_bar.png) repeat-x;
|
||
|
|
border-bottom:1px solid white;
|
||
|
|
position:relative;
|
||
|
|
margin-bottom:8px;
|
||
|
|
-moz-border-radius:6px 6px 0 0;
|
||
|
|
}
|
||
|
|
/* = Plugin: Widget embed latest Tweets
|
||
|
|
----------------------------------------------- */
|
||
|
|
#twitter-widget {
|
||
|
|
margin-top:30px;
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
#twitter-widget ul {
|
||
|
|
margin:0 0 0 0;
|
||
|
|
padding:0 16px;
|
||
|
|
}
|
||
|
|
#twitter-widget ul li {
|
||
|
|
list-style:none;
|
||
|
|
margin:0 0 8px 0;
|
||
|
|
padding:0 0 8px 0;
|
||
|
|
border-bottom:1px solid #fff;
|
||
|
|
}
|
||
|
|
#twitter-widget ul li:last-child {
|
||
|
|
border:0;
|
||
|
|
}
|