/* Theme Name: Amiran98 Description: Free beautiful wordpress theme designed in wordpress and programming world - www.alimir.ir Author: Ali Mirzaei Author URI: http://alimir.ir Version: 1.0 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, flexible-header, full-width-template, rtl-language-support, translation-ready */ body { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; background: #eeeeee url(images/bg.jpg) top left repeat; color: #000; direction:ltr; } body, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } h1 { font-size: 20px; padding: 0 0 10px 0; } h2 { font-size: 18px; padding: 0 0 5px 0; } h3, h4, h5, h6 { font-size: 16px; } p { padding: 10px 0 0 0; } a:link, a:visited { text-decoration: none; color:#d64141; } a:hover { text-decoration: none; color: #F00; } .alignleft { float: left; margin: 5px 20px 5px 0; padding: 0; } .alignright { float: right; margin: 5px 0 5px 20px; padding: 0; } .aligncenter { display: block; margin: 1em auto; text-align: center; } .wp-caption-text { margin: 0.5em 0; color: #666; font-size: 0.923em; } #wrapper { width: 1000px; margin: auto; } #header { text-align: center; padding: 0px 0 30px; } #header h1 { font-size: 5px; visibility: hidden; } #logo { } .main-menu { float: left; width: 988px; margin: 0 0 10px 10px; font-weight: normal; font-size: 17px; line-height: 50px; height: 50px; border-bottom-color: transparent; color: #FFF; background: #00234E; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 1px 3px #000000 inset; box-shadow: 0px 1px 3px #000000 inset; } .main-menu ul { margin: 0 -30px; list-style: none; background: #444; background: linear-gradient(#444, #111); box-shadow: 0 -1px 0 rgba(255, 255, 255, .3); border-radius: 3px; } .topnav li a { padding-left: 10px; padding-right: 10px; } .main-menu ul a { display: block; position: relative; color: #FFF; text-decoration: none; } .main-menu li a:hover{ background:#d60000; background: linear-gradient(to bottom,#d60000,#d65c5c); } .main-menu ul li { float: left; margin: 0 0px; position: relative; z-index: 5; } .main-menu ul li:hover { visibility: inherit; } .main-menu ul ul { position: absolute; margin:8px 0px; top: -9999px; width: 160px; padding: 5px 15px 8px 15px; background: #002f69; line-height: 14px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #002451; } .main-menu ul ul li { float: none; width: 175px; margin: 0 -15px; padding: 0; } .main-menu ul ul li a { display: block; color: #FFF; font-size: 13px; padding: 10px 10px; } .main-menu ul ul li a:hover { border-bottom-color: transparent; color: #FFF; width: 170px; background: #d60000; background: -moz-linear-gradient(top, #d65c5c 0%, #d60000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d65c5c), color-stop(100%, #d60000)); background: -webkit-linear-gradient(top, #d65c5c 0%, #cd4f32 100%); background: -o-linear-gradient(top, #d65c5c 0%, #cd4f32 100%); background: -ms-linear-gradient(top, #d65c5c 0%, #cd4f32 100%); background: linear-gradient(to bottom, #d65c5c 0%, #d60000 100%); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .main-menu ul li:hover ul { left: 0px; top: 40px; z-index: 10; } .main-menu ul li:hover li ul, .main-menu ul li li:hover li ul, .main-menu ul li li li:hover li ul { top: -9999px; } .main-menu ul li li:hover ul, .main-menu ul li li li:hover ul, .main-menu ul li li li li:hover ul { left: 190px; top: -14px; } #content { width: 678px; float: left; margin: 0 auto; overflow: hidden; } .post { float: left; width: 678px; margin: 0 0 0 9px; } .post.sticky {} .excerpt { height:180px; font-size: 13px; color: #313131; margin:-10px; padding: 0px 30px 0 15px; font-family: Tahoma, Geneva, sans-serif; line-height: 24px; } .single-content { font-family: Tahoma, Geneva, sans-serif; padding: 5px 20px 5px 20px; font-size: 13px; line-height: 22px; } .single-content img{ margin:20px auto; } .title { float: left; margin: 10px 10px -10px 0; } .title a { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #00234e; font-weight: normal; } .title a:hover { color: #F00; } .date { background: url("images/date.png") no-repeat scroll right 3px transparent; float: right; font-size: 10px; margin: 20px 10px 10px 0; padding: 0 14px 0 0; text-shadow: 1px 1px #FFFFFF; } .post-top { background: url(images/bg-post-top.png); float: left; width: 678px; height: 6px; } .post-body { background: url(images/bg-post-body.png) repeat-y; float: left; width: 678px; } .meta-post { float: left; font-size: 13px; margin: 5px 5px 10px; width: 640px; } .cat-post { background: url("images/cat.png") no-repeat scroll left center transparent; float: left; padding: 0 0 0 20px; margin-left: 10px; margin-top:10px; } .author-post { float: right; height: 26px; width: 100px; margin: -25px 0 0 10px; background: #eee; color: #666; line-height:26px; font-size: 13px; text-align:center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid rgba(0,0,0,0.3); border-bottom-width: 3px; } .comment-post { float: right; height: 26px; width: 100px; margin: -25px 0 0 10px; background: #d65c5c; text-shadow: 0 1px 0 rgba(0,0,0,0.5); color: #FFF; line-height:26px; font-size: 13px; text-align:center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid rgba(0,0,0,0.3); border-bottom-width: 3px; } .post-bottom { background: url(images/bg-post-bottom.png); float: left; width: 678px; height: 15px; } .postThumb img { float: left; width: 150px; height: 150px; margin: 0px 15px 10px 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .postThumb img:hover { opacity: 0.6; } .margin .postTags { font-size: 13px; border-top: 1px dotted #d5d5d5; padding: 10px 10px 10px 10px; margin: 10px 10px 0px 10px; margin-top: 15px; color: #878789; } .margin .postTags span { font-size: 17px; background: url(images/tag.png) left center no-repeat; padding-left:25px; } ul.tagbox{ padding: 5px 10px!important; } ul.tagbox a { color: #333; border-radius: 3px; padding: 1px 1px; } .tagbox a:hover { background: #0099FF; color: #FFFFFF; } a.readmore { display: block; float: right; height: 26px; width: 100px; margin: -25px 30px 0 10px; background: #27394e; text-shadow: 0 1px 0 rgba(0,0,0,0.5); color: #FFF; line-height:26px; font-size: 13px; text-align:center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid rgba(0,0,0,0.3); border-bottom-width: 3px; } a.readmore:hover { background-color: #132e4e; border-color: rgba(0,0,0,0.5); } a.readmore:active { background-color: #00244e; border-color: rgba(0,0,0,0.9); } .post-404 { margin-top: 10px; text-align: center; font-size: 20px; } .post-404 h2 , .post-404 h4 { font-weight: normal; font-size: 26px; } #breadcrumbs { font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #3d3d3d; margin: 5px 0 10px 10px; text-shadow: 1px 1px 0 #FFFFFF; } #breadcrumbs a, span.raquo { color: #9f9f9f; } #breadcrumbs a:hover { color: #3d3d3d; text-decoration: none; } .rel { font-family: Tahoma, Geneva, sans-serif; padding: 0; margin: 10px 10px 15px 10px; overflow: hidden; } .rel p { font-size: 17px; background: url(images/related.png) left 13px no-repeat; border-top: 1px dotted #d5d5d5; padding: 10px 0 0 25px; margin-left:10px; margin-bottom: 25px; color: #878789; } .rel ul { margin-left: -20px; margin-top: -7px; } .rel ul a { color: #666; } .rel ul a:hover { color: #F00; } .rel ul li { background: url(images/tick.png) left center no-repeat !important; padding-left: 22px !important; list-style-type: none; } #author-info { font-family: Arial, Helvetica, sans-serif; padding: 10px; background: url(images/friend.png) repeat; margin: 10px 15px 15px 10px; border-top: 4px solid #d5d5d5; border-bottom: 4px solid #d5d5d5; overflow: hidden; color: #333; } #author-info h4 { background: url(images/author.png) left center no-repeat; font-size: 17px; font-weight: normal; padding-left:20px; } #author-image { float: left; margin: 0 10px 15px 1px; border: 1px solid #f7f7f7; margin-top: 5px; border-radius: 10px; } #author-image img { width: 95px; height: 95px; border-radius: 10px; } .sidebar { width: 290px; float: right; margin: 20px 3px; background: url(images/friend.png) repeat; border-radius:3px; box-shadow:inset 0px 0px 10px #c8c8c8; -moz-box-shadow:inset 0px 0px 10px #c8c8c8; -webkit-box-shadow:inset 0px 0px 10px #c8c8c8; } .sidebar ul { margin: 0; padding: 10px 10px 10px 4px; list-style: none; } .sidebar ul li { padding: 5px 0 5px 0; } .sidebar h2 { margin-top:5px; padding: 0 15px 10px 14px; font-size: 18px; height:18px; line-height:28px; font-weight: normal; background:#d64141; color: #fff; text-shadow:0 1px 2px #f00; border-radius:3px; } .sidebar li a { display: block; color: #1c1c1c; font-size: 13px; text-shadow:0 1px 2px #fff; } .sidebar li a:hover { padding-left: 5px; border-bottom-color: transparent; color: #fff; background: #00234E; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; text-shadow: 0 2px 1px #000; -moz-box-shadow: 0px 1px 3px #000000 inset; -webkit-box-shadow: 0px 1px 3px #000000 inset; box-shadow: 0px 1px 3px #000000 inset; } .sidebar ul ul li { padding: 0; line-height: 22px; padding: 0 0 0 17px; background: url("images/bullet.png") no-repeat scroll left 4.5px transparent; } .tagcloud a { padding: 0 !important; background: none repeat scroll 0 0; border-bottom: 2px solid #CCCCCC; border-radius: 3px; padding: 5px; text-shadow: 0px 0px !important; } .tagcloud a:hover { padding-right: 5px; border-bottom-color: transparent; color: #fff; background: #00234E; text-shadow: 0 2px 1px #000; } #wp-calendar { width: 80%; margin: auto; } #comments-wrap { margin: 25px 0 0 5px; padding-bottom: 30px; direction: ltr; } .comments-navigation { margin: 10px; font-size: 12px; } .comments-navigation .alignleft { float: left; margin: 0; padding: 0; } .comments-navigation .alignright { float: right; margin: 0; padding: 0; } h3#comments-number, h3.postcomment { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 -13px; font-weight: normal; padding: 20px; font-size: 24px; color: #3d3d3d; } ol.commentlist { list-style: none; margin: 20px 0 0 0; padding: 0; text-indent: 0; } ol.commentlist li { margin: 0 0 10px 0; padding: 10px 10px 7px 45px; position: relative; } .comment-body{ margin:0 0 0 55px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; width:89%; background:#f7f7f7; border:1px solid #c1c1c1; text-shadow:1px 1px #fff; } ol.commentlist li div.comment-author { padding:0px 10px; } ol.commentlist li div.vcard { font: bold 12px Arial, Helvetica, sans-serif; line-height: 24px; padding-bottom: 5px; } ol.commentlist li div.vcard cite.fn { font-style: normal; } ol.commentlist li div.vcard img.avatar { border:1px solid #f8f8f8; left:0px; position:absolute; width:80px; height:80px; border-radius:5px; } ol.commentlist li div.comment-meta { float:right; margin: -28px 10px 0 0; } ol.commentlist li div.comment-meta a { color: #aaaaaa; text-decoration: none; } ol.commentlist li div.comment-meta a:hover { color: #37badc; text-decoration: none; } ol.commentlist li p { font:normal 12px Arial, Helvetica, sans-serif; line-height: 24px; margin:0 10px 20px 10px; } ol.commentlist li form p { margin: 0; } ol.commentlist li ul { font: normal 12px Arial, Helvetica, sans-serif; list-style: square; line-height: 24px; margin: 0 0 1em; padding: 0; text-indent: 0; } ol.commentlist li div.reply { text-align:center; font-size:12px; width:78px; height:22px; line-height:22px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid rgba(0,0,0,0.3); border-bottom-width:3px; background-color:#E48681; border-color:rgba(0,0,0,0.3); text-shadow:0 1px 0 rgba(0,0,0,0.5); margin:-14px 0 10px 0; float:right; margin-right:10px; } ol.commentlist li div.reply a{color:#fff;} ol.commentlist li ul.children { list-style: none; margin: 1em -5px; text-indent: 0; } ol.commentlist li ul.children li.depth-2 { margin: 0 0 8px; } ol.commentlist li ul.children li.depth-3 { margin: 0 0 8px; } ol.commentlist li ul.children li.depth-4 { margin: 0 0 8px; } ol.commentlist li.pingback div.vcard { padding: 0 0 0 170px; } #respond { margin-top: 60px; } #respond h3#reply-title { font-size: 16px; line-height: 1; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } .required { color: red; } form#commentform input#submit { display: inline-block; text-decoration: none; font: 14px/18px Arial, Helvetica, sans-serif; color: white; float: left; width: 180px; height: 33px; margin: 5px 0 0; cursor: pointer; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(to bottom, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); border: 1px solid #ccc; border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .subscribe input.formsubmit:hover { background: #049cdb; } form#commentform input#submit:hover { background: #049cdb; } .footer { float: left; width: 960px; margin: 20px 0; text-align: center; } #footer-seprator { background: url(images/seprator-2.png) repeat-x; height: 2px; width: 500px; margin: 0 auto; } .footer h3 { padding: 9px 0 2px; text-shadow: 1px 1px #FFFFFF; font-weight: normal; font-size: 12px; } .prev { float:right; } .next { float:left; } .wp-pagenavi { clear: both; padding-top: 20px; } .wp-pagenavi a, .wp-pagenavi span { font-family: Arial, Helvetica, sans-serif; text-decoration: none; background: #f9f8f2; color: #666; padding: 1px 5px; float: left; -moz-border-radius: 3px; border-bottom: 1px solid #999; text-align: center; -webkit-transition: color .1s ease-in; -moz-transition: color .1s ease-in; -o-transition: color .1s ease-in; -ms-transition: color .1s ease-in; transition: color .1s ease-in; text-shadow: none; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); border: 1px solid #f7f7f7; } .wp-pagenavi span.current { background: #fff; color: #666; border: 1px solid #ece9d8; } .wp-pagenavi a:hover { background: #e20030; border-color: #87001d; color: #fff; } .bypostauthor { position: static; } .gallery-caption { position: static; }