style.css

/*
*Theme Name: StackDesign wordpress template
*Theme URI: https://wordpress.org/themes/stackdesign/
*Author: the stackprogramer
*Author URI: https://blog.stackprogramer.xyz/
*Text Domain: stackdesign
* Domain Path: /languages
*Description: [En]The design of the Stack Design  template was designed to create a beautiful and responsive template for Persian and English-language blogs. The design of this template is based on the famous CSS framework, bootstrap. The first version of this template was released free charge in June 2018<p><a href="https://blog.stackprogramer.xyz/en">English demo</a></p>. ,[Fa] قالب استک دیزاین با هدف ساخت قالبی زیبا و واکنش گرا برای وبلاگ های فارسی و انگلیسی زبان طراحی شده است. در طراحی این قالب از فریم ورک معروف سی اس اس یعنی بوت استرپ استفاده شده است. اولین نسخه این قالب در ژوئن سال ۲۰۱۸ به صورت رایگان منتشر شده است <p><a href="https://blog.stackprogramer.xyz/">دمو فارسی</a></p>.
*Version: 1.2
*License: GNU General Public License v3 or later
*License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
*Tags:bootstrap, wordpress theme,stackdesign,stackprogramer,stack design blog,responsive,bootstrap,persian blog,english blog, blog, two-columns, left-sidebar, accessibility-ready, custom-logo, custom-menu, editor-style, featured-images,rtl-language-support, sticky-post, threaded-comments, translation-ready,قالب فارسی وردپرس, بوت استرپ, قالب بسیار زیبا وردپرس, قالب راست چین, طراحی استک, استک پروگرمر,وبلاگ استک دیزاین, قالب فارسی 
*/

@font-face {
	font-family: 'BYekan';
	src: url('../css/BYekan.eot') format('eot'), url('../css/BYekan.ttf') format('truetype'), url('../css/BYekan.woff') format('woff');
}
body {
	font-family: BYekan, 'BYekan';
	font-size:13px;
	font-weight:100 !important;
	color: #000;
}
h1, .h1 {
	margin-top: 0;
    font-weight:200 !important;
	font-size: 18px !important;
	font-style: italic;


}
h2, .h2 {
	margin-top: 0;
	font-weight:200 !important;
	font-size: 16px !important;
	font-style: italic;
}
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0;
	font-weight:200 !important;
	font-size: 14px !important;
	background-color: transparent;
	font-style: italic;

}
blockquote {
	color: #008000;
	background: #fff;
	font-size: 12px;
}
hr{
   margin-top: 1px;
   margin-bottom: 1px;
}

/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
.container {
	width: 970px;
}
}
/*
 * Masthead for nav
 */

.blog-masthead {
	background-color: #337ab7;
	border-color: #337ab7;
}
.nav li {
	position: relative;
	display: inline-block;
	padding: 10px;
}
.current_page_item {
	background-color: #E5EAEF;
}
/* Nav links */
/*.nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 100;
  color: #cdddeb;
}*/
/*.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}*/

/* Active state gets a caret at the bottom */
/*.blog-nav .active {
  color: #fff;
}*/
/*.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}*/


/*
 * Blog name and description
 */

.blog-header {
	padding-top: 5px;
	padding-bottom: 5px;
}
.blog-title {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 16px;
	color: #fff;
}
.blog-description {
	font-size: 10px;
	color: #fff;
}
/*
 * Main column and sidebar layout
 */

.blog-main {
	font-size: 14px !important;
	margin-top: 30px;
	line-height: 1.5;
}
/* Sidebar modules for boxing content */
.sidebar-module {
	padding: 15px;
	margin: 0 -15px 15px;
}
.sidebar-module-inset {
	padding: 15px;
	background-color: #f5f5f5;
	border-radius: 4px;
}
.blog-sidebar {
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	border-color: #ddd;
}
.sidebar-module-inset p:last-child, .sidebar-module-inset ul:last-child, .sidebar-module-inset ol:last-child {
	margin-bottom: 0;
}
/* Pagination */
.pager {
	margin-bottom: 60px;
	text-align: left;
}
.pager > li > a {
	width: 140px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 30px;
}
/*
 * Blog posts
 */

.blog-post {
	margin-bottom: 15px;
	margin-top: 10px;
}
.blog-post-title {
	margin-bottom: 5px;
	font-size: 17px;
}
.readmore {
	margin-top: 25px;
}
.blog-post-meta {
	margin-bottom: 20px;
	color: #999;
}
/*
 * Footer
 */

.blog-footer {
	padding: 20px 0;
	color: #999;
	text-align: center;
	background-color: #f9f9f9;
	border-top: 1px solid #e5e5e5;
}
.blog-footer p:last-child {
	margin-bottom: 0;
}

/*
 * Footer2
 */