/*
Theme Name: Finishing Touch
Theme URI: http://www.theme-time.com/26/
Description: Finshing Touch an attractive adsense ready template by Theme Time
Author: Lee Cooper
*/
* {
padding: 0;
margin:0;
font-family:tahoma, Arial, Helvetica, sans-serif;
direction: rtl;
}
p {
margin: 0.7em 0;
line-height:1.8em;
}
dl {
margin:1em 0;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em;
padding:0;
}
img
{
border:0;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}
img.right {
float: right;
margin:10px 0 0 10px;
}
img.left {
float: left;
margin:0 10px 10px 0;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border:none;
background:none;
padding:none;
background:url(img/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
color:#fff;
margin: 1em;
padding: 0 0 10px 50px;
background: url(img/blockquote.gif) no-repeat left top;
}
fieldset
{
border:0;
}
body
{
background-color:#fff;
background-image:url(img/bg.gif);
background-repeat:repeat-y;
background-position:top;
margin: 0px;
font: 76%/1.6em verdana, tahoma, arial, sans-serif;
color: #e0e0c8;
text-align: center;
}
a
{
text-decoration:none;
color: #ddc437;
}
a:link, a:visited {
color: #ddc437;
text-decoration:underline;
}
a:active {
color: #ddc437;
text-decoration:underline;
}
a:hover {
color:#ddc437;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6
{
font-family:Georgia, Verdana, Arial, Serif;
color:#fff;
}
#container {
margin: 0 auto;
padding-bottom:10px;
background: #373737;
width:933px;
position: relative;
text-align: center;
}
#navigation {
background-image:url(img/cat.jpg);
background-repeat:repeat-x;
background-position:top;
overflow: hidden;
width:933px;
position: relative;
text-align: right;
font-size:12px;
font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
margin: 0 auto;
border-bottom: 1px solid #282828;
border-top: 1px solid #282828;
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: right;
margin: 0px;
list-style-type: none;
}
#navigation ul li a {
border-right:1px solid #282828;
padding: 8px 13px 8px 13px;
display: block;
font-weight:bold;
color:#333;
text-decoration: none;
background:#d5d4b6;
font-size:12px;
letter-spacing:0px;
background-image:url(img/cat.jpg);
background-repeat:repeat-x;
background-position:center;
}
#navigation ul li a:hover,
#navigation ul li a:active
{
background-image:url(img/cat-hov.jpg);
background-repeat:repeat-x;
background-position:top;
color: #333;
border-right:1px solid #282828;
font-size:12px;
text-decoration:underline;
}
#drop-shadow{
background-image:url(img/drop-shadow.gif);
background-repeat:repeat-x;
background-position:center;
margin: 0px;
width:202px;
padding-top:2px;
padding-bottom:3px;
}
#header {
clear: both;
margin: 0 auto;
width:933px;
height:127px;
position: relative;
text-align:right;
font-size:12px;
padding:0;
background-image:url(img/header.png);
background-repeat:no-repeat;
background-position:top;
}
#header h1
{
font-size:1.8em;
top:25px;
right:10px;
position:absolute;
visibility:visible;
letter-spacing:0px;
}
#header h1 a {
text-decoration:none;
border:0;
color:#fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-transform:none;
font-size:24px;
font-weight:bold;
}
#header h2
{
top:2px;
right:3px;
position:absolute;
visibility:visible;
font-size:12px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
#feedarea {
height:25px;
text-align: right;
width:933px;
position: relative;
margin:0 auto;
font-size:12px;
background-color:373737;
}
#feedarea a:link,
#feedarea a:active,
#feedarea a:visted,
#feedarea a:hover{
font-size:12px;
}
html #feedarea {
border-bottom:1px solid #282828;
font-size:12px;
}
#feedarea dl dt {
display: inline;
margin-right: 5px;
}
#feedarea dl dd {
height:25px;
display: inline;
margin-right: 5px;
background:url(img/icon_feed.gif) no-repeat right center;
padding-right:19px;
}
#content {
width:933px;
margin:0 auto;
position:relative;
}
html #content {
}
#content h4 {
font-size: 1.1em;
}
#content h5 {
font-size: 1em;
}
#content-main ul
{
padding:0 1em;
list-style-image:url(img/bullet.png);
}
#content-main ul.asides
{
margin:0;
border-bottom:#ddd 1px solid;
}
#content ol
{
list-style-type:decimal;
margin-right:40px;
}
#content-main {
float: left;
width: 531px;
background-color:#2e2e2e;
color:#fff;
padding:5px;
border-right: 1px solid #282828;
border-left: 1px solid #282828;
border-bottom: 1px solid #282828;
}
#content img{
padding:2px;
margin-right:10px;
border:0px;
background-image:none;
}
html #section-index #content-main {
margin-right: 0px;
}
#content .post{
background-image:url(img/underline.gif);
background-repeat:no-repeat;
background-position:top -1px;
padding:10px;
}
#content h2.pagetitle {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content h2,
#content h2 a,
#content h2 a:link,
#content h2 a:visited{
color:#ddc437;
font-size:16px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content h2 a:hover{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content .entry
{
}
#content .entry a:link, #content .entry a:visited{
color:#ddc437;
}
#content .entry a:hover, #content .entry a:active
{
}
#content .entry li
{
margin:5px;
padding:0;
line-height:1.6em;
}
#content .postmetadata
{
clear:both;
font-size:0.9em;
text-align:right;
color:#999;
margin:5px 0px 5px 0px;
padding:5px;
background-color:#282828;
border: 1px solid #494848;
}
.postmetadata a:link,
.postmetadata a:active,
.postmetadata a:visited
{
color:#bdbd8c;
text-decoration:none;
}
.postmetadata a:hover
{
color:#fff;
text-decoration:underline;
}
#content .post-info{
clear:both;
font-size:0.9em;
color:#999;
margin:0;
padding:0;
}
#content .post-info a:link,
#content .post-info a:visited,
#content .post-info a:active{
color:#bdbd8c;}
#comments, #respond{
margin: 0;
padding:1em 0 0 0;
margin: 50px;
color:#333333;
background-color:#666666;
}
#commentform
{
margin: 5px;
padding:10px;
background:#373737;
border: #282828 1px solid;
}
.commentnum
{
font-weight:bold;
margin:0 5px 0 0;
color:#ecc13c;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container .commentlist {
margin: 1em 0;
padding: 0;
margin: 5px;
}
#container .commentlist li
{
list-style:none;
margin: 0;
padding: 5px;
background-color:#1f1f1f;
}
#container .commentlist li.alt
{
background-color:#464545;
color:#fff;
margin-top:5px;
margin-bottom:5px;
}
#container .commentlist li.authorcomment
{
background:#212121;
border:2px solid #666;
color:#fff;
margin-top:5px;
margin-bottom:5px;
}
#container .commentlist li .cmtinfo
{
font-size:1em;
}
#container .commentlist li cite
{
font-style:normal;
font-weight:bold;
}
#container .commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em; color:#fff;
}
#content .commentsfeed
{
background:url(img/icon_feed.gif) no-repeat right center;
padding:5px 5px 5px 20px;
}
#content .trackback
{
background:url(img/icon_link.gif) no-repeat right center;
padding:5px 5px 5px 20px;
height:30px;
}
input.textbox, textarea
{
background-color:#2d2d2d;
border:1px solid #282828;
color:#FFFFFF;
font:1em Verdana, Arial, Serif;
padding:5px;
width:150px;
}
textarea{
width: 90%;
padding:10px;
line-height:2em;
height: 20em;
}
input.textbox:focus, textarea:focus
{
background-color:#2d2d2d;
border:1px solid #fff;
color:#FFFFFF;
}
#submit
{
background-image:url(img/cat.jpg);
background-repeat:repeat-x;
background-position:center;
padding:5px;
color:#333;
font-weight:bold;
border: 1px solid #282828;
}
#submit:hover{
background-image:url(img/cat-hov.jpg);
background-repeat:repeat-x;
background-position:center;
text-decoration:underline;
color: #333;
}
.post h4
{
font-size:1em;
font-weight:normal;
font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}
#footer-area{
width:933px;
position: absolute;
bottom:0px;
left:0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:5px;
font-size:11px;
color:#fff;
text-decoration:none;
}
#footer-area a{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:hover{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:visited{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:hover{
font-size:11px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#Theme-Sponsors{
width:933px;
position:relative;
visibility:visible;
z-index:55;
font-size:11px;
margin: 0px auto;
color:#fff;
text-align:right;
height:157px;
background-color:#373737;
background-image:url(img/footer.png);
background-repeat:no-repeat;
background-position:bottom;
}
#Theme-Sponsors a:visited{
font-size:11px;
color:#ddd84f;
border:0px;
}
#Theme-Sponsors a:active{
font-size:11px;
color:#ddd84f;
border:0px;
}
#Theme-Sponsors a{
font-size:11px;
color:#ddd84f;
border:0px;
}
#Theme-Sponsors a:hover{
font-size:11px;
color:#fff;
border:0px;
}
#search-tool-div{
position:absolute;
visibility:visible;
z-index:100;
right:10px;
top:95px;
}
.search-top{
border:#fff 1px solid;
padding:4px;
font-size:12px;
color:#333;
background:#fff url(img/shadow_top.gif) repeat-x top;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.search-top:focus{
border:#fff 1px solid;
padding:4px;
color:#333;
font-size:12px;
background:#fff url(img/shadow_top.gif) repeat-x top;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.submit-search{
padding:2px;
font-size:11px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.no-image{
border:0px;
background-image:none;
padding:0px;
margin-right:5px;
}
#sidebar-left {
width: 195px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
overflow:hidden;
float:left;
background-color:#373737;
}
.dynamic_widget {
float: right;
width: 181px;
color:#e0e0c8;
}
.widgetready{
width: 195px;
}
#sidebar-left h2 {
display: block;
float:left;
width: 181px;
margin: 0px;
padding:5px 5px 5px 8px;
overflow:hidden;
font-size:20px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: FF0000;
background-image:url(img/underline.gif);
background-position:center;
border-bottom: 1px solid #494848;
}
#sidebar-right {
width: 195px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
overflow:hidden;
float:right;
background-color:#373737;
}
#sidebar-right h2 {
display: block;
float:right;
width: 181px;
margin: 0px;
padding:5px 5px 5px 8px;
overflow:hidden;
font-size:20px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: FF0000;
background-image:url(img/underline.gif);
background-position:center;
border-bottom: 1px solid #494848;
}
.arrow {
float: right;
list-style-type: none;
text-align: right;
margin: 0px;
width: 181px;
padding: 0px;
color:#e0e0c8;
}
.arrow li {
float: right;
text-align: right;
margin: 0px;
width: 181px;
padding: 0px;
color:#e0e0c8;
}
.arrow li a:link, .arrow li a:visited {
width: 181px;
display: block;
padding:5px 19px 5px 5px;
text-decoration: none;
overflow:hidden;
text-align: right;
border-bottom: 1px solid #494848;
background-image:url(img/nav-bullet.gif);
background-position:right center ;
background-repeat:no-repeat;
color:#bdbd8c;
}
.arrow li a:hover, .arrow li a:active {
width: 181px;
text-decoration:underline;
display: block;
overflow:hidden;
text-align: right;
color:#fff;
border-bottom: 1px solid #494848;
padding:5px 19px 5px 5px;
background-image:url(img/nav-bullet-hov.gif);
background-position:right center ;
background-repeat:no-repeat;
background-color:#282828;
}
.arrow ul li {
text-align: right;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: 400;
color:#e0e0c8;
margin: 0px;
padding: 0px;
}
.arrow ul {
list-style-type: none;
text-align: right;
margin: 0px;
padding: 0px;
color:#e0e0c8;
}
.arrow ul li a:link, .arrow ul li a:visited {
width: 185px;
display: block;
padding:5px 19px 5px 5px;
text-decoration: none;
overflow:hidden;
text-align: right;
border-bottom: 1px solid #494848;
background-image:url(img/nav-bullet.gif);
background-position:right center ;
background-repeat:no-repeat;
color:#bdbd8c;
}
.arrow ul li a:hover, .arrow ul li a:active {
width: 185px;
display: block;
padding:5px 19px 5px 5px;
text-decoration: none;
overflow:hidden;
text-align: right;
border-bottom: 1px solid #494848;
background-image:url(img/nav-bullet-hov.gif);
background-position:right center ;
background-repeat:no-repeat;
color:#fff;
}
#wp-calendar {
empty-cells: show;
width:100%;
font-size: 8px;
color: #e0e0c8;
text-decoration: none;
text-align: center;
float: right;
padding: 0px;
margin: 0px;
font-weight: normal;
}
#wp-calendar a:link, #wp-calendar a:visited {
text-decoration: none;
color: #feea01;
}
#wp-calendar a:hover, #wp-calendar a:active {
text-decoration: underline;
color: #e0e0c8;
}
#wp-calendar caption {
text-align: right;
width: 90%;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
color:#ddc437;
font-size: 18px;
background-image: url(images/cats.gif);
background-repeat: no-repeat;
background-position: left;
height: 36px;
line-height: 36px;
}
#wp-calendar th {
margin: 0px;
padding: 0px;
text-align: center;
color:#fff;
}
#next a:link, #next a:visited {
text-align: center;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
}
#next a:hover, #next a:active {
text-align: center;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
}
#prev a:link, #prev a:visited {
text-align: right;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#prev a:hover, #prev a:active {
text-align: right;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#wp-calendar td {
margin: 0px;
padding: 0px;
text-align: center;
}
#wp-calendar tf {
margin: 0px;
padding: 0px;
}
.pad {
text-align: center;
}
.cat{
margin: 0px;
padding:4px;
overflow:hidden;
border-bottom: 1px solid #ccc;
text-align: right;
color: #e0e0c8;
font-weight:bold;
background-position:center center;
background-repeat:repeat-x;
background-image:url(img/header.gif);
}
#style-switch-theme{
position:absolute;
visibility:visible;
z-index:95;
top:0px;
right:55px;
}
#style-switch{
position:absolute;
visibility:visible;
z-index:99;
top:0px;
right:10px;
display:inline;
}
#style-switch img{
border: 1px solid #cccccc;
padding:1px;
background-color:#000;
background-image:none;
}
#style-switch img:hover{
border: 1px solid #e0e0c8;
padding:1px;
background-color:#FFFFFF;
background-image:none;
}
#style-switch a, style-switch a:active, style-switch a:visited, style-switch a:link style-switch a:hover{
border-bottom:0px;
margin-right: 0px;
background-image:none;
}
#back-to-top{
position:absolute;
visibility:visible;
z-index:82;
right:15px;
bottom:7px;
font-weight:bold;
}
/*
Coldskin #2 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/
@ http://perishablepress.com/press/2008/01/08/contact-coldskins/
*/
div#coldform * {
padding: 0;
margin: 0;
border: 0;
}
div#coldform {
font-family: Tahoma;
background-color: #484848;
border: 3px solid #000000;
font-size: 11px;
margin: 11px 0;
width: 500px;
color: FF0000;
}
div#coldform fieldset {
border: 0 none;
display: block;
clear: both;
}
div#coldform legend.hide {
display: none;
}
}
.input:focus, textarea:focus {
border: 1px solid #777;
color: #aaa;
}
div#coldform label.label {
font-size: 1.1em;
display: block;
margin: 5px 0;
padding-top: 5px;
width: 177px;
clear: left;
float: left;
}
div#coldform label.label2 {
color:#888888;
display:block;
font-family:Tahoma;
font-size:12px;
padding-bottom:10px;
width:463px;
float:left;
clear:left;
}
div#coldform input.input {
font-family: Tahoma;
border: 1px solid #7B7B7B;
background: #222;
padding: 3px 3px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
display: block;
width: 300px;
color: #888;
clear: right;
float: right;
}
div#coldform textarea#coldform_message
{
font-family: tahoma;
border: 1px solid #7B7B7B;
background: #222;
padding: 1px 3px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
display: block;
width: 470px;
color: #888888;
clear: right;
float: right;
}
div#coldform input.submit {
font-family: Tahoma;
border: 1px solid #7B7B7B;
margin: 7px 10px 10px 0;
background: #222;
font-size: 12px;
cursor: pointer;
display: block;
padding: 3px;
width: 308px;
color: #888;
clear: right;
float: right;
}
div#coldform input.check {
display:block;
margin: 0;
padding-bottom: 5px;
width:37px;
float:right;
clear:right;
}تستطيع التعديل بهذا الكود حتى تحصل على الشكل الذي يتناسب مع الوان تصميم مدونتك.