/* Theme Name: Klaus-Uwe Mitterer Theme URI: Description: My theme. Shamelessly cloned from Harald Walser's site. Version: 1.0 Author: Klaus-Uwe Mitterer Author URI: https://kumi.website Tags: */ #container { float: left; margin: 0px -190px -2px 0px; width: 100%; } #content { margin: 0px 180px 0px 0px; border-right: 10px solid transparent; } #sidebar01 { float: right; width: 190px; border-left: 10px solid transparent; margin: 0px 0px -2px 0px; } body>#wrapper #sidebar01 { width: 180px; margin: 0px; } /* orientation fixed width - center */ body { text-align: center; } #wrapper { margin: 20px auto; width: 690px; padding: 10px; border-left: 1px solid #c1e770; border-right: 1px solid #c1e770; } body>#wrapper { width: 670px; } /* admin styles */ /* messages */ .message { background-color: #FFEC03; border: 1px solid #FF7006; color: #A21A1A; padding: 0.2em 0.8em 0.15em 34px; background: url("http://static.twoday.net/icon_message_24.gif") 2px -1px no-repeat #FFEC03; margin: 1em 0; } div.admin ul li { list-style: none; background: url("http://static.twoday.net/bg_listicon16.gif") 0 0px no-repeat; padding: 0 0 5px 22px; } div.admin ul { margin: 0 0 1em 0; padding: 0; } .listItem ul.taskList li { background: url("http://static.twoday.net/bg_listicon16_simple.gif") 0 2px no-repeat; } ol { list-style: none; } .listNavigation { margin-top: 1.5em; border-bottom: 1px solid #000000; padding-bottom: 2px; padding-left: 7px; } .listNavigation span { color: #000000; } .listNavigation a.active { font-weight: bold; } div.admin small, div.admin .small { font-size: 11px; color: #000000; } /* lists */ div.pageNav { margin: 5px 0 13px 0; } div.pageNavSummary { /* float: left; */ } div.pageNavBar { /* float: right; */ text-align: right; } span.pageNavItem, span.pageNavSelItem { margin-left: 3px; margin-right: 3px; } table.listItem td.leftCol { width: 70%; vertical-align: top; } table.listItem td.rightCol { width: 30%; vertical-align: top; } /* forms */ div.admin fieldset { -moz-border-radius: .8em; border: 1px solid #000000; } div.admin fieldset legend { font-weight: bold; font-size: 1em; left: 1em; padding: 0 0.6em; color: #99a670; } div.admin fieldset.formList { padding: 0 1em 0 1.5em; } div.admin .formList p { border-bottom: 1px solid #000000; margin-top: 0.5em; padding-bottom: 0.8em; } div.admin label { font-size: 1em; font-weight: bold; color: #000000; } .formText { width: 95%; font-family: 'Signika', sans-serif; font-size: 13px; font-weight: normal; } .formWide { width: 90%; font-family: 'Signika', sans-serif; font-size: 13px; font-weight: normal; } div.admin .intend { display: block; margin-left: 1.8em; } p.buttons { margin-top:3em; text-align: right; clear: both; } p.buttons input { padding: 0 1em; text-align: center; } body { margin: 0px; padding: 0px; background: #d7eb9c url(images/bg.png) repeat-x scroll; font-family: 'Signika', sans-serif; color: #000000; font-size: 13px; } #logo { width: 450px; } #logo img { position: absolute; float: left; top: 30px; left: 10px; width: 120px; height: 125px; } #logo p { font-family: Times New Roman; color: #ffffff; position: absolute; padding-top: 40px; padding-left: 200px; font-size: 30px; font-variant: normal; text-shadow: 1px 1px #808080; } td { font-family: 'Signika', sans-serif; font-size: 13px; } .clear { clear: both; } .fblike { float: left; } a { color: #99a670; text-decoration: none; } form { padding: 0px; margin: 0px; } #comment-form { padding: 2px; } img { border: 0px; } hr { display: none; } .left { float: left; } .right { float: right; } input, textarea, select { font-family: 'Signika', sans-serif; color: #000000; font-size: 13px; border: 1px solid #000000; background: #ffffff; } #bccount { float: left; padding-right: 10px; margin-top: -5px; } .aaa { margin-top: -5px; float: left; } .normal { padding-left: 10px; font-size: 11px; } .big { font-size: 13px; } .bigger { font-size: 15px; } .metanavi { float: right; margin-top: -5px; font-size: 11px; } #header { border-bottom: 10px solid #000000; border: none; position: relative; } #wrapper { position: relative; background: #fff; text-align: left; height: 100%; margin: 0 auto; padding: 0 20px; } body #wrapper { width: 940px; background: #fff; } #logo a { position: absolute; font-size: 40px; color: #000; top: 30px; left: 0px; display: block; width: 365px; height: 90px; font-weight: 300; text-align: right; } #logo a b { font-weight: 600; } #mouth { position: absolute; top: 80px; left: 40px; display: block; width: 325px; height: 75px; color: #000; text-align: right; } #mouth h4 { font-size: 28px; text-align: right; font-weight: 300; margin: 20px 0 3px 0; } #mouth .sidebarItem { border: none; font-size: 1em; padding: 0 0 0 20px; } #mouth .sidebarItemBody { font-size: 11px; } #day { position: absolute; top: 30px; left: 737px; width: 214px; height: 20px; text-align: right; } #day h4 { font-size: .85em; margin: 3px 0 0 0; display: inline; color: #99a670; font-family: 'Signika', sans-serif; padding: 0 7px 0 0; } #search { position: absolute; top: 195px; left: 0px; width: 300px; height: 20px; } .searchbox.field { width: 176px; height: 21px; border: none; background-color: #edefe5; padding: 2px 2px 2px 4px; } .searchbox.button { background: none; height: 25px; width: 54px; border: none; background-color: #000; color: #fff; font-weight: 600; font-size: 12px; cursor: pointer; margin: -1px 0 0 3px; position: realtive; } #face { padding: 0; } .crumb { font-size: .75em; color: #000000; float: left; padding-left: 244px; } .crumb a { color: #000000; } #navi { padding: 33px 20px 19px 20px; width: 620px; float: left; heigth: 9px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7eb9c), color-stop(100%, #84b414)); background-image: -webkit-linear-gradient(top, #d7eb9c, #84b414); background-image: -moz-linear-gradient(top, #d7eb9c, #84b414); background-image: -ms-linear-gradient(top, #d7eb9c, #84b414); background-image: -o-linear-gradient(top, #d7eb9c, #84b414); background-image: linear-gradient(top, #d7eb9c, #84b414);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d7eb9c, endColorstr=#84b414); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } #navi a { display: block; float: left; font-size: 17px; padding-right: 30px; text-transform: uppercase; font-weight: 600; color: #333333; } #navi a:hover { color: #ffffff; } #social { font-size: 17px; text-transform: uppercase; font-weight: 600; width: 240px; float: right; border-bottom: 1px solid #ff9999; padding: 33px 0 19px 0; heigth: 9px; border-radius: 5px; } #social a { display: block; height: 22px; width: 22px; float: right; margin-left: 10px; } .fb { background: url('http://static.twoday.net/haraldwalser/layouts/greyboxes/fb.png') no-repeat; } .rss { background: url('http://static.twoday.net/haraldwalser/layouts/greyboxes/rss.png') no-repeat; } .mail { background: #fff url('http://static.twoday.net/haraldwalser/layouts/greyboxes/mail.png') no-repeat; } .act { padding: 20px 0 5px 0; display: block; height: 30px; border-bottom: 1px solid #000000; clear: both; } .comm { float: right; background: #fff url('http://static.twoday.net/haraldwalser/layouts/greyboxes/comm.png') no-repeat; padding: 2px 0 0 30px; height: 25px; } .commheader { color: black; font-weight: 700; } .gallery { color: #000000; margin: 0 0 5px 0; } #navi .galleryitem a { font-size: 1em; margin: 0 0 5px 0; } #content, #sidebar01, #header { border-color: #000000; } #header, #pagebody { background: #ffffff; } /* content */ #container { margin: 0px; width: 660px; } h1 { font-size: 20px; margin: 0px; padding: 0px; } #content { border: none; float: left; padding: 35px 0 0 0; overflow: hidden; margin: 0; width: 660px !important; } #container>#content { width:auto; } .daydate { margin: 0; padding: 4px 0 0 10px; width: 90px; font-size: 17px; font-weight: 300; float: left; color: #C7BB00; } .daydate:first-line { color: #000; } h2 { font-size: 17px; padding: 0px; margin: 0px 0px 14px 0px; font-weight: normal; } .pagelinkTop, .pagelinkBottom { padding: 4px 0px 20px 30px; text-align: left; background: url('http://static.twoday.net/haraldwalser/layouts/greyboxes/right.png') no-repeat; height: 25px; } .pagelinkTop a, .pagelinkBottom a { color: #000; } .pagelinkTop { padding: 4px 30px 20px 0px; text-align: right; background: url('http://static.twoday.net/haraldwalser/layouts/greyboxes/left.png') right top no-repeat; } /* story */ .story h3 { margin: 0 0 7px 0; } .story { margin: 0px 0px 30px 0px; float: right; width: 542px; } .story.detail { } .story img.right { margin: 0 0 10px 10px; } .story img.left { margin: 0 10px 10px 0; } .story.border { border-bottom: 1px solid #ccc; } h3 { font-family: 'Signika', sans-serif; color: #7bb64b; font-size: 26px; font-size: 22px; margin: 22px 0px 20px 0px; padding: 0px; font-weight: 400; line-height: 27px; text-shadow: 1px 1px #ccc; } h3 a { color: #666666; } h3 a:hover { color: #84B414; } h3.topic { text-align: right; text-transform: uppercase; margin-top: 0; } .upper { text-transform: uppercase; } .storyContent a { font-weight: 600; } small, .small { font-family: 'Signika', sans-serif; font-size: 11px; color: #000000; } cite { margin: 20px 20px 20px 0; display: block; border: 5px solid #000000; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border: none; padding: 12px 12px 12px 30px; width: 80%; color: #99a670; } .storyContent { padding-bottom: 20px; line-height: 18px; font-weight: 300; } .storyDate, .storyLinks, .commentLinks, .commentDate { font-family: 'Signika', sans-serif; font-size: 11px; font-size: .85em; color: #000000; } .storyDate { margin: 0px 0px 30px 0px; } .storyLinks { margin: 9px 0px 5px 0px; float: right; width: 250px; text-align: right; } /* comments */ .addComment input, .addComment textarea, .addComment select { font-family: 'Signika', sans-serif; color: #000000; font-size: 13px; background: #ffffff; display: inline; width: 100%; } #content input, #content textarea, #content select { border: 1px solid #ccc; } .comments { padding: 20px 0px 20px 0; border-bottom: 1px solid #ccc; margin-left: 40px; } .comments h4 { font-family: 'Signika', sans-serif; color: #000000; font-size: 13px; margin: 0px; padding: 0px; } .reply { margin: 20px 0px 20px 30px; } .addComment { margin: 20px 0px 34px 0px; } .addComment p.buttons input { background: black; color: white; font-weight: 700; cursor: pointer; } /* sidebar */ #sidebar01 { overflow: hidden; width: 240px !important; float: right !important; border: none !important; } .connect_widget { margin-top: 15px; } .sidebarItem { margin: 0px 0px 0px 0px; padding: 0; font-family: 'Signika', sans-serif; font-size: 11px; } #sidebar01 .sidebarItem h4 { font-size: 17px; padding: 10px 0px 10px 0px; font-weight: 600; border-bottom: 1px solid #ebebeb; text-transform: uppercase; border-radius: 5px; } .sidebarItem ul { margin: 0px; padding: 0px; } .most a { margin: 0 0 10px 0; display: block; float: none; } .sidebarItem ul li { list-style: none; margin: 5px 0 0 0; font-size: 13px; font-weight: 600; } .parl { float: right; margin-top: -55px; } .sidebarItem td { font-size: 11px; } .historyItem { margin: 12px 0px 8px 0px; padding: 2px 0 0 0; } .clearall { clear: both; height: 0px; font-size: 0px; } table.calender td { white-space: nowrap; } #footer { background: #84B414; } .footerArea { width: 1000px; margin: 0 auto; } .left-footer { width: 60%; float: left; } .left-footer ul { list-style: none; } .left-footer li { float: left; } .left-footer a { display: block; text-decoration: none; color: #FFF; padding: 20px 20px; } .left-footer a:hover { color: #666; } .right-footer { width: 40%; float: right; } .right-footer a { float: right; color: #ffcc00; position: relative; padding: 35px 35px; } body > #modToolbar { position: fixed; } .modToolbar { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 99; text-align: left; color: #999999; } #modToolbar-spacer { position: relative; z-index: 0; text-align: left; } .modToolbar .favicon { margin: 0 6px 0 4px; float: left; vertical-align: absmiddle; } #modToolbar-collapsed { position: absolute; left:0px; top: 0px; width: 20px; border-bottom: 1px solid #555555; border-right: 1px solid #555555; background-color: #F7F7F7; font-family: Trebuchet MS, Verdana, Arial; font-size: 11px; font-weight: bold; padding: 2px 4px; z-Index: 98; } body > #modToolbar-collapsed { min-width: 20px; width: auto; } #modToolbar-collapsed a, #modToolbar-collapsed a:link, #modToolbar-collapsed a:visited { color: #336699; text-decoration: none; } #modToolbar-collapsed a:hover { color: #000000; } .modToolbar a, .modToolbar a:link, .modToolbar a:visited { color: #336699; text-decoration: none; } .modToolbar a:hover { color: #000000; } .modToolbarBorder { border-bottom: 1px solid #555555; background-color: #F7F7F7; font-family: Trebuchet MS, Verdana, Arial; font-size: 11px; font-weight: bold; padding: 2px; line-height: 150%; } #modToolbar-collapsed .modToolbarBorder { clear: both; width: 20px; border-right: 1px solid #555555; } .modToolbarLeft { text-align: left; float: left; margin-right: 4px; } .modToolbarRight { text-align: right; float: right; margin-right: 4px; } .modToolbarDropdown { border: 1px solid #7C89A1; background-color: #F7F7F7; width: 150px; z-index: 99; filter: alpha(opacity=90); -moz-opacity: 0.90; text-align: left; visibility: hidden; position: absolute; top: 0; left: 0; display: none; } .modToolbarDropdown a, .modToolbarDropdown a:link, .modToolbarDropdown a:visited { display: block; color: #555555; width: 150px; padding: 3px; font-family: Trebuchet MS, Verdana, Arial; font-size: 11px; text-decoration: none; padding-left: 6px; } html>body .modToolbarDropdown a, html>body .modToolbarDropdown a:link, html>body .modToolbarDropdown a:visited { width: 144px; } .modToolbarDropdown a:hover { width: 150px; display: block; border: 1px solid #cdcdcd; padding: 2px; background-color: #edf3fe; color: #000000; padding-left: 5px; } html>body .modToolbarDropdown a:hover { width: 141px; } .clearall { clear: both; } #centeredmenu { float:left; width:100%; overflow:hidden; position:relative; } #centeredmenu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } #centeredmenu ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } #centeredmenu ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; /* background:#ddd; */ color:#000; text-decoration:none; line-height:1.3em; } #centeredmenu ul li a:hover { color:#fff; } #centeredmenu ul li a.active, #centeredmenu ul li a.active:hover { color:#fff; font-weight:bold; } div.alignright{ float: right; } .comments-link a { background: #eee url(images/comment-bubble.png) no-repeat; color: #666; font-size: 13px; font-weight: normal; line-height: 35px; overflow: hidden; padding: 0 0 0; position: absolute; top: 1.5em; right: 0; text-align: center; text-decoration: none; width: 43px; height: 36px; } .comments-link a:hover, .comments-link a:focus, .comments-link a:active { background-color: #1982d1; color: #fff; color: rgba(255,255,255,0.8); } .comments-link .leave-reply { visibility: hidden; } #comments-title { margin: 0 auto; width: 75%; } #comments-title { margin: 0; width: 100%; } #comments-title { color: #666; font-size: 14px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase; } #comments-title span { color: #e66f00; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist { list-style: none; margin: 0 auto; width: 68.9%; } .content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ } .commentlist > li.comment { background: #f6f6f6; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 1.625em; padding: 1.625em; position: relative; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { background: #fff; border-left: 1px solid #ddd; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 1.625em 0 0; padding: 1.625em; position: relative; } .commentlist .children li.comment .fn { display: block; } .comment-meta .fn { font-style: normal; } .comment-meta { color: #666; font-size: 12px; line-height: 2.2em; } .commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist .children li.comment .comment-content { margin: 1.625em 0 0; } .comment-meta a { font-weight: bold; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { } .commentlist .avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; left: -102px; padding: 0; position: absolute; top: 0; } .commentlist > li:before { content: url(images/comment-arrow.png); left: -21px; position: absolute; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding: 0; top: 2.2em; } a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } .commentlist > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { } .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } /* sidebar-page.php comments */ /* Make sure we have room for our comment avatars */ .page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ .page-template-sidebar-page-php #respond { width: auto; } #respond { background: #ddd; border: 1px solid #d3d3d3; -moz-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: 68.9%; } #respond input[type="text"], #respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; text-indent: 80px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond p { margin: 10px 0; } #respond .form-submit { float: right; margin: -20px 0 10px; } #respond input#submit { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 30px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #respond input#submit:active { background: #1982d1; color: #bfddf3; } #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 24px; font-weight: bold; line-height: 30px; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond label { line-height: 2.2em; } #respond input[type=text] { display: block; height: 24px; width: 75%; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; }