1420 lines
24 KiB
CSS
1420 lines
24 KiB
CSS
/*
|
|
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;
|
|
}
|