رفتن به مطلب

فونت دسته های رو چطوری در این قالب تغییر بدم؟


پست های پیشنهاد شده

درود.

اگر فقط قصد دارید فونت (دسته ها) را تغییر دهید به کلاس :


.inner

در فایل style.css قالب :


font-family: Tahoma;

یا فونت دلخواه را اضافه کنید

برای کل قالب هم به قسمت body تغییر بدید فونت را

لینک به ارسال

/*

Theme Name: HipHop

Theme URI: http://smthemes.com/hiphop

Author: The Smart Magazine Themes

Author URI: http://smthemes.com/

Description: Template by SMThemes.com

Version: 2.0

License: Creative Commons 3.0

Theme date: 02/25/2014

License URI: license.txt

Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options

*/

/* -==========================- GENERAL -==========================- */

/*------------------------------ PAGE ------------------------------*/

@import url(css/font.css);

html {

background:url(images/back.png) scroll top;

}

body {

color:#cdc9c9;

font-size:12px;

font-family: 'arial';

position:relative;

background:url("images/back-body.jpg") top no-repeat;

text-shadow:1px 1px 1px #202020;

}

a {

color:#e9f8ff;

text-decoration:none;

}

a:hover {

text-decoration:underline;

color:#a863a8;

}

h1, h2, h3, h4, h5, h6, a.post_ttl {

font-family: 'finger_paintregular';

line-height: 25px;

color:#fff;

}

a.post_ttl, .post-caption h1 {

color: #fff;

font-family: 'finger_paintregular';

font-size: 20px;

line-height: 25px;

text-decoration: none;

}

h2 a.post_ttl:hover{

text-decoration:underline;

}

h1.page-title {

margin-left:20px;

}

/*------------------------------ HEADER ------------------------------*/

#header .container{

position:relative;

}

#secondarymenu-container {

position:relative;

}

#content-bottom {

height:0;

}

#header{

background:url("images/back-header.png") no-repeat center top;

}

/*------------------------------ SEARCH ------------------------------*/

#s {

background: none repeat scroll 0 0 transparent;

border: medium none;

color: #a7a7a7;

float: left;

height:28px;

line-height:28px;

width: 100px;

text-transform:lowercase;

}

.searchbtn {

height: 30px;

margin-right:-48px;

width: 48px;

margin-top:-1px;

}

.searchform {

height: 28px;

width: 200px;

background:#212121;

border:1px solid #505050;

}

/*------------------------------ CONTENT ------------------------------*/

#main_content{

padding:14px 0 20px;

}

.articles {

padding:0;

margin:0;

}

.articles .one-post {

margin-bottom:50px;

background:url(images/back-one-post.png) repeat;

border:1px solid #464646;

}

.articles .post-caption h1, .articles .post-caption h2{

line-height: 24px;

color:#fff;

padding:20px 135px 8px 0;

}

.articles .post-caption .post-meta {

padding:0;

font-size:10px !important;

}

.post-meta a{

color:#a863a8;

text-transform:underline;

}

.post-comments a{

}

.post-meta a:hover{

text-decoration:underline;

}

.articles .post-date {

background: url("images/back-date.png") no-repeat ;

color: #E5E5E5;

height: 61px;

padding: 7px 0;

position: absolute;

right: 0;

text-align: center;

top: -15px;

width: 131px;

}

.articles .post-caption {

padding:0;

position:relative;

background:url("images/back-caption.png") repeat-x scroll center bottom;

}

.articles .post-meta {

padding:10px 0 0;

color:#a3a3a3;

font-size:13px;

margin:0;

}

.articles .post-body {

border:none;

padding:0 10px 70px;

margin:0 10px;

overflow:visible;

}

#content .container{

}

#commentform #submit, input.readmore, a.readmore {

background: rgb(145,102,116); /* Old browsers */

background: -moz-linear-gradient(top, rgba(145,102,116,1) 0%, rgba(120,74,91,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,102,116,1)), color-stop(100%,rgba(120,74,91,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#916674', endColorstr='#784a5b',GradientType=0 ); /* IE6-9 */

border: medium none;

color: #f2f2f2;

font-family: 'LiberationSansBold';

font-size: 13px;

padding:8px;

text-align:center;

border:1px solid #432537;

}

#commentform #submit:hover, input.readmore:hover, a.readmore:hover {

background: rgb(119,74,90); /* Old browsers */

background: -moz-linear-gradient(top, rgba(119,74,90,1) 0%, rgba(144,101,116,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,74,90,1)), color-stop(100%,rgba(144,101,116,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774a5a', endColorstr='#906574',GradientType=0 ); /* IE6-9 */

}

.featured_image {

margin-top:5px;

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.googlemap {

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.widget_posts ul li img,.widget_flickr a {

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.pagination{

}

.pagination.classic {

text-align:left;

}

.page-numbers {

padding:5px 10px;

}

a.page-numbers {

color:#ebebeb;

text-decoration:none;

border:none;

}

a.page-numbers:hover, span.page-numbers {

color:#a863a8;

text-decoration:none;

}

/*------------------------------ FOOTER ------------------------------*/

#footer {

background:url(images/back-footer.png) repeat;

}

.footer-border {

background:url(images/back-footer-border.png) repeat-x;

height:13px;

margin-bottom:-13px;

}

#footer .container {

background:url("images/back-footer-container.jpg") no-repeat center 10px;

}

#footer .container.clearfix{

padding:40px 100px 0 !important;

}

#footer h3 {

color: #fff;

font-size: 14px;

text-transform:uppercase;

}

#footer .inner .caption{

background:none;

}

#footer .footer_txt {

padding:0;

margin:0 auto;

background:#0b0b0b;

}

#footer .footer_txt .container {

border-bottom:none;

color:#fff;

padding:20px 0;

text-align:center;

background:#0b0b0b;

}

.footer-widgets {

color:#e9f8ff;

}

#footer .widget2, .widget, .tabs_widget {

}

#footer .footer_txt .container a {

color:#575757;

}

#footer .footer_txt .container a:hover {

text-decoration:underline;

}

#footer .inner a {

color:#e9f8ff;

}

#footer .inner a:hover{

color:#a863a8;

text-decoration:underline;

}

#footer .inner{

background:none;

}

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/

.content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {

margin-left:20px;

}

.content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{

margin-right:20px;

}

.sidebar{

background:url(images/back-sidebar.png) repeat-y;

border:1px solid #484848;

margin-top:15px;

overflow:visible !important;

}

#content .widget .caption h3 {

text-align:left;

font-size:16px;

text-transform:uppercase;

color:#fff;

}

#content .widget{

}

.fp-next{

background-position:left 50%;

height: 72px;

margin: 150px -43px;

width: 42px;

}

.fp-prev {

background-position:right 50%;

height: 72px;

margin: 150px -43px;

width: 42px;

}

.inner{

padding-bottom:20px;

}

.inner .caption{

background:url(images/back-widget-title.png) no-repeat;

margin: -20px -11px 0;

padding: 5px 20px 20px;

}

.widget2, .widget, .tabs_widget {

margin-top:-8px;

}

.widget_posts ul{

padding:0 5px;

}

/* -==========================- DESKTOP -==========================- */

@media only screen and (min-width:1024px) {

#content-top {

height:0;

}

#content {

padding-top:21px;

}

#content .container {

padding-bottom:0;

width: 1000px;

}

#logo {

position: relative;

text-align:left;

top:0;

left:10px;

}

.menusearch {

right: 350px;

top: 37px;

width: 240px;

position:absolute;

}

/*------------------------------ MENU ------------------------------*/

#secondarymenu-container {

padding-top:0;

height:149px;

position:relative;

z-index:20;

}

#secondarymenu {

float: right;

padding: 0;

position: absolute;

right: 0;

top: 50px;

}

#secondarymenu a {

font-family: 'finger_paintregular';

text-decoration:none;

padding:7px 12px;

display:block;

color:#fff;

font-size:13px;

}

#secondarymenu a:hover{

color:#a863a8;

}

#mainmenu-container {

height: 57px;

margin: 0 auro;

padding: 0 20px;

z-index: 18;

position:relative;

background:url(images/back-menu.png) no-repeat top;

}

#mainmenu li a {

font-family: 'finger_paintregular';

display:block;

text-decoration:none;

padding: 20px 20px;

color:#0f0f0f;

font-size:16px;

text-transform:uppercase;

}

#mainmenu{

padding:0;

}

#mainmenu li {

position:relative;

}

#mainmenu li a:hover{

color:#fff;

}

#header #mainmenu li ul {

top:52px;

}

#header li ul {

top:31px;

}

#header li ul .transparent {

}

#header li ul .inner {

background:url("images/back-child-inner.png");

padding:0;

}

#header ul.children li, #header .sub-menu li {

padding:0 29px!important;

margin:0 !important;

height:25px;

line-height:25px;

}

#header ul.children li a, #header .sub-menu li a {

padding:0 !important;

border:none !important;

height:25px;

line-height:25px;

background:none;

color:#fff !important;

font-family:'finger_paintregular' !important;

font-size:13px !important;

}

#header ul.children li a:hover, #header .sub-menu li a:hover {

color:#a863a8 !important;

text-decoration:none !important;

border:none !important;

box-shadow:none !important;

background:none !important;

}

#header #mainmenu li ul .inner {

background:url("images/back-child-inner.png");

}

#header #mainmenu ul.children li a, #mainmenu .sub-menu li a {

color:#a863a8 !important;

font-family:'finger_paintregular' !important;

font-size:13px !important;

}

#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {

color:#fff !important;

border:none !important;

box-shadow:none !important;

text-decoration:none !important;

background:none !important;

}

#header .sub-menu .sub-menu {

top:0 !important;

}

/*------------------------------ SLIDER ------------------------------*/

.slider-container {

height: 300px;

margin:10px auto;

width: 1000px;

position:relative;

}

.fp-next, .fp-prev {

float: right;

height: 53px;

margin: 0 5px;

position: relative;

right: -20px;

top: 237px;

width: 32px;

}

.fp-title{

font-size:20px;

}

.slider {

margin:0 auto;

padding: 0;

width: 1000px;

}

.fp-prev-next-wrap {

margin:0 0px;

}

.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {

height:188px;

}

.fp-slides,.fp-thumbnail,.fp-slides-items {

height:300px;

width:1000px;

}

.fp-content-fon {

border-bottom:none;

border-left:none;

border-right:none;

}

.fp-content-fon, .fp-content {

left:0;

right:0;

bottom:0;

text-align:left;

font-size:13px;

}

.fp-nav {

bottom:27px;

left: auto;

right: 50px;

background:url(images/back-fp-nav.png) no-repeat top;

}

.slider-nothumb .fp-content-fon {

background:#fff;

}

.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{

color:#000;

}

#footer .footer_txt .container {

background:#0b0b0b;

}

}

/* -==========================- TABLET -==========================- */

@media only screen and (min-width:640px) and (max-width:1023px) {

#footer .container.clearfix{

padding:7px 0 5px !important;

}

#header .sub-menu li{

float:left !important;

padding-bottom:10px !important;

}

#header {

background:none;

}

#logo {

position: relative;

text-align:left;

}

#header-banner {

margin-top:25px;

float:right;

}

#content-top{

}

/*------------------------------ MENU ------------------------------*/

.menusearch {

float: right;

position: absolute;

right:15px;

top: 40px;

width: 240px;

}

#secondarymenu-container {

height:117px;

padding-top:0px;

}

#secondarymenu {

clear:both;

}

#secondarymenu li {

padding:11px;

}

#secondarymenu li a{

font-family:'finger_paintregular';

text-decoration:none;

padding:0;

display:block;

color:#fff !important;

font-size:13px;

}

#mainmenu-container {

clear:both;

margin:30px 0;

padding:0;

background:#a8a6a0;

}

#mainmenu {

margin:0 10px;

}

#mainmenu li {

padding:0;

float:left;

}

#mainmenu li a {

text-decoration:none;

padding:10px 20px;

font-family: 'finger_paintregular';

display:block;

color:#fff;

font-size:15px;

text-transform:uppercase;

}

#mainmenu li ul {

top:71px;

left:0;

}

#footer .container{

padding:20px 0 !important;

}

}

/* -==========================- MOBILE -==========================- */

@media only screen and (min-width:240px) and (max-width:639px) {

#footer .container{

padding-top:20px !important;

background:none;

}

#footer .container.clearfix{

padding:7px 0 !important;

background:#212121;

}

#header .container{

background:none;

}

#header {

margin-bottom:30px;

background:none;

}

#logo {

}

.searchbtn {

width: 82px !important;

}

#secondarymenu-container {

padding-top:6px;

}

#secondarymenu, #mainmenu {

background:#fff;

padding:0 2%;

margin-top:10px;

}

#secondarymenu li, #mainmenu li {

border-top:1px solid #d7d7d7;

}

#secondarymenu li a, #mainmenu li a{

color:#363636;

text-decoration:none;

}

.fp-next, .fp-prev {

margin:0 -5px;

}

.footer-widgets .widgetf:first-child {

border:none;

}

#footer {

width:100%;

background:#212121;

}

#footer .footer_txt{

background:#0b0b0b !important;

padding:10px 0;

}

.widgetf {

border-top:1px solid #d3d3d3;

}

.articles .post-date {

float:none;

}

.articles dt p img {

display:none;

}

.fp-nav {

bottom:-18px;

}

.slider-container {

padding-bottom:20px;

}

#s {

width:50%;

}

}

ممنون از محبتتون

میشه بگین کجا قرارش بدم دقیقا؟؟چون من font-family:Tahoma;

پیدا نکردم

مرسی

لینک به ارسال

تست کنید

/*

Theme Name: HipHop

Theme URI: http://smthemes.com/hiphop

Author: The Smart Magazine Themes

Author URI: http://smthemes.com/

Description: Template by SMThemes.com

Version: 2.0

License: Creative Commons 3.0

Theme date: 02/25/2014

License URI: license.txt

Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options

*/

/* -==========================- GENERAL -==========================- */

/*------------------------------ PAGE ------------------------------*/

@import url(css/font.css);

html {

background:url(images/back.png) scroll top;

}

body {

color:#cdc9c9;

font-size:12px;

font-family: 'arial';

position:relative;

background:url("images/back-body.jpg") top no-repeat;

text-shadow:1px 1px 1px #202020;

}

a {

color:#e9f8ff;

text-decoration:none;

}

a:hover {

text-decoration:underline;

color:#a863a8;

}

h1, h2, h3, h4, h5, h6, a.post_ttl {

font-family: 'finger_paintregular';

line-height: 25px;

color:#fff;

}

a.post_ttl, .post-caption h1 {

color: #fff;

font-family: 'finger_paintregular';

font-size: 20px;

line-height: 25px;

text-decoration: none;

}

h2 a.post_ttl:hover{

text-decoration:underline;

}

h1.page-title {

margin-left:20px;

}

/*------------------------------ HEADER ------------------------------*/

#header .container{

position:relative;

}

#secondarymenu-container {

position:relative;

}

#content-bottom {

height:0;

}

#header{

background:url("images/back-header.png") no-repeat center top;

}

/*------------------------------ SEARCH ------------------------------*/

#s {

background: none repeat scroll 0 0 transparent;

border: medium none;

color: #a7a7a7;

float: left;

height:28px;

line-height:28px;

width: 100px;

text-transform:lowercase;

}

.searchbtn {

height: 30px;

margin-right:-48px;

width: 48px;

margin-top:-1px;

}

.searchform {

height: 28px;

width: 200px;

background:#212121;

border:1px solid #505050;

}

/*------------------------------ CONTENT ------------------------------*/

#main_content{

padding:14px 0 20px;

}

.articles {

padding:0;

margin:0;

}

.articles .one-post {

margin-bottom:50px;

background:url(images/back-one-post.png) repeat;

border:1px solid #464646;

}

.articles .post-caption h1, .articles .post-caption h2{

line-height: 24px;

color:#fff;

padding:20px 135px 8px 0;

}

.articles .post-caption .post-meta {

padding:0;

font-size:10px !important;

}

.post-meta a{

color:#a863a8;

text-transform:underline;

}

.post-comments a{

}

.post-meta a:hover{

text-decoration:underline;

}

.articles .post-date {

background: url("images/back-date.png") no-repeat ;

color: #E5E5E5;

height: 61px;

padding: 7px 0;

position: absolute;

right: 0;

text-align: center;

top: -15px;

width: 131px;

}

.articles .post-caption {

padding:0;

position:relative;

background:url("images/back-caption.png") repeat-x scroll center bottom;

}

.articles .post-meta {

padding:10px 0 0;

color:#a3a3a3;

font-size:13px;

margin:0;

}

.articles .post-body {

border:none;

padding:0 10px 70px;

margin:0 10px;

overflow:visible;

}

#content .container{

}

#commentform #submit, input.readmore, a.readmore {

background: rgb(145,102,116); /* Old browsers */

background: -moz-linear-gradient(top, rgba(145,102,116,1) 0%, rgba(120,74,91,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,102,116,1)), color-stop(100%,rgba(120,74,91,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#916674', endColorstr='#784a5b',GradientType=0 ); /* IE6-9 */

border: medium none;

color: #f2f2f2;

font-family: 'LiberationSansBold';

font-size: 13px;

padding:8px;

text-align:center;

border:1px solid #432537;

}

#commentform #submit:hover, input.readmore:hover, a.readmore:hover {

background: rgb(119,74,90); /* Old browsers */

background: -moz-linear-gradient(top, rgba(119,74,90,1) 0%, rgba(144,101,116,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,74,90,1)), color-stop(100%,rgba(144,101,116,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774a5a', endColorstr='#906574',GradientType=0 ); /* IE6-9 */

}

.featured_image {

margin-top:5px;

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.googlemap {

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.widget_posts ul li img,.widget_flickr a {

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.pagination{

}

.pagination.classic {

text-align:left;

}

.page-numbers {

padding:5px 10px;

}

a.page-numbers {

color:#ebebeb;

text-decoration:none;

border:none;

}

a.page-numbers:hover, span.page-numbers {

color:#a863a8;

text-decoration:none;

}

/*------------------------------ FOOTER ------------------------------*/

#footer {

background:url(images/back-footer.png) repeat;

}

.footer-border {

background:url(images/back-footer-border.png) repeat-x;

height:13px;

margin-bottom:-13px;

}

#footer .container {

background:url("images/back-footer-container.jpg") no-repeat center 10px;

}

#footer .container.clearfix{

padding:40px 100px 0 !important;

}

#footer h3 {

color: #fff;

font-size: 14px;

text-transform:uppercase;

}

#footer .inner .caption{

background:none;

}

#footer .footer_txt {

padding:0;

margin:0 auto;

background:#0b0b0b;

}

#footer .footer_txt .container {

border-bottom:none;

color:#fff;

padding:20px 0;

text-align:center;

background:#0b0b0b;

}

.footer-widgets {

color:#e9f8ff;

}

#footer .widget2, .widget, .tabs_widget {

}

#footer .footer_txt .container a {

color:#575757;

}

#footer .footer_txt .container a:hover {

text-decoration:underline;

}

#footer .inner a {

color:#e9f8ff;

}

#footer .inner a:hover{

color:#a863a8;

text-decoration:underline;

}

#footer .inner{

background:none;

}

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/

.content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {

margin-left:20px;

}

.content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{

margin-right:20px;

}

.sidebar{

background:url(images/back-sidebar.png) repeat-y;

border:1px solid #484848;

margin-top:15px;

overflow:visible !important;

}

#content .widget .caption h3 {

text-align:left;

font-size:16px;

text-transform:uppercase;

color:#fff;

}

#content .widget{

}

.fp-next{

background-position:left 50%;

height: 72px;

margin: 150px -43px;

width: 42px;

}

.fp-prev {

background-position:right 50%;

height: 72px;

margin: 150px -43px;

width: 42px;

}

.inner{

font-family: comic sans ms;

padding-bottom:20px;

}

.inner .caption{

background:url(images/back-widget-title.png) no-repeat;

margin: -20px -11px 0;

padding: 5px 20px 20px;

}

.widget2, .widget, .tabs_widget {

margin-top:-8px;

}

.widget_posts ul{

padding:0 5px;

}

/* -==========================- DESKTOP -==========================- */

@media only screen and (min-width:1024px) {

#content-top {

height:0;

}

#content {

padding-top:21px;

}

#content .container {

padding-bottom:0;

width: 1000px;

}

#logo {

position: relative;

text-align:left;

top:0;

left:10px;

}

.menusearch {

right: 350px;

top: 37px;

width: 240px;

position:absolute;

}

/*------------------------------ MENU ------------------------------*/

#secondarymenu-container {

padding-top:0;

height:149px;

position:relative;

z-index:20;

}

#secondarymenu {

float: right;

padding: 0;

position: absolute;

right: 0;

top: 50px;

}

#secondarymenu a {

font-family: 'finger_paintregular';

text-decoration:none;

padding:7px 12px;

display:block;

color:#fff;

font-size:13px;

}

#secondarymenu a:hover{

color:#a863a8;

}

#mainmenu-container {

height: 57px;

margin: 0 auro;

padding: 0 20px;

z-index: 18;

position:relative;

background:url(images/back-menu.png) no-repeat top;

}

#mainmenu li a {

font-family: 'finger_paintregular';

display:block;

text-decoration:none;

padding: 20px 20px;

color:#0f0f0f;

font-size:16px;

text-transform:uppercase;

}

#mainmenu{

padding:0;

}

#mainmenu li {

position:relative;

}

#mainmenu li a:hover{

color:#fff;

}

#header #mainmenu li ul {

top:52px;

}

#header li ul {

top:31px;

}

#header li ul .transparent {

}

#header li ul .inner {

background:url("images/back-child-inner.png");

padding:0;

}

#header ul.children li, #header .sub-menu li {

padding:0 29px!important;

margin:0 !important;

height:25px;

line-height:25px;

}

#header ul.children li a, #header .sub-menu li a {

padding:0 !important;

border:none !important;

height:25px;

line-height:25px;

background:none;

color:#fff !important;

font-family:'finger_paintregular' !important;

font-size:13px !important;

}

#header ul.children li a:hover, #header .sub-menu li a:hover {

color:#a863a8 !important;

text-decoration:none !important;

border:none !important;

box-shadow:none !important;

background:none !important;

}

#header #mainmenu li ul .inner {

background:url("images/back-child-inner.png");

}

#header #mainmenu ul.children li a, #mainmenu .sub-menu li a {

color:#a863a8 !important;

font-family:'finger_paintregular' !important;

font-size:13px !important;

}

#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {

color:#fff !important;

border:none !important;

box-shadow:none !important;

text-decoration:none !important;

background:none !important;

}

#header .sub-menu .sub-menu {

top:0 !important;

}

/*------------------------------ SLIDER ------------------------------*/

.slider-container {

height: 300px;

margin:10px auto;

width: 1000px;

position:relative;

}

.fp-next, .fp-prev {

float: right;

height: 53px;

margin: 0 5px;

position: relative;

right: -20px;

top: 237px;

width: 32px;

}

.fp-title{

font-size:20px;

}

.slider {

margin:0 auto;

padding: 0;

width: 1000px;

}

.fp-prev-next-wrap {

margin:0 0px;

}

.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {

height:188px;

}

.fp-slides,.fp-thumbnail,.fp-slides-items {

height:300px;

width:1000px;

}

.fp-content-fon {

border-bottom:none;

border-left:none;

border-right:none;

}

.fp-content-fon, .fp-content {

left:0;

right:0;

bottom:0;

text-align:left;

font-size:13px;

}

.fp-nav {

bottom:27px;

left: auto;

right: 50px;

background:url(images/back-fp-nav.png) no-repeat top;

}

.slider-nothumb .fp-content-fon {

background:#fff;

}

.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{

color:#000;

}

#footer .footer_txt .container {

background:#0b0b0b;

}

}

/* -==========================- TABLET -==========================- */

@media only screen and (min-width:640px) and (max-width:1023px) {

#footer .container.clearfix{

padding:7px 0 5px !important;

}

#header .sub-menu li{

float:left !important;

padding-bottom:10px !important;

}

#header {

background:none;

}

#logo {

position: relative;

text-align:left;

}

#header-banner {

margin-top:25px;

float:right;

}

#content-top{

}

/*------------------------------ MENU ------------------------------*/

.menusearch {

float: right;

position: absolute;

right:15px;

top: 40px;

width: 240px;

}

#secondarymenu-container {

height:117px;

padding-top:0px;

}

#secondarymenu {

clear:both;

}

#secondarymenu li {

padding:11px;

}

#secondarymenu li a{

font-family:'finger_paintregular';

text-decoration:none;

padding:0;

display:block;

color:#fff !important;

font-size:13px;

}

#mainmenu-container {

clear:both;

margin:30px 0;

padding:0;

background:#a8a6a0;

}

#mainmenu {

margin:0 10px;

}

#mainmenu li {

padding:0;

float:left;

}

#mainmenu li a {

text-decoration:none;

padding:10px 20px;

font-family: 'finger_paintregular';

display:block;

color:#fff;

font-size:15px;

text-transform:uppercase;

}

#mainmenu li ul {

top:71px;

left:0;

}

#footer .container{

padding:20px 0 !important;

}

}

/* -==========================- MOBILE -==========================- */

@media only screen and (min-width:240px) and (max-width:639px) {

#footer .container{

padding-top:20px !important;

background:none;

}

#footer .container.clearfix{

padding:7px 0 !important;

background:#212121;

}

#header .container{

background:none;

}

#header {

margin-bottom:30px;

background:none;

}

#logo {

}

.searchbtn {

width: 82px !important;

}

#secondarymenu-container {

padding-top:6px;

}

#secondarymenu, #mainmenu {

background:#fff;

padding:0 2%;

margin-top:10px;

}

#secondarymenu li, #mainmenu li {

border-top:1px solid #d7d7d7;

}

#secondarymenu li a, #mainmenu li a{

color:#363636;

text-decoration:none;

}

.fp-next, .fp-prev {

margin:0 -5px;

}

.footer-widgets .widgetf:first-child {

border:none;

}

#footer {

width:100%;

background:#212121;

}

#footer .footer_txt{

background:#0b0b0b !important;

padding:10px 0;

}

.widgetf {

border-top:1px solid #d3d3d3;

}

.articles .post-date {

float:none;

}

.articles dt p img {

display:none;

}

.fp-nav {

bottom:-18px;

}

.slider-container {

padding-bottom:20px;

}

#s {

width:50%;

}

}

لینک به ارسال

جایگزین کنید :

/*

Theme Name: HipHop

Theme URI: http://smthemes.com/hiphop

Author: The Smart Magazine Themes

Author URI: http://smthemes.com/

Description: Template by SMThemes.com

Version: 2.0

License: Creative Commons 3.0

Theme date: 02/25/2014

License URI: license.txt

Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options

*/

/* -==========================- GENERAL -==========================- */

/*------------------------------ PAGE ------------------------------*/

@import url(css/font.css);

html {

background:url(images/back.png) scroll top;

}

body {

color:#cdc9c9;

font-size:12px;

font-family: 'Tahoma';

position:relative;

background:url("images/back-body.jpg") top no-repeat;

text-shadow:1px 1px 1px #202020;

}

a {

color:#e9f8ff;

text-decoration:none;

}

a:hover {

text-decoration:underline;

color:#a863a8;

}

h1, h2, h3, h4, h5, h6, a.post_ttl {

font-family: 'finger_paintregular';

line-height: 25px;

color:#fff;

}

a.post_ttl, .post-caption h1 {

color: #fff;

font-family: 'finger_paintregular';

font-size: 20px;

line-height: 25px;

text-decoration: none;

}

h2 a.post_ttl:hover{

text-decoration:underline;

}

h1.page-title {

margin-left:20px;

}

/*------------------------------ HEADER ------------------------------*/

#header .container{

position:relative;

}

#secondarymenu-container {

position:relative;

}

#content-bottom {

height:0;

}

#header{

background:url("images/back-header.png") no-repeat center top;

}

/*------------------------------ SEARCH ------------------------------*/

#s {

background: none repeat scroll 0 0 transparent;

border: medium none;

color: #a7a7a7;

float: left;

height:28px;

line-height:28px;

width: 100px;

text-transform:lowercase;

}

.searchbtn {

height: 30px;

margin-right:-48px;

width: 48px;

margin-top:-1px;

}

.searchform {

height: 28px;

width: 200px;

background:#212121;

border:1px solid #505050;

}

/*------------------------------ CONTENT ------------------------------*/

#main_content{

padding:14px 0 20px;

}

.articles {

padding:0;

margin:0;

}

.articles .one-post {

margin-bottom:50px;

background:url(images/back-one-post.png) repeat;

border:1px solid #464646;

}

.articles .post-caption h1, .articles .post-caption h2{

line-height: 24px;

color:#fff;

padding:20px 135px 8px 0;

}

.articles .post-caption .post-meta {

padding:0;

font-size:10px !important;

}

.post-meta a{

color:#a863a8;

text-transform:underline;

}

.post-comments a{

}

.post-meta a:hover{

text-decoration:underline;

}

.articles .post-date {

background: url("images/back-date.png") no-repeat ;

color: #E5E5E5;

height: 61px;

padding: 7px 0;

position: absolute;

right: 0;

text-align: center;

top: -15px;

width: 131px;

}

.articles .post-caption {

padding:0;

position:relative;

background:url("images/back-caption.png") repeat-x scroll center bottom;

}

.articles .post-meta {

padding:10px 0 0;

color:#a3a3a3;

font-size:13px;

margin:0;

}

.articles .post-body {

border:none;

padding:0 10px 70px;

margin:0 10px;

overflow:visible;

}

#content .container{

}

#commentform #submit, input.readmore, a.readmore {

background: rgb(145,102,116); /* Old browsers */

background: -moz-linear-gradient(top, rgba(145,102,116,1) 0%, rgba(120,74,91,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,102,116,1)), color-stop(100%,rgba(120,74,91,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(145,102,116,1) 0%,rgba(120,74,91,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#916674', endColorstr='#784a5b',GradientType=0 ); /* IE6-9 */

border: medium none;

color: #f2f2f2;

font-family: 'LiberationSansBold';

font-size: 13px;

padding:8px;

text-align:center;

border:1px solid #432537;

}

#commentform #submit:hover, input.readmore:hover, a.readmore:hover {

background: rgb(119,74,90); /* Old browsers */

background: -moz-linear-gradient(top, rgba(119,74,90,1) 0%, rgba(144,101,116,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,74,90,1)), color-stop(100%,rgba(144,101,116,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(119,74,90,1) 0%,rgba(144,101,116,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774a5a', endColorstr='#906574',GradientType=0 ); /* IE6-9 */

}

.featured_image {

margin-top:5px;

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.googlemap {

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.widget_posts ul li img,.widget_flickr a {

background:#fff;

border:2px solid #989898;

padding:0;

border-radius:2px;

}

.pagination{

}

.pagination.classic {

text-align:left;

}

.page-numbers {

padding:5px 10px;

}

a.page-numbers {

color:#ebebeb;

text-decoration:none;

border:none;

}

a.page-numbers:hover, span.page-numbers {

color:#a863a8;

text-decoration:none;

}

/*------------------------------ FOOTER ------------------------------*/

#footer {

background:url(images/back-footer.png) repeat;

}

.footer-border {

background:url(images/back-footer-border.png) repeat-x;

height:13px;

margin-bottom:-13px;

}

#footer .container {

background:url("images/back-footer-container.jpg") no-repeat center 10px;

}

#footer .container.clearfix{

padding:40px 100px 0 !important;

}

#footer h3 {

color: #fff;

font-size: 14px;

text-transform:uppercase;

}

#footer .inner .caption{

background:none;

}

#footer .footer_txt {

padding:0;

margin:0 auto;

background:#0b0b0b;

}

#footer .footer_txt .container {

border-bottom:none;

color:#fff;

padding:20px 0;

text-align:center;

background:#0b0b0b;

}

.footer-widgets {

color:#e9f8ff;

}

#footer .widget2, .widget, .tabs_widget {

}

#footer .footer_txt .container a {

color:#575757;

}

#footer .footer_txt .container a:hover {

text-decoration:underline;

}

#footer .inner a {

color:#e9f8ff;

}

#footer .inner a:hover{

color:#a863a8;

text-decoration:underline;

}

#footer .inner{

background:none;

}

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/

.content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {

margin-left:20px;

}

.content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{

margin-right:20px;

}

.sidebar{

background:url(images/back-sidebar.png) repeat-y;

border:1px solid #484848;

margin-top:15px;

overflow:visible !important;

}

#content .widget .caption h3 {

text-align:left;

font-size:16px;

text-transform:uppercase;

color:#fff;

}

#content .widget{

}

.fp-next{

background-position:left 50%;

height: 72px;

margin: 150px -43px;

width: 42px;

}

.fp-prev {

background-position:right 50%;

height: 72px;

margin: 150px -43px;

width: 42px;

}

.inner{

padding-bottom:20px;

font-family: Tahoma;

}

.inner .caption{

background:url(images/back-widget-title.png) no-repeat;

margin: -20px -11px 0;

padding: 5px 20px 20px;

}

.widget2, .widget, .tabs_widget {

margin-top:-8px;

}

.widget_posts ul{

padding:0 5px;

}

/* -==========================- DESKTOP -==========================- */

@media only screen and (min-width:1024px) {

#content-top {

height:0;

}

#content {

padding-top:21px;

}

#content .container {

padding-bottom:0;

width: 1000px;

}

#logo {

position: relative;

text-align:left;

top:0;

left:10px;

}

.menusearch {

right: 350px;

top: 37px;

width: 240px;

position:absolute;

}

/*------------------------------ MENU ------------------------------*/

#secondarymenu-container {

padding-top:0;

height:149px;

position:relative;

z-index:20;

}

#secondarymenu {

float: right;

padding: 0;

position: absolute;

right: 0;

top: 50px;

}

#secondarymenu a {

font-family: 'finger_paintregular';

text-decoration:none;

padding:7px 12px;

display:block;

color:#fff;

font-size:13px;

}

#secondarymenu a:hover{

color:#a863a8;

}

#mainmenu-container {

height: 57px;

margin: 0 auro;

padding: 0 20px;

z-index: 18;

position:relative;

background:url(images/back-menu.png) no-repeat top;

}

#mainmenu li a {

font-family: 'finger_paintregular';

display:block;

text-decoration:none;

padding: 20px 20px;

color:#0f0f0f;

font-size:16px;

text-transform:uppercase;

}

#mainmenu{

padding:0;

}

#mainmenu li {

position:relative;

}

#mainmenu li a:hover{

color:#fff;

}

#header #mainmenu li ul {

top:52px;

}

#header li ul {

top:31px;

}

#header li ul .transparent {

}

#header li ul .inner {

background:url("images/back-child-inner.png");

padding:0;

}

#header ul.children li, #header .sub-menu li {

padding:0 29px!important;

margin:0 !important;

height:25px;

line-height:25px;

}

#header ul.children li a, #header .sub-menu li a {

padding:0 !important;

border:none !important;

height:25px;

line-height:25px;

background:none;

color:#fff !important;

font-family:'finger_paintregular' !important;

font-size:13px !important;

}

#header ul.children li a:hover, #header .sub-menu li a:hover {

color:#a863a8 !important;

text-decoration:none !important;

border:none !important;

box-shadow:none !important;

background:none !important;

}

#header #mainmenu li ul .inner {

background:url("images/back-child-inner.png");

}

#header #mainmenu ul.children li a, #mainmenu .sub-menu li a {

color:#a863a8 !important;

font-family:'finger_paintregular' !important;

font-size:13px !important;

}

#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {

color:#fff !important;

border:none !important;

box-shadow:none !important;

text-decoration:none !important;

background:none !important;

}

#header .sub-menu .sub-menu {

top:0 !important;

}

/*------------------------------ SLIDER ------------------------------*/

.slider-container {

height: 300px;

margin:10px auto;

width: 1000px;

position:relative;

}

.fp-next, .fp-prev {

float: right;

height: 53px;

margin: 0 5px;

position: relative;

right: -20px;

top: 237px;

width: 32px;

}

.fp-title{

font-size:20px;

}

.slider {

margin:0 auto;

padding: 0;

width: 1000px;

}

.fp-prev-next-wrap {

margin:0 0px;

}

.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {

height:188px;

}

.fp-slides,.fp-thumbnail,.fp-slides-items {

height:300px;

width:1000px;

}

.fp-content-fon {

border-bottom:none;

border-left:none;

border-right:none;

}

.fp-content-fon, .fp-content {

left:0;

right:0;

bottom:0;

text-align:left;

font-size:13px;

}

.fp-nav {

bottom:27px;

left: auto;

right: 50px;

background:url(images/back-fp-nav.png) no-repeat top;

}

.slider-nothumb .fp-content-fon {

background:#fff;

}

.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{

color:#000;

}

#footer .footer_txt .container {

background:#0b0b0b;

}

}

/* -==========================- TABLET -==========================- */

@media only screen and (min-width:640px) and (max-width:1023px) {

#footer .container.clearfix{

padding:7px 0 5px !important;

}

#header .sub-menu li{

float:left !important;

padding-bottom:10px !important;

}

#header {

background:none;

}

#logo {

position: relative;

text-align:left;

}

#header-banner {

margin-top:25px;

float:right;

}

#content-top{

}

/*------------------------------ MENU ------------------------------*/

.menusearch {

float: right;

position: absolute;

right:15px;

top: 40px;

width: 240px;

}

#secondarymenu-container {

height:117px;

padding-top:0px;

}

#secondarymenu {

clear:both;

}

#secondarymenu li {

padding:11px;

}

#secondarymenu li a{

font-family:'finger_paintregular';

text-decoration:none;

padding:0;

display:block;

color:#fff !important;

font-size:13px;

}

#mainmenu-container {

clear:both;

margin:30px 0;

padding:0;

background:#a8a6a0;

}

#mainmenu {

margin:0 10px;

}

#mainmenu li {

padding:0;

float:left;

}

#mainmenu li a {

text-decoration:none;

padding:10px 20px;

font-family: 'finger_paintregular';

display:block;

color:#fff;

font-size:15px;

text-transform:uppercase;

}

#mainmenu li ul {

top:71px;

left:0;

}

#footer .container{

padding:20px 0 !important;

}

}

/* -==========================- MOBILE -==========================- */

@media only screen and (min-width:240px) and (max-width:639px) {

#footer .container{

padding-top:20px !important;

background:none;

}

#footer .container.clearfix{

padding:7px 0 !important;

background:#212121;

}

#header .container{

background:none;

}

#header {

margin-bottom:30px;

background:none;

}

#logo {

}

.searchbtn {

width: 82px !important;

}

#secondarymenu-container {

padding-top:6px;

}

#secondarymenu, #mainmenu {

background:#fff;

padding:0 2%;

margin-top:10px;

}

#secondarymenu li, #mainmenu li {

border-top:1px solid #d7d7d7;

}

#secondarymenu li a, #mainmenu li a{

color:#363636;

text-decoration:none;

}

.fp-next, .fp-prev {

margin:0 -5px;

}

.footer-widgets .widgetf:first-child {

border:none;

}

#footer {

width:100%;

background:#212121;

}

#footer .footer_txt{

background:#0b0b0b !important;

padding:10px 0;

}

.widgetf {

border-top:1px solid #d3d3d3;

}

.articles .post-date {

float:none;

}

.articles dt p img {

display:none;

}

.fp-nav {

bottom:-18px;

}

.slider-container {

padding-bottom:20px;

}

#s {

width:50%;

}

}

کش مرورگر را نیز خالی کنید (crtl+f5)

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...