رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

مشکل در منو آبشاری

leila_t

توسط leila_t،
در مشکلات دیگر

دنبال‌کننده 0

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

leila_t

leila_t 1

ارسال شده در
ارسال شده در (ویرایش شده)

سلام

میخوام منوی آبشاری ایجاد کنم فهرستها رو درست کردم اما باز میمونه یعنی اصلا بسته نمیشه، حتی از افزونه dropdown menu widget هم استفاده کردم درست نشده عکسش رو قرار دادم http://soo-restaurant.ir/

ممکنه مشکل از فایل استایل باشه ؟

tm0o_soo1.jpg

jsye_soo21.jpg

میخوام یه جوری باشه وقتی با موس میرم روش باز شه وقتی نمیرم بسته شه اما این همش بازه رو صفحات مختلف همینطور زیرمجموعه های منو غذا نمایش داده میشه نمیتونم ببندمش چیکار کنم؟

ویرایش شده توسط leila_t
لینک به ارسال
leila_t

leila_t 1

ارسال شده در
  • مالک
ارسال شده در

اینم محتوی فایل استایل

/******************************************************************

Theme Name: Sunrise

Theme URI: http://www.s5themes.com/theme/sunrise/

Description: Time - Check <a href="http://www.s5themes.com/documentation/sunrise/">Sunrise Documentation</a> in case you need directions or get support from <a href="http://www.s5themes.com/forums/">Forum</a>.

Author: Site5.com

Author URI: http://gk.site5.com/t/642

Version: 1.0.0

License: GPL

License URI: http://www.gnu.org/copyleft/gpl.html

******************************************************************/

/************************ STYLE STRUCTURE ************************

1. Reset CSS

2. Typography presets

3. Header

4. Footer

5. Navigation

6. Navigation Submenu

7. Main Section

8. Sidebar & Widgets

9. Image Styles

10. Post Style

11. Contact Form

12. Tweet List

13. Paginate

14. Comments

15. Respond Form

16. Dropcaps

17. Responsive Navigation

18. Media Queries

****************************************************************/

/************************ Reset CSS ************************/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-size: 100%;

vertical-align: baseline;

background: transparent;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}

:focus {

outline: 0;

}

ins {

text-decoration: none;

}

del {

text-decoration: line-through;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

.entry-content img {

margin: 0 0 1.5em 0;

}

.alignleft,

img.alignleft {

display: inline;

float: left;

margin-right: 1.5em;

padding: 4px;

}

.alignright,

img.alignright {

display: inline;

float: right;

margin-left: 1.5em;

}

.aligncenter,

img.aligncenter {

clear: both;

display: block;

margin-left: auto;

margin-right: auto;

}

.wp-caption {

text-align: center;

margin-bottom: 1.5em;

}

.wp-caption img {

border: 0 none;

margin: 0;

padding: 0;

}

.wp-caption p.wp-caption-text {

margin: 0;

}

.wp-smiley {

max-height: 1em;

margin:0 !important;

}

.gallery dl {

margin: 0;

}

.gallery-caption {

/*margin:-1.5em 0 0 0;*/

}

.gallery-icon {

padding: 10px;

}

.gallery img {

border:1px solid #f0f0f0 !important;

padding: 1px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

width: 100%;

height: auto;

}

blockquote.left {

float: left;

margin-left: 0;

margin-right: 20px;

text-align: right;

width: 33%;

}

blockquote.right {

float: right;

margin-left: 20px;

margin-right: 0;

text-align: left;

width: 33%;

}

/* Less Framework 4

http://lessframework.com

by Joni Korpi

License: http://opensource.org/licenses/mit-license.php */

/************************ Resets ************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,

p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,

img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,

dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figure, figcaption, hgroup,

menu, footer, header, nav, section, summary, time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

}

article, aside, canvas, figure, figure img, figcaption, hgroup,

footer, header, nav, section, audio, video {

display: block;

}

a img {border: 0;}

/************************ Typography presets ************************/

.gigantic {

font-size: 110px;

line-height: 120px;

letter-spacing: -2px;

}

.huge, h1 {

font-size: 68px;

line-height: 48px;

letter-spacing: -1px;

}

.large, h2 {

font-size: 42px;

line-height: 1;

}

.bigger, h3 {

font-size: 26px;

line-height: 36px;

}

.big, h4 {

font-size: 22px;

line-height: 30px;

}

body {

font: 16px Arial, sans;

line-height: 1.5;

}

.small, small {

font-size: 13px;

line-height: 18px;

}

.clear {

clear: both;

}

.clearfix:before, .clearfix:after {

content: " ";

display: table;

}

.clearfix:after {

clear: both;

}

.clearfix:before, .clearfix:after {

content: " ";

display: table;

}

.clearfix {

}

/************************ Selection colours (easy to forget) ************************/

::selection { background: rgb(255,255,158);}

::-moz-selection { background: rgb(255,255,158);}

img::selection { background: transparent;}

img::-moz-selection { background: transparent;}

body {-webkit-tap-highlight-color: rgb(255,255,158);}

/* apply a natural box layout model to all elements */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

* { transition: all 0.3s ease-out; }

body {

background: rgb(255,255,255,0);

color: rgb(60,60,60);

-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */

margin: 0 auto;

color: #666666;

font-family: 'Open Sans',Sans-Serif;

font-size: 14px;

}

a {

color: #E54D1B;

text-decoration: none;

}

a:hover {

color: #FF4D4D;

}

.container {

margin: 0 auto;

}

.block {

width:90%;

max-width:1130px;

margin:0 auto;

position:relative;

z-index: 1;

}

.block:before,

.block:after {

content: " "; /* 1 */

display: table; /* 2 */

}

.block:after {

clear: both;

}

/* Responsive Grids */

.col {

float: left;

margin-left: 3.2%;

margin-bottom: 30px;

}

/* grid4 col */

.grid4 .col {

width: 22.6%;

}

/* grid3 col */

.grid3 .col {

width: 31.2%;

}

/* grid2 col */

.grid2 .col {

width: 48.4%;

}

.grid4 .col:nth-of-type(4n+1),

.grid3 .col:nth-of-type(3n+1),

.grid2 .col:nth-of-type(2n+1) {

margin-left: 0;

clear: left;

}

.home-background {

background-image: url(img/homebackground.jpg);

background-attachment: fixed;

background-size: cover;

min-height: 200px;

}

.header-wrapper {

background: #333;

background-image: url(img/homebackground.jpg);

background-attachment: fixed;

background-size: cover;

min-height: 200px;

}

/************************ Header ************************/

header {

margin: 0 auto;

padding:30px 0 0;

/*position: fixed;*/

z-index: 1000;

width: 100%;

position: relative;

}

header h1.title {

font-size: 30px;

font-weight: 800;

text-align:center;

}

header .description {

font-size:14px;

color:#aaa;

display:block;

text-align:center;

}

header h1.title span {

color: #005f6b;

}

.slogan {

/*background: rgba(137, 158, 48, 0.5);*/

background: url(img/bg_slogan.png) top left repeat;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

color: #fff;

padding: 30px;

margin: 0 auto;

text-align: center;

margin: 11% auto 11%;

}

.slogan h2 {

font-size: 60px;

font-weight: 900;

margin-bottom: 25px;

}

.slogan p {

font-size: 34px;

font-weight: 100;

}

.social {

margin: 0;

list-style: none;

position: absolute;

right:10px;

top:10px;

}

.social li {

padding: 0 0 0 5px;

float: left;

font-size: 14px;

color: #6B6B6B;

}

.social li a {

float: left;

width: 36px;

height: 36px;

margin-top:0px;

background: url(img/social.png) no-repeat;

text-indent: -999em;

opacity: 0.5;

}

.social li a:hover {

opacity: 0.9;

}

.social li a.twitter {

background-position: 0px 0;

}

.social li a.facebook {

background-position: -61px 0;

}

.social li a.gplus {

background-position: -121px 0;

}

.social li a.youtube {

background-position: -177px 0;

}

.social li a.rss {

background-position: -242px 0;

}

.social li a.skype {

background-position: -304px 0;

}

/************************ Footer ************************/

footer {

clear: both;

padding: 20px 0;

overflow:hidden;

margin: 0 auto;

background: #111111;

color: #999;

}

.footer_widgets{

padding:40px 0;

}

.footer_widgets h3.widget-title{

font-size:20px;

color:#E54D1B;

margin-bottom: 40px;

}

.footer_widget {

}

.footer_widget ul li {

margin-bottom: 10px;

list-style:none;

padding: 3px 0 3px;

}

.footer_widget a {

font-weight:100;

color:#fff;

}

.copyright {

background: #222;

clear: both;

padding: 20px 0;

text-align: center;

border-top: 5px solid ##D7D7D7;

font-size: 12px;

margin: 0 auto;

color: #999;

}

.copyright a {

color: #ccc;

border-bottom: 1px dotted #666;

}

/************************ Navigation ************************/

.navigation {

font-size: 12px;

padding-top: 30px;

}

.nav-wrapper {

background: url(img/bg_nav.png) top left repeat;

padding: 3px 0;

margin-top: 20px;

}

nav * {

transition:none;

}

nav {

border-top: 1px dashed #999;

border-bottom: 1px dashed #999;

margin: 0 auto;

padding: 0;

line-height: 36px;

text-align: center;

}

nav ul li {

display: inline-block;

padding: 0 15px;

font-size: 14px;

font-weight: 100;

text-transform: uppercase;

transition:none;

}

nav ul li a {

padding: 21px 5px;

color: #ddd;

text-decoration: none;

transition:none;

}

nav ul li a span {

font-family: Georgia, serif;

font-style: italic;

font-weight: normal;

}

nav ul li a:hover, nav ul li.current-menu-item a, nav ul li.current_page_item a {

color: #fff;

}

nav ul li.active a {

}

/************************ Nav Submenu ************************/

ul.sub-menu {

position: absolute;

background: url(img/bg_nav.png) top left repeat;

margin-top: 4px;

margin-left: -15px;

width: 250px;

text-align: left;

z-index:999;

padding:0;

}

ul.sub-menu li {

line-height: 26px;

display: block;

padding: 0px;

font-weight: 100;

padding:0;

margin:0;

text-transform: upppercase;

}

ul.sub-menu li a {

color: #ffffff !important;

font-size: 14px;

font-weight:100;

padding: 10px 10px;

display: block;

text-shadow: none;

}

ul.sub-menu li a:hover {

background: #333;

color: #ffffff;

}

ul.sub-menu li ul {

position: absolute;

background: #FF4D4D !important;

margin-left: 230px;

margin-top: -50px;

width: 250px;

text-align: left;

z-index:999;

padding:10px 0 10px;

}

ul.subnav {

font-weight: bold;

font-family: "Helvetica", Arial, Sans-Serif;

padding-top: 20px;

margin-bottom: 20px;

}

ul.subnav li {

padding: 8px 0;

border-bottom: 1px solid #e3e3e3;

color: #ffffff;

}

#submenu li.current_page_item a {

color: #000;

}

/************************ Main Section ************************/

section.main {

/*width: 960px;*/

margin: 0 auto;

padding: 50px 20px;

}

section.main h1 {

font-size: 20px;

text-transform: upppercase;

font-weight:700;

color:#878787;

letter-spacing:2px;

text-align:center;

margin:20px 0;

}

/************************ Homepage ************************/

.promo {

background-image: url(img/bg_diamond.png);

padding: 20px 0;

}

.promo .col {

text-align: center;

}

.promo .col h3 {

font-size: 16px;

color: #000;

}

.featured {

padding: 50px 0;

}

.featured .col {

text-align: center;

}

.featured h2 {

font-size: 34px;

font-weight: 100;

color: #868686;

text-align: center;

margin-bottom: 40px;

}

.featured h3 {

margin-bottom: 20px;

}

.featured .post-title a {

font-size: 22px;

color: #E54D1B;

font-weight: normal;

}

.featured .post-content {

font-size: 15px;

font-weight: 100;

}

.submitbutton,

a.more-link,

a.post_read_more,

a.comment-reply-link {

margin: 20px auto;

color: #fff;

text-transform: uppercase;

font-family: wyekan;

font-size: 16px;

text-shadow:1px 1px rgba(0,0,0, .5);

background: #D93600 url(img/bg_button.png) 50% 50% repeat-x;

display: block;

width: 200px;

border:0;

padding: 10px 30px;

text-align: center;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);

-moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);

box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);

cursor: pointer;

}

.submitbutton:hover,

a.more-link:hover,

a.post_read_more:hover,

a.comment-reply-link {

color:#fff;

-webkit-box-shadow: 0px 0px 7px rgba(0,0,0, 0.3);

-moz-box-shadow: 0px 0px 7px rgba(0,0,0, 0.3);

box-shadow: 0px 0px 7px rgba(0,0,0, 0.3);

background-position: 50% 70%;

color: #fff;

}

.submitbutton {

margin: 20px 0;

}

.post-thumb-wrap {

background: url(img/pattern1.png) top left repeat;

position: relative;

overflow: hidden;

padding: 15px;

text-align: center;

display: inline-block;

-webkit-border-radius: 100%;

-moz-border-radius: 100%;

border-radius: 100%;

margin-bottom: 20px;

/*-webkit-box-shadow: inset 3px 3px 5px rgba(0,0,0,0.2);

-moz-box-shadow: inset 3px 3px 5px rgba(0,0,0,0.2);

box-shadow: inset 3px 3px 5px rgba(0,0,0,0.2);*/

}

.post-thumb-wrap:hover {

-webkit-transform: rotate(30deg);

-moz-transform: rotate(30deg);

-ms-transform: rotate(30deg);

-o-transform: rotate(30deg);

transform: rotate(30deg);

}

.post-thumb-wrap img {

display: block;

-webkit-border-radius: 100%;

-moz-border-radius: 100%;

border-radius: 100%;

max-width: 245px;

/*width: 245px;*/

width: 100%;

height: auto;

margin: 0;

}

.post-thumb-wrap:hover {

}

.post-thumb-wrap:hover img {

}

#google-map {

}

#map iframe {

height: 100%;

}

a.map-toggle {

-webkit-border-radius: 5px 5px 0 0px;

-moz-border-radius: 5px 5px 0 0px;

border-radius: 5px 5px 0 0px;

border:1px solid #ccc;

border-bottom: 1px solid #fff;

display: block;

margin: 0 auto;

width: 150px;

padding: 10px 20px;

position: relative;

background: #fff;

z-index: 2;

margin-bottom: 0px;

text-align: center;

color: #999;

}

a.map-toggle:after {

content: " ▾ ";

font-size: 20px;

vertical-align: middle;

display: inline-block;

margin: -2px 3px 0;

}

a.collapsed {

margin-bottom: -1px;

}

a.collapsed:after {

content: " ▴ ";

}

#map {

height: 300px;

border-top:1px solid #ccc;

position: relative;

z-index: 1;

display: none;

transition:none;

}

a.map-toggle .hide {

display: none;

}

/************************ Page and Post ************************/

h2.post-title {

text-align: left;

font-size: 50px;

font-weight: 100;

margin:0 auto 50px;

color: #868686;

}

.meta,

.tags {

margin: 20px 0;

color: #ccc;

}

.meta .post-date {

}

.post-author {

}

img.blog-thumb {

float: none;

width:100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

/************************ Menu Listing ************************/

.menulist {

}

.menulist article {

border-bottom: 1px solid #f0f0f0;

padding-bottom: 20px;

margin-bottom: 20px;

}

.menulist .post-title {

}

.menulist .post-thumb {

float:left;

width:60px;

margin-right: 20px;

}

.menulist .post-thumb img {

width: 100%;

height: auto;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

/*-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);

-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);

box-shadow: 0 0 5px rgba(0,0,0,0.3);

padding: 5px;*/

}

.menulist .post-content {

margin:0;

padding:0;

}

.menulist .with-thumb .post-content {

margin-left:60px;

/*padding-right:20px;*/

}

.menulist .post-content p:last-child {

margin-bottom: 0;

padding-bottom: 0;

}

.menulist .menu-item-title {

font-size: 22px;

font-weight: 100;

margin-bottom: 0;

}

.menulist .menu-item-content {

padding-top: 10px;

}

.menu-item-price {

float: right;

/*font-size: 14px;*/

color: #E54D1B;

}

.menu-title {

text-align: center;

font-weight: 600;

font-size: 22px;

margin: 40px 0;

text-transform: uppercase;

letter-spacing: 1px;

}

.menu-title:after,

.menu-title:before {

content: " ~ "

}

.menu-category {

margin-bottom: 40px;

}

.menu-category article:last-child {

/*border-bottom: none;*/

}

.level-1 {

}

.level-2 {

font-size: 18px;

}

/************************ Sidebar & Widgets ************************/

.widget_sidebar {

margin-bottom: 40px;

}

.widget_sidebar h3 {

font-size: 14px;

text-transform: uppercase;

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

}

.column-one {

float: left;

width: 63%;

}

.column-two {

float: right;

width: 32%;

}

.tags a,

.widget_tag_cloud .tagcloud a {

font-size: 14px;

background: #f0f0f0;

display: inline-block;

padding:5px 10px;

margin: 0 5px 5px 0;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

.widget_search label {

display: block;

}

#searchsubmit {

border:1px solid #ccc;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

background: #fff;

}

/************************ Image Styles ************************/

img.alignleft, img.alignright, img.aligncenter {

}

img.blog-thumb {

padding: 0;

margin: 0;

/*max-width:720px;*/

height:auto;

width: 100%;

}

/************************ Post Style ************************/

section.main .post {

clear: both;

padding: 20px 0;

/*border-bottom: 1px solid #efefef;*/

margin:0 auto;

}

section.main p { color:#666666; font-size:14px;

padding-bottom: 20px;

}

section.main .post p em {

font-size:16px;

font-family: 'Georgia', Sans-Serif;

}

section.main .post:last-child {

border-bottom: none;

}

.post-thumb {

padding:0;

margin:0 0 20px;

position: relative;

/*min-height: 100px;*/

}

.post-content {

margin: 20px 0;

}

/************************ Contact Form ************************/

#contactForm {

display:block;

padding-top: 30px;

}

#contactForm label {

display: block;

font-weight: normal;

padding: 5px 0px;

}

#contactForm input,

#contactForm textarea {

background:#fff;

border: 1px solid #eee;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

/*box-shadow: 1px 1px 0px #CCCCCC inset;*/

margin-bottom: 10px;

padding: 7px 10px;

}

#contactForm input:focus,

#contactForm textarea:focus {

border-color: #000;

}

#contactForm textarea {

font-size:14px;

width: 100%;

}

#contactForm input {

width: 100%;

}

.thanks {

background: #F2F3F6;

background: url('lib/contactform/ok.png') 0 26px no-repeat;

padding: 25px 15px 15px 25px;

display: none;

}

#contactForm .error, .error {

background: url("lib/contactform/error.png") no-repeat scroll 5px 50% #FEF4F1;

border: 1px solid #F5F5F5;

border-radius:5px;

color: #000000;

display: none;

margin-bottom: 5px;

padding: 7px 20px 7px 30px;

width: 100%;

}

.error {

display:none;

}

#contactForm .col {

margin-bottom: 0;

}

#contact-map{

background: #fff;

padding-bottom:30px;

border:1px solid #ddd;

padding:10px;

min-height: 320px;

height: 320px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

#contact-map iframe{

border:none;

height: 100%;

}

/************************ Paginate ************************/

.emm-paginate {

display: block;

font-size: 14px !important;

font-weight: bold;

margin:3% auto;

padding: 10px 0;

width: 75%;

text-align: center;

}

.emm-paginate a, .emm-paginate span {

margin-left:10px;

}

.emm-page {

background:#eeeeee;

color:#ffffff;

border-radius: 50% 50% 50% 50%;

display: inline-table;

height: 40px;

min-height: 40px;

width: 40px;

line-height: 40px;

margin-left: 5px;

}

.emm-current {

background:#E54D1B;

color:#ffffff;

}

/************************ Comments ************************/

#comments {

border-bottom: 2px solid #DDDDDD;

display: block;

/*float: left;*/

margin-top: 30px;

padding-bottom: 10px;

/*width: 90%;*/

}

.comment-author { background:none;}

#comments h3, #comment-form-title h3 {

font-size: 22px;

}

ol.commentlist { margin-top: 10px; margin-bottom:20px; }

.commentlist ol li {border-bottom:1px solid #ddd;}

.commentlist li { position: relative; clear: both; list-style-type: none; padding: 11px 10px;border-bottom:1px solid #ddd;}

.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 17px; }

.commentlist li.depth-1 { margin-top: 1px; }

.commentlist li:not(.depth-1) { margin-right: -10px; }

.commentlist li:last-child {}

.commentlist header {min-height: 30px; border:none; position: static; padding: 0}

nav#comment-nav {line-height: 12px;}

.commentlist .vcard {margin-left: 40px; }

.commentlist .vcard cite.fn { font-weight: 700; font-style: normal;}

.commentlist .vcard time {font-size: 11px; float: none; background:none;width: auto;margin-top: auto; text-shadow:1px 1px #fff;text-transform:uppercase}

.commentlist .vcard time a { color: #999; text-decoration: none; }

.commentlist .vcard time a:hover { text-decoration: underline; }

.commentlist .vcard img.avatar { position: absolute; left: 0; padding: 0px; border: 0px solid #cecece; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.commentlist li .comment_content { margin-left: 40px; }

.commentlist li .comment_content p { margin: 15px 0; }

.commentlist li .comment_content > *:last-child, .commentlist li .comment_content > *:last-child > *:last-child { margin-bottom: 0 }

.commentlist li ul:not(#comment-form-elements) { margin: 0 0 0 40px; }

.commentlist li ul.children li { border:none;border-top:1px solid #ddd;padding-bottom:4px;}

.commentlist .comment-reply-link {margin-left:40px;text-decoration: none; min-width: 0; padding: 5px 10px; font-size: 10px; width: auto; display: inline-block; opacity: 0.5; margin-top: 5px; margin-bottom: 5px; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

.commentlist a.comment-reply-link:hover, .commentlist article:hover .comment-reply-link { opacity: 1; }

.commentscount { background:url(library/images/comments.png) 0 2px no-repeat; padding-left:28px; height:30px; display:inline-block; }

#cancel-comment-reply-link { text-transform:uppercase; font-size: 11px; min-width: 0}

/************************ Respond Form ************************/

#respond {margin:40px 0 0 0;}

.respond-form form[method=post] {margin:30px 0; }

.respond-form ol li form#commentform[method=post] li { margin-bottom:0; }

.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 20px; padding: 0; border:none;}

.respond-form form[method=post] li label, .respond-form form[method=post] li small {cursor:pointer; text-transform:uppercase; width:130px; display:block;}

.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { outline:none;}

.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { width:95%; height:30px; border: none; padding: 1px 6px; line-height: 24px; }

#allowed_tags { margin: 24px 10px 11px 0; }

.respond-form textarea, .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { font-family: sans-serif; background:#fff; border-radius: 3px; border: 1px solid #eee;}

.respond-form textarea { resize: none; width: 500px; padding: 10px 5px; line-height: 24px; height:190px; }

.respond-form input:invalid, .respond-form textarea:invalid { outline: none;}

.nocomments { margin: 0 20px 17px; }

.commentbutton {background:url(library/images/postcomment.png) 0 0px no-repeat; width:162px; height:34px; text-indent:-9999px; border:none; margin-left:135px;}

/************************ Dropcaps ************************/

.dropcapsimple, .dropcapsquare, .dropcapfancy {

float:left;

overflow:hidden;

text-align:center;

}

.dropcapsimple {

font-size:34px;

height:34px;

line-height:38px;

width:30px;

text-align:left;

}

.dropcapsquare {

font-size:28px;

height:38px;

line-height:38px;

width:38px;

margin-right:7px;

color:#fefefe;

background:#111;

text-shadow:none;

-moz-border-radius:4px;

-webkit-border-radius:4px;

}

.dropcapfancy {

font-size:26px;

height:40px;

line-height:40px;

width:40px;

margin-right:7px;

color:#fefefe;

text-shadow:none;

background:url(images/bk_dropcap3.png) 0 0 no-repeat !important;

}

/************************ Responsive Navigation ************************/

nav select {

display: none;

}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

body {

}

nav {

width: 100%;

text-align: center;

}

section.main {

width: 100%;

float: right;

padding-top: 20px;

}

section.main .post {

width: 100%;

}

section.main .post h2 {

width: 100%;

font-size: 16px;

}

#respond #commentform p label {

clear: both;

display: block;

padding-left: 0;

font-size: 11px;

font-style: italic;

}

#respond #commentform #comment {

width: 95%;

}

body.page section.main img,

body.blog section.main img,

body.archive section.main img {

max-width: 100%;

width: 100%;

height: auto !important;

}

}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {

/* change grid3 to 2-column */

.grid2 .col {

width: 100%;

margin-left: 0;

}

.grid3 .col:nth-of-type(2n+1) {

margin-left: 0;

clear: none;

}

.grid3 .col {

width: 100%;

margin-left: 0;

}

.grid3 .col:nth-of-type(3n+1) {

margin-left: 0;

clear: none;

}

.grid3 .col:nth-of-type(2n+1) {

margin-left: 0;

clear: left;

}

/* change grid4 to 2-column */

.grid4 .col {

width: 100%;

margin-left: 0;

}

.grid4 .col:nth-of-type(4n+1) {

margin-left: 0;

clear: none;

}

.grid4 .col:nth-of-type(2n+1) {

margin-left: 0;

clear: left;

}

body {

/* width: 250px;

padding:0px 34px 60px;*/

}

.footer_widget {

float: none;

margin-right: 0px;

width: 100%;

}

.footer_widgets {

width: 100%;

}

img.blog-thumb {

float:none;

}

nav ul {

display: none;

}

nav select {

display: inline-block;

width: 100%;

border: 1px solid #ccc;

color: #666; padding:5px;

font-family: wyekan;

font-size: 12px;

}

.social {

margin: 20px auto 20px;

list-style: none;

position: static;

text-align: center;

}

.social li {

display: inline-block;

float: none;

}

.slogan h2 {

font-size: 30px;

}

.slogan p {

font-size: 20px;

}

section.sidebar {

width: 252px;

}

section.main {

width: 100%;

}

section.main .post { width: 100%; }

section.main .post h2 {

width: 100%;

font-size: 24px;

}

#respond {

margin: 0px;

padding-top:40px;

}

.commentlist li ul {

margin: 0px;

}

#respond #commentform p label {

clear: both;

display: block;

padding-left: 0;

font-size: 11px;

font-style: italic;

}

#respond #commentform #comment {

width: 95%;

}

body.page section.main img,

body.blog section.main img,

body.archive section.main img {

max-width: 100%;

height: auto !important;

}

section #contact-map {

width: 95%;

}

section #contactForm input, section #contactForm textarea {

width: 95%;

}

footer {

padding:20px;

}

nav {

padding: 20px;

}

.column-one {

float: none;

width: auto;

}

.column-two {

float: none;

width: auto;

}

}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

body {

/*width: 420px;

padding: 5px 22px 48px;*/

}

nav ul {

display: none;

}

nav select {

display: inline-block;

width: 100%;

border: 1px solid #ccc;

color: #666; padding:5px;

font-size: 12px;

}

.footer_widget {

float: none;

margin-right: 0;

margin-left: 0;

width: 100%;

}

section.sidebar {

width: 100%;

}

section.main {

width: 100%;

float: none;

}

section.main .post {

width: 100%;

}

section.main .post h2 {

width: 100%;

/*font-size: 16px;*/

}

.post-thumb {

/*max-height: 260px;*/

}

img.blog-thumb {

float: none;

width:100%;

}

#respond #commentform p label {

display: inline;

padding-left: 20px;

}

#respond #commentform #comment {

width: 95%;

}

body.page section.main img,

body.blog section.main img,

body.archive section.main img {

max-width: 100%;

height: auto !important;

}

section #contact-map {

width: 95%;

}

footer {

padding:20px;

}

.column-one {

float: none;

width: auto;

}

.column-two {

float: none;

width: auto;

}

}

/* Retina media query.

Overrides styles for devices with a

device-pixel-ratio of 2+, such as iPhone 4.

----------------------------------------------- */

@media

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

body {

}

}

/* Content Flip Style */

.bb-bookblock {

width: 400px;

height: 300px;

position: relative;

background: #fff;

z-index: 100;

}

.bb-page {

width: 50%;

height: 100%;

left: 50%;

position: absolute;

-webkit-transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

transform-style: preserve-3d;

-webkit-transform-origin: left center;

-moz-transform-origin: left center;

-o-transform-origin: left center;

-ms-transform-origin: left center;

transform-origin: left center;

}

.bb-page > div,

.bb-outer,

.bb-content {

position: absolute;

height: 100%;

top: 0;

left: 0;

}

.bb-content {

background: #fff;

}

.bb-inner {

position: relative;

width: 100%;

height: 100%;

}

.bb-overlay, .bb-outer {

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

-o-backface-visibility: hidden;

-ms-backface-visibility: hidden;

backface-visibility: hidden;

}

.bb-page > div {

width: 100%;

-webkit-transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

transform-style: preserve-3d;

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

-o-backface-visibility: hidden;

-ms-backface-visibility: hidden;

backface-visibility: hidden;

}

.bb-back {

-webkit-transform: rotateY(-180deg);

-moz-transform: rotateY(-180deg);

-o-transform: rotateY(-180deg);

-ms-transform: rotateY(-180deg);

transform: rotateY(-180deg);

}

.bb-outer {

width: 100%;

overflow: hidden;

z-index: 999;

}

.bb-overlay,

.bb-flipoverlay {

background-color: rgba(0, 0, 0, 0.7);

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

opacity: 0;

z-index: 1000;

}

.bb-flipoverlay {

background-color: rgba(0, 0, 0, 0.2);

}

.bb-bookblock > div.bb-page:first-child,

.bb-bookblock > div.bb-page:first-child .bb-back {

-webkit-transform: rotateY(180deg);

-moz-transform: rotateY(180deg);

-o-transform: rotateY(180deg);

-ms-transform: rotateY(180deg);

transform: rotateY(180deg);

}

.js .bb-item {

width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

display: none;

background: #fff;

}

.bb-bookblock {

width: 100%;

height: 400px;

}

لینک به ارسال
مهدی

مهدی 1668

ارسال شده در
ارسال شده در

سلام

برای اضافه کردن کد از ویرایش‌گر دکمه مخصوص داره ...

برای برطرف شدن مشکل‌تون این کد رو به استایل قالبتون اضافه کنید و تست کنید


.main-nav ul.sub-menu{
display:none
}
.main-nav li:hover ul.sub-menu{
display:block
}

  • امتیاز 1
لینک به ارسال

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

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

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

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

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

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

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

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

×
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...