راست چین کردن منو

شروع موضوع توسط -Mitra ‏9 ژوئن 2012 در انجمن زبان HTML

  1. -Mitra

    -Mitra Member

    ارسال‌ها:
    110
    تشکر شده:
    8
    امتیاز دستاورد:
    16
    سلام :rose:

    دوستان من وردپرس نصب کردم یک قالب هم نصب کردم اما دوست دارم منو بالای سایت از سمت چپ یه سمت راست منتقل بشه منو دباره ما و خانه
    ممنون میشم راهنمایی کنید
     
    نوشته شده توسط -Mitra در ‏9 ژوئن 2012
  2. sheisebaboo

    sheisebaboo Active Member

    ارسال‌ها:
    230
    تشکر شده:
    184
    امتیاز دستاورد:
    43
    سلام.
    در داخل css قالبتون، کدهای مخصوص منو رو پیدا کنید و مقدار کدهای Float،direction رو به زیر تغییر بدید.

    کد (Text):
    float:right
    direction:rtl
    اگر تغییری پیدا نکرد،باید قالبتون رو ببینم
     
    نوشته شده توسط sheisebaboo در ‏9 ژوئن 2012
    -Mitra از این پست تشکر کرده است.
  3. delhamid

    delhamid Member

    ارسال‌ها:
    60
    تشکر شده:
    18
    امتیاز دستاورد:
    8
    آی دی بنده را ادد نمایید
    راه حل مشکل شما در دستان ماست

    گرافیکباز طراحی و فارسی انواع قالب های وردپرس برای شما
     
    نوشته شده توسط delhamid در ‏4 جولای 2012
  4. meysamz

    meysamz Member

    ارسال‌ها:
    285
    تشکر شده:
    104
    امتیاز دستاورد:
    16
    تو کد سی اس اس مخصوص منو تک تکText-align: left ها را right کنید و direction: LTR را به rtl تغییر دهید.
    فقط توجه کنید چون به سی اس اس مسلط نیستید سعی نمایید مرحله به مرحله این تغییرات بالا را انجام دهید
     
    نوشته شده توسط meysamz در ‏6 جولای 2012
    toxin و ajaxboltco از این پست تشکر کرده اند.
  5. amirsign

    amirsign New Member

    ارسال‌ها:
    11
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام ببحشید یک سوال من یک کد ساده html دارم که بعد از convert کردنش به utf-8 جای همه تکست ها تونستم قارسی بنویسم جز در این خطوط به جای مثلا Home :
    <header class="header">
    <div class="row-top">
    <div class="main">
    <h1><a href="index.html">Karting racing club</a></h1>
    <nav>
    <ul class="sf-menu">
    <li><a class="current" href="index.html"><strong><strong>Home</strong></strong></a>
    </li>
    <li><a href="index-1.html"><strong><strong>Karts</strong></strong></a></li>
    <li><a href="index-2.html"><strong><strong>Tracks</strong></strong></a></li>
    <li><a href="index-3.html"><strong><strong>Events</strong></strong></a></li>
    <li><a href="index-4.html"><strong><strong>Photos</strong></strong></a></li>
    <li><a href="index-5.html"><strong><strong>locations</strong></strong></a></li>
    </ul>
    </nav>
    </div>
    </div>
     
    نوشته شده توسط amirsign در ‏9 جولای 2012
  6. delhamid

    delhamid Member

    ارسال‌ها:
    60
    تشکر شده:
    18
    امتیاز دستاورد:
    8
    یعنی چی نمیشه؟
    توضیح بیشتر

    متن که مشکلی نداره
    یه حدسی که میتونم بزنم اینه که قالب شما داره از فونت های مخصوص لاتین استفاده میکنه.
    توی css تون هرجا فونت فامیلی دیدید تاهوما بزارید و تست کنید.
    موفق ...
     
    نوشته شده توسط delhamid در ‏9 جولای 2012
  7. amirsign

    amirsign New Member

    ارسال‌ها:
    11
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    آقا دمت گرم بله تو JS فایلاش چندتا فایل مربوط به این قسمت بود فونتاشو Tahoma کردم ردیف شد ، پرچمت بالاست.
     
    نوشته شده توسط amirsign در ‏9 جولای 2012
  8. amirsign

    amirsign New Member

    ارسال‌ها:
    11
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    دوست عزیز عین همین مشکلم با xml تو فلش دارم ایده ای نداری؟
     
    نوشته شده توسط amirsign در ‏9 جولای 2012
  9. muhama

    muhama New Member

    ارسال‌ها:
    18
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    دوست عزیز دقیقا کجاهای cssرو دستکاری کردی؟ کذوم js هارو؟
     
    نوشته شده توسط muhama در ‏14 اکتبر 2012
  10. delhamid

    delhamid Member

    ارسال‌ها:
    60
    تشکر شده:
    18
    امتیاز دستاورد:
    8
    توی xml شما نیاز به یه تبدیل کننده دارید

    من خودم کار نکردم

    ولی دیدم از یه جور ادد آن و کد اضافی استفاده میکنن یا متن فارسی رو توی عکس مینویسن و اونو توش استفاده میکنن.

    دادا پرچم بالا رو بی خیال تشکرو بچسبون :rose:
     
    نوشته شده توسط delhamid در ‏21 اکتبر 2012
  11. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    مشکل در راستچین کردن منو

    من یه قالب html دارم که منو اون رو خواستم راستچین کنم ولی مشکل دارم
    ممنون میشم دوستان کمکم کنند
    من فایل قالب رو ضمیمه می کنم
     

    پیوست ها:

    • azonprint.rar
      اندازه فایل:
      13.5 MB
      نمایش ها:
      23
    نوشته شده توسط tarenoco در ‏12 اکتبر 2015
  12. delhamid

    delhamid Member

    ارسال‌ها:
    60
    تشکر شده:
    18
    امتیاز دستاورد:
    8
    سلام دوست عزیز

    برای سریع پاسخ گرفتن بهتره کد + تصویر قرار بدید سریع تر دوستان کمکتون میکنن
    css منو هم بذارید میشه راهنمایی کرد
     
    نوشته شده توسط delhamid در ‏13 اکتبر 2015
  13. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    خیلی ممنون
    من فایل قالب رو کامل گذاشتم
    ممنون میشم کمک کنید
    در اصل من منو سایت http://azonprinter.com میخوام که فارسیش کنم
    ولی مشکل دارم
     
    آخرین ویرایش: ‏13 اکتبر 2015
    نوشته شده توسط tarenoco در ‏13 اکتبر 2015
  14. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    راستچین کردن منو

    من تقریبا درستش کردم ولی این قسمت رو نتونستم
    این مثلث رو میخوام بره سمت راست و برعکس به سمت منو قبلی بشه
    ممنون میشم راهنمایی کنید
    تو سایت http://azonprinter.com همه برید میبینید نسخه اصلیش رو

    این هم کد های css

    کد (Text):

    /*
    Theme Name: iFeature Pro 5
    Theme URI: http://www.cyberchimps.com/ifeaturepro/
    Author: CyberChimps
    Author URI: http://www.cyberchimps.com/
    Description: iFeature Pro 5 is the World's first Touch Friendly Responsive Drag & Drop Wordpress Theme. It lets you create amazing responsive websites that you can control on any touch friendly device including the iPad, iPhone, and Android devices. iFeature Pro 5 also includes the power of a dozen plugins in a single theme allowing you to setup an entire website in minutes with touch friendly Drag and Drop Options on a per-page basis allowing you control the look and feel of every page.
    Version: 5.1.2.3
    Tags: white, black, silver, light, gray, green, orange, pink, red, two-columns, right-sidebar, flexible-width, fixed-width, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post, full-width-template, flexible-header,
    License: GNU General Public License version 3
    License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
    */

    /********************************************************************************************************************/
    /******************************************** MAIN HTML STYLES ******************************************************/
    /********************************************************************************************************************/
    body {
        color: #555555;
    }

    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
        font-weight: 400;
    }

    table {
        margin-bottom: 25px;
    }

    table .label {
        padding: 7px;
        background: none;
        text-shadow: none;
        line-height: normal;
    }

    tr {
        border-bottom: 1px solid #cccccc;
    }

    td {
        padding: 5px;
    }

    dt {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 26px;
        font-weight: bold;
    }

    dd {
        margin-bottom: 15px;
        margin-left: 26px;
    }

    ul, ol {
        margin: 0 0 25px 0;
    }

    ol, ul {
        margin-left: 21px;
        list-style-position: inside;
    }

    pre {
        margin-bottom: 25px;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    code {
        white-space: pre-wrap;
    }

    .clear {
        clear: both;
    }

    .clear-right {
        clear: right;
    }

    .clear-left {
        clear: left;
    }

    /********************************************************************************************************************/
    /******************************************** HEADER ****************************************************************/
    /********************************************************************************************************************/

    header#cc-header {
        margin-bottom: 20px;
    }

    /*======================================= TOP BAR =============================================*/

    #top_header {
        margin-bottom: 15px;
        background-image: url('images/topbarbg.jpg');
    }

    #top_header .top-head-description {
        margin: 8px 0 6px 0;
        color: #bababa;
        font-size: 14px;
    }

    #top_header .top-head-social .symbol {
        float: right;
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: 6px;
        margin-left: 5px;
        padding: 0;
        width: 20px;
        height: 20px;
        font-size: 2em;
        line-height: 0.7;
    }

    header #social .symbol {
        float: right;
        margin-left: 5px;
    }

    .icons {
        margin-top: 15px;
    }

    #top_header .top-head-social .default-icons a.symbol {
        box-shadow: 1px 1px 0 #333333;
    }

    /*======================================= DETAILS =============================================*/

    header#cc-header h2.site-title {
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 32px;
    }

    header#cc-header h2.site-description {
        margin: 0;
        font-size: 14px;
    }

    header#cc-header .contact_details {
        float: right;
        margin-top: 15px;
        color: #888888;
    }

    header#cc-header .contact_details .cc-telephone-number {
        text-align: right;
    }

    header#cc-header .contact_details .cc-telephone-number img {
        margin-top: -3px;
        margin-left: 10px;
    }

    header#cc-header .contact_details .cc-email {
        text-align: right;
    }

    header#cc-header .contact_details .cc-email img {
        margin-top: -2px;
        margin-left: 10px;
    }

    header#cc-header .register {
        float: right;
    }

    header#cc-header .blog_description {
        float: right;
    }

    header#cc-header p {
        font-size: 1.2em;
    }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-weight: normal;
        font-style: normal;
        font-family: 'Glyphicons Halflings';
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .glyphicon-home:before {
        content: "\e021";
    }

    .glyphicon-earphone:before {
        content: "\e182";
    }

    .glyphicon-envelope:before {
        content: "\2709";
    }

    .glyphicon-earphone, .glyphicon-envelope {
        margin: 2px 10px;
        color: #cccccc;
    }

    /*======================================= SEARCH ===============================================*/

    header #search #searchform {
        float: right;
        margin-top: 20px;
    }

    /********************************************************************************************************************/
    /******************************************** MENU ******************************************************************/
    /********************************************************************************************************************/

    #navigation {
        margin-bottom: 30px;
    }

    .main-navigation.navbar {
        margin-bottom: 0;
    }

    .main-navigation .navbar-inner {
        padding: 0;
        min-height: 20px;
        border: 1px solid;
        border-color: #888888 #666666 #666666 #666666;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #b6b6b6;
        background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(51%, #919191), color-stop(52%, #858585), color-stop(100%, #717171));
        background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #919191 51%, #858585 52%, #717171 100%);
        background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        box-shadow: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
    }

    .main-navigation .nav > li {
        border-left: 1px solid rgb(182, 182, 182);
        float: right;
        direction: rtl;
        margin-right: -1.5%;
        margin-left: 1%;    
    }

    .main-navigation .nav > li > a {
        display: block;
        color: #ffffff;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
        font-size: 1.1em;
        float:right;
        direction:rtl;
    }

    .main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {
        margin-top: 10px;
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .main-navigation .nav > li > a:hover {
        background: #666666;
        color: #f6f6f6;
    }

    .main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a {
        background: #717171;
        color: #ffffff;
    }

    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .current-menu-ancestor.dropdown {
        background-color: #717171;
        color: #ffffff;
    }

    .main-navigation .nav li ul li a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover, .main-navigation .nav li ul li a:focus {
        background: #717171;
        color: #c5c5c5;
        filter: none;
    }

    .main-navigation .nav li ul li a {
        color: #f6f6f6;
    }

    .main-navigation .nav li ul li ul {
        margin-left: 0;
        list-style: none;
    }

    .main-navigation .nav li ul li ul li a {
        padding-left: 24px;
    }

    .main-navigation .nav li ul li ul li ul li a {
        padding-left: 30px;
    }

    .main-navigation .nav li.dropdown:hover ul.dropdown-menu {
        display: block;
        margin-top: 0;
        border-radius: 0;
        background: #666666;
    }

    .navbar .nav > li > .dropdown-menu::before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #666666;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        border-left: 7px solid transparent;
        content: '';
    }

    .navbar .nav > li > .dropdown-menu::after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #666666;
        border-left: 6px solid transparent;
        content: '';
    }

    #navigation #searchform {
        margin-right: 15px;
    }

    .navbar .btn-navbar {
        margin-bottom: 5px;
    }

    /* 3rd tier */
    .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        filter: none;
    }

    .main-navigation .nav > li > ul > li {
        position: relative;
    }

    .main-navigation .nav > li > ul > li > ul {
        position: absolute;
        top: 0;
        right: 100%;
        z-index: 1001;
        display: none;
        margin-top: 0;
        padding: 0;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: #666666;
    }

    .main-navigation .nav > li > ul > li:hover > ul {
        display: block;
    }

    .main-navigation .nav > li > ul > li > ul::before {
        position: absolute;
        top: 7px;
        left: -7px;
        display: inline-block;
        border-top: 7px solid transparent;
        border-right: 7px solid #666666;
        border-right-color: rgba(0, 0, 0, 0.2);
        border-bottom: 7px solid transparent;
        content: '';
    }

    .main-navigation .nav > li > ul > li > ul::after {
        position: absolute;
        top: 8px;
        left: -6px;
        display: inline-block;
        border-top: 6px solid transparent;
        border-right: 6px solid #666666;
        border-bottom: 6px solid transparent;
        content: '';
    }

    @media (max-width: 979px) {
        .main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {
            border: none;
        }

        .main-navigation .nav > li > ul > li > ul {
            position: static;
            display: block;
            border: none;
        }

        .nav-collapse .dropdown-menu li + li a {
            margin-bottom: 0px;
        }

        .nav-collapse.in {
            background-color: #747474;
            background-image: none;
        }

        .nav-collapse.in .nav li {
            background-color: #747474;
        }

        .nav-collapse.in .nav ul {
            background: #747474;
        }

        .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
            display: none;
        }

        .navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {
            background-color: #666666;
            color: #ffffff;
        }

        .navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {
            color: #ffffff;
            text-shadow: none;
            font-weight: normal;
        }

        .navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {
            background: #666666;
            box-shadow: none;
            color: #ffffff;
        }

        .nav-collapse.in .dropdown .caret {
            display: none;
        }

        .nav-collapse.in .dropdown-menu {
            display: block;
        }

        .navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
            background-color: #666666;
            background-image: none;
            color: #ffffff;
        }
    }

    /********************************************************************************************************************/
    /******************************************** MAIN CONTENT **********************************************************/
    /********************************************************************************************************************/

    .container {
        background: transparent;
    }

    article.post, article.page, article.attachment {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 0;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    .entry-content {
        margin: 0;
    }

    .page-header {
        margin-top: 0;
        padding: 0;
        border: none;
    }

    .page-title {
        font-size: 31px
    }

    /*==================================== POST AND PAGE CONTENT ===========================================*/

    article {
        background: #ffffff;
    }

    .entry-header {
        margin: 0;
        padding: 0 20px;
    }

    .entry-summary {
        margin: 0;
        padding: 20px;
    }

    .entry-content {
        padding: 20px;
    }

    .postformats {
        float: right;
        margin-left: 20px;
        width: 42px;
        height: 38px;
        border: 1px solid #2b7a9f;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #6fb7d6;
        background: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
        background: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
    }

    .postformats .glyphicon {
        padding-top: 6px;
        color: #ffffff;
        font-size: 1.6em;
    }

    .postformats .glyphicon-file {
        padding-left: 2px;
    }

    blockquote {
        margin: 10px 10px 20px;
        padding: 3px;
        background-color: #cccccc;
    }

    blockquote p {
        margin: 10px;
    }

    blockquote cite {
        font-size: 0.9em;
    }

    blockquote cite:before {
        position: relative;
        top: -2px;
        margin: 0 5px;
        content: ' ̶ ';
    }

    .page-links {
        clear: both;
    }

    .more-content {
        overflow: hidden;
        margin-bottom: 15px;
        padding: 10px 20px 5px 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    .previous-post {
        margin-top: 5px;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: left;
    }

    .next-post {
        margin-top: 5px;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: right;
    }

    .featured-image {
        float: left;
        margin: 0px 10px 10px 0px;
    }

    .entry-title a {
        font-size: 22px;
    }

    /*==================================== TAXONOMY ========================================================*/

    .entry-title {
        margin-top: 25px;
        font-weight: 400;
        font-size: 22px;
        line-height: 1.2em;
    }

    .entry-title a {
        color: #333333;
    }

    .entry-title a:hover {
        color: #0088cc;
        text-decoration: none;
    }

    article.post p, article.page p {
        font-size: 1.1em;
        line-height: 1.5em;
    }

    /*==================================== IMAGES ==========================================================*/

    .alignnone {
        display: block;
        margin: 5px 20px 20px 0;
    }

    .aligncenter, div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    .alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignnone {
        margin: 5px 20px 20px 0;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    img.size-full {
        max-width: 100%;
        height: auto;
    }

    .wp-caption {
        padding: 15px 3px 10px;
        max-width: 96%;
        border: 1px solid #f0f0f0; /* Image does not overflow the content area */
        background: #ffffff;
        text-align: center;
    }

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        margin: 0;
        padding: 0;
        max-width: 95%;
        width: auto;
        height: auto;
        border: 0 none;
    }

    .wp-caption p.wp-caption-text {
        margin: 0;
        padding: 0 4px 5px;
        font-size: 11px;
        line-height: 17px;
    }

    .caption_title {
        font-size: 16px;
    }

    .gallery-pagination {
        margin: 20px 0;
    }

    .gallery-pagination .previous-image a {
        float: left;
    }

    .gallery-pagination .next-image a {
        float: right;
    }

    /*==================================== META ============================================================*/

    .entry-meta {
        color: #afaeae;
        font-size: 0.9em;
        line-height: 1em;
    }

    footer.entry-meta {
        clear: both;
        padding: 0px 20px 15px 20px;

    }

    .byline:before {
        margin-left: 5px;
        content: '\2022';
    }

    .cat-links {
        clear: left;
        margin-top: 10px;
        line-height: 1.6em;
    }

    .taglinks {
        display: inline-block;
        margin-left: 0;
    }

    .taglinks a {
        position: relative;
        float: left;
        margin: 0 5px 10px 0;
        padding: 4px 12px 4px 0;

        /*border-top: 1px solid #e7e7e7;
            border-bottom: 1px solid #c6c6c6;
            border-left: 1px  solid #e7e7e7;
            background: #ffffff;
            background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
            background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
            background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
            background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
            background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);*/
        font-size: 1em;
        line-height: 15px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
    }

    .taglinks a:before {
        position: relative;
        top: 1px;
        display: inline-block;
        margin-right: 5px;
        content: "\e041";
        font-weight: normal;
        font-style: normal;
        font-family: 'Glyphicons Halflings';
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .taglinks a:after {
        /*position: absolute;
        top: -1px;
        left: 100%;
        width: 20px;
        height: 25px;
        background: url( 'images/tag.png' ) no-repeat 0 0 transparent;
        content: '';*/
    }

    .comments-link:before {
        margin-right: 5px;
        content: '\2022';
    }

    .edit-link {
        display: block;
        clear: both;
    }

    .edit-link a {
        padding: 2px 4px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #888888;
        color: #ffffff;
    }

    .edit-link a:visited {
        color: #ffffff;
    }

    .edit-link a:hover {
        color: #cccccc;
        text-decoration: none;
    }

    .cyberchimps_article_share {
        float: right;
    }

    /*==================================== COMMENTS ========================================================*/

    .comments-area {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    #comments .navigation {
        padding: 0 0 18px 0;
    }

    label[for="comment"] {
        display: block;
    }

    ol.commentlist {
        list-style: none;
    }

    ol.commentlist p {
        clear: left;
        margin-left: 8px;
    }

    ol.commentlist li.comment {
        padding: 10px;
    }

    ol.commentlist li.comment div.vcard cite.fn {
        font-style: normal;
    }

    ol.commentlist li.comment div.vcard img.avatar {
        margin: 0 10px 10px 10px;
    }

    ol.commentlist li.comment div.comment-meta {
        font-size: 11px;
    }

    ol.commentlist li.comment div.comment-meta a {
        color: #888888;
    }

    ol.commentlist li.comment div.reply {
        margin-left: 8px;
        font-size: 11px;
    }

    ol.commentlist li.comment div.reply a {
        font-weight: bold;
    }

    ol.commentlist li.comment ul.children {
        margin: 10px 0 0;
        list-style: none;
    }

    ol.commentlist li.comment ul.children li.depth-2 {
        margin: 0 0 10px 10px;
    }

    ol.commentlist li.comment ul.children li.depth-3 {
        margin: 0 0 10px 10px;
    }

    ol.commentlist li.comment ul.children li.depth-4 {
        margin: 0 0 10px 10px;
    }

    ol.commentlist li.even {
        border: 1px solid #cccccc;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #fafafa;
    }

    ol.commentlist li.odd {
        border: 1px solid #cccccc;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #ffffff;
    }

    .comment, .trackback, .pingback {
        margin: 10px 0 10px 0;
        padding: 10px;
    }

    .odd {
        background: #f8f8f8;
    }

    #form-allowed-tags code {
        font-size: 12px;
    }

    #respond input, #respond textarea {
        overflow: auto;
        margin: 0 5px 5px 0;
    }

    #respond textarea {
        width: 99%;
        height: 150px;
    }

    .avatar {
        float: left;
    }

    /********************************************************************************************************************/
    /******************************************** SIDEBAR & WIDGETS *****************************************************/
    /********************************************************************************************************************/

    #sidebar .widget-container {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 0 0 15px 0;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    #sidebar h3.widget-title {
        margin-top: 0;
        padding: 10px 10px 10px 23px;
        border: 1px solid;
        border-color: #888888 #666666 #666666 #666666;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        background: #b6b6b6;
        background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(100%, #717171));
        background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        box-shadow: none;
        color: #ffffff;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
        font-weight: 100;
        font-size: 1.3em;
        line-height: 1.3em;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
    }

    #sidebar .widget-container ul, #sidebar .widget ul {
        margin: 0;
        padding: 0 20px;
    }

    #sidebar .widget-container ul li, #sidebar .widget ul li {
        padding: 10px 0 10px 0;
        border-bottom: 1px solid #ededed;
        list-style: none;
        font-size: 14px;
        line-height: 1.4em;
    }

    #sidebar .widget-container > ul > li ul {
        margin: 5px 0 5px 5px;
    }

    #sidebar .widget-container ul li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

    #sidebar .widget-container > ul > li li {
        margin: 0 0 3px 0;
        padding: 0;
        list-style: none;
    }

    #sidebar .widget-container ul li a {
        border-bottom: 1px dotted #c5e5f4;
    }

    #sidebar .widget-container p {
        padding: 0 20px;
    }

    #sidebar .widget-container .tagcloud {
        padding: 0 20px;
    }

    table#wp-calendar {
        width: 100%;
    }

    table#wp-calendar th {
        font-size: 14px;
    }

    table#wp-calendar td {
        padding: 5px 0;
        width: 14.28571428571429%;
        text-align: center;
        font-size: 14px;
    }

    #sidebar .widget_search, .widget_search {
        padding: 15px;
    }

    .widget-container #searchform.pull-right {
        float: none;
        margin-right: 30px;
    }

    .widget-container #searchform input.input-medium {
        display: inline-block;
        float: none;
        width: 100%;
    }

    /*==================================== SEARCH FORM ====================================================*/

    #searchform {
        float: left;
        margin: 5px 0 0 -975px;
    }

    /********************************************************************************************************************/
    /******************************************** FOOTER ****************************************************************/
    /********************************************************************************************************************/

    #footer_widgets_wrapper {
        margin-top: 20px;
        padding-top: 20px;
        background-color: #303030;
    }

    #footer-widgets {
        margin-bottom: 30px;
    }

    #footer-widgets .widget-container {
        border: none;
    }

    #footer-widget-container {
        background: transparent;
    }

    #footer-widgets .widget-container {
        background: transparent;
        color: #ffffff;
    }

    #footer-widgets .widget-container h3 {
        color: #ffffff;
        font-size: 1.3em;
    }

    #footer-widgets .widget-container ul {
        margin: 0;
    }

    #footer-widgets .widget-container a {
        border-bottom: 1px dotted #cccccc;
        color: #ffffff;
    }

    #footer-widgets .widget-container p {
        color: #cccccc;
    }

    #after_footer {
        margin-top: -1px;
        padding-bottom: 1px;
        background-color: #171717;
    }

    .site-footer {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .site-footer #copyright {
        text-align: right;
    }

    /*================================== FOOTER MENU ================================================= */

    #footer_menu {
        padding: 20px 0 0;
        background: #171717;
        text-align: center;
    }

    #footer_menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
    }

    #footer_menu li {
        display: inline;
        margin-right: 5px;
    }

    #footer_menu li a {
        color: #cccccc;
        text-decoration: none;
    }

    #footer_menu li a:hover {
        color: #ffffff;
    }

    #footer_menu li a::after {
        margin-left: 5px;
        content: ' | ';
    }

    #footer_menu li a:hover::after {
        color: #cccccc;
    }

    #footer_menu li:last-child a::after {
        content: '';
    }

    /********************************************************************************************************************/
    /******************************************** WORDPRESS DEFAULTS ****************************************************/
    /********************************************************************************************************************/

    .sticky {
    }

    .gallery-caption {
    }

    .bypostauthor {
    }

    /********************************************************************************************************************/
    /******************************************** ELEMENTS **************************************************************/
    /********************************************************************************************************************/

    /*==================================== CALLOUT ====================================================*/

    #callout_container {
        margin-bottom: 30px;
    }

    #callout {
        overflow: hidden;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    .callout-text h2.callout-title {
        margin-top: 0;
        font-size: 1.6em;
        line-height: 1em;
    }

    .callout-text p {
        font-size: 1.2em;
    }

    .callout-text p:last-child {
        margin-bottom: 0;
    }

    #callout_button a {
        float: right;
        margin-top: 5px;
    }

    #callout_button a .btn-primary {
        border: 1px solid #2b7a9f;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #6fb7d6;
        background-image: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
        background-image: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
    }

    #callout_button a:hover .btn {
        background-color: #3599c7;
        background-image: none;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    #callout_button a .btn-primary p {
        margin-bottom: 0;
    }

    /*==================================== WIDGET BOXES ===============================================*/

    .box {
        display: block;
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    h2.box-widget-title {
        margin-top: 0;
        text-align: center;
        font-size: 1.6em;
        line-height: 1em;
    }

    .box p {
        font-size: 1.1em;
        line-height: 1.2em;
    }

    #widget_boxes_container #searchform {
        padding-right: 30px;
    }

    #widget_boxes_container #searchform.pull-right {
        float: none;
    }

    #widget_boxes_container #searchform input.input-medium {
        display: inline-block;
        float: none;
        width: 100%;
    }

    /*==================================== BOXES ======================================================*/

    #boxes_container .box h2.box-widget-title {
        margin-top: 20px;
    }

    #boxes_container .box a {
        display: block;
        color: #555555;
        text-align: center;
    }

    /*==================================== CAROUSEL ===================================================*/

    #carousel {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    /*==================================== PORTFOLIO ===================================================*/

    #portfolio {
        margin-bottom: 30px;
    }

    #gallery {
        overflow: hidden;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #ffffff;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    #gallery ul.row-fluid {
        margin: 0;
        padding: 0;
    }

    #gallery h2 {
        margin-top: 0;
        font-weight: 400;
        font-size: 1.6em;
        line-height: 1em;
    }

    #gallery ul.row-fluid li#portfolio_wrap {
        text-align: center;
    }

    #gallery ul.row-fluid li#portfolio_wrap .portfolio-item {
        padding: 20px;
    }

    /*==================================== TWITTER =====================================================*/

    #twitter_container {
        margin-bottom: 30px;
    }

    #twitter_bar {
        overflow: hidden;
        padding: 20px 20px 0 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    #twitter_text ul {
        margin: 0;
        list-style: none;
    }

    #twitter_bar #twitter_text img {
        float: left;
        margin-left: 0;
    }

    #twitter_bar p.tweet {
        margin-bottom: 0;
        padding: 10px 10px 10px 75px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: none repeat scroll 0 0 #9f9f9f;
        color: #000000;
        font-size: 12px;
    }

    #twitter_bar a {
        color: #ffffff;
    }

    #twitter_bar .twitter-img {
        float: left;
        margin-top: -8px;
        padding: 3px;
        border: 2px solid #9f9f9f;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: none repeat scroll 0 0 #ffffff;
    }

    #twitter_text p.twitter-followers {
        float: left;
        clear: left;
        margin-left: 6px;
        padding-left: 0px;
        color: #000000;
        font-size: 8px;
    }

    #twitter_text p.twitter-followers a {
        color: #000000;
    }

    #twitter_text li, #twitter_text li img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #twitter_text li {
        margin-bottom: 20px;
        min-height: 60px;
    }

    @media (max-width: 480px) {
        #twitter_bar #twitter_text img {
            margin-top: 0;
            width: 30px;
        }

        #twitter_bar #twitter_text p {
            padding-left: 40px;
        }
    }

    /*==================================== BREADCRUMBS =================================================*/

    .breadcrumbs {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 10px 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
        font-size: 1.1em;
    }

    /*==================================== PAGINATION ==================================================*/

    .pagination {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .pagination ul {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .pagination ul li a, .pagination ul li span {
        margin-right: 10px;
        padding: 10px 12px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #ffffff;
        color: #969696;
        line-height: 1em;
    }

    .pagination ul li:first-child a, .pagination ul li:last-child a {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .pagination ul li.active a, .pagination ul li a:hover {
        border: 1px solid #3089b2;
        background-color: #41a1ce;
        color: #ffffff;
    }

    /*==================================== RECENT POSTS ================================================*/

    #recent_posts {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    #recent_posts h5.recent-posts-post-title {
        font-size: 1.2em;
        line-height: 1em;
    }

    .recent-posts-image {
        margin-bottom: 10px;
    }

    /*==================================== HTML BOX ==================================================*/

    #htmlbox_container {
        margin-bottom: 30px;
    }

    /*==================================== SLIDER ====================================================*/

    #slider {
        margin-bottom: 30px;
    }

    #slider .carousel-control {
        top: 100%;
        margin-top: -45px;
        border: none;
        background: rgba(0, 0, 0, 0.25);
        opacity: 1;
    }

    #slider .carousel-caption {
        padding: 5px 0;
        min-height: 40px;
    }

    #slider .carousel-caption h4, #slider .carousel-caption p {
        padding: 9px 60px 0;
    }

    /*==================================== MAGAZINE ==================================================*/

    #magazine .post-container {
        margin-bottom: 30px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    #magazine .featured-image {
        width: auto;
    }

    #magazine .magazine-metadata {
        margin-bottom: 15px;
    }

    /* ==================================== PRODUCT ================================================== */

    #product_element_section {
        margin-bottom: 30px;
    }

    #product_element_section #cyberchimps_product_container {
        overflow: hidden;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }

    #cyberchimps_product {
        padding: 20px;
    }

    #cyberchimps_product #cyberchimps_product_button {
        margin-top: 20px;
    }

    /*==================================== PROFILE ==================================================*/

    #profile {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        border-radius: 3px 3px 3px 3px;
        background: none repeat scroll 0 0 #fdfdfd;
        box-shadow: 0 1px 0 0 #adadad;
    }

    #profile_pic img {
        float: right;
        padding: 3px;
        width: 100px;
        height: 110px;
        border: 5px solid #eaeaea;
        border-radius: 5px;
        background-color: #ffffff;
    }

    .profile {
        padding: 5px 0px 30px 0px;
        border-bottom: 1px solid #cccccc;
    }

    .profile-icons a {
        margin: 3px;
    }

    /********************************************************************************************************************/
    /****************************************** MEDIA QUERIES ***********************************************************/
    /********************************************************************************************************************/

    /*==================================== TABLETS ===================================================*/

    @media (max-width: 767px) {
        .container-full {
            margin-left: -20px;
            padding-right: 20px;
            padding-left: 20px;
            width: 100%;
        }

        .container-full-footer {
            margin-left: -20px;
            padding-right: 20px;
            padding-left: 20px;
            width: 100%;
        }

        .container-full-footer .container {
            padding: 0 20px;
        }

        body {
            padding-right: 0px;
            padding-left: 0px;
        }

        .container-full-width .container {
            margin: 0px 20px;
        }
    }

    /*==================================== PHONES ====================================================*/

    @media (max-width: 480px) {
        header#cc-header .span7 {
            text-align: center;
        }

        header#cc-header .span5 {
            text-align: center;
        }

        header#cc-header .span5 div.icons a {
            float: none;
        }

        header#cc-header .span5 div.blog-description {
            float: none;
        }

        header#cc-header .span5 div.register {
            float: none;
        }

        header#cc-header .span5 #searchform {
            float: none;
        }

        .container-full .top-head-social .icons {
            margin-bottom: 10px;
        }

        .container-full-width .container {
            margin: 0px 10px;
        }
    }
     
     

    پیوست ها:

    • Untitled.png
      Untitled.png
      اندازه فایل:
      کیلوبایت 119.4
      نمایش ها:
      3
    نوشته شده توسط tarenoco در ‏13 اکتبر 2015
  15. Pejii

    Pejii Member

    ارسال‌ها:
    35
    تشکر شده:
    24
    امتیاز دستاورد:
    8
    خط 380 تا 401 رو تغییر بدید به:

    کد (Text):
    .main-navigation .nav > li > ul > li > ul::before {
        position: absolute;
        top: 7px;
        right: 7px;
        display: inline-block;
        border-top: 7px solid transparent;
        border-left: 7px solid #666666;
        border-right-color: rgba(0, 0, 0, 0.2);
        border-bottom: 7px solid transparent;
        content: '';
    }

    .main-navigation .nav > li > ul > li > ul::after {
        position: absolute;
        top: 8px;
        right: -6px;
        display: inline-block;
        border-top: 6px solid transparent;
        border-left: 6px solid #666666;
        border-bottom: 6px solid transparent;
        content: '';
    }
     

    پیوست ها:

    آخرین ویرایش: ‏13 اکتبر 2015
    نوشته شده توسط Pejii در ‏13 اکتبر 2015
  16. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    خیلی ممنون
    من میخوام این منو رو به منو وردپرس تبدیل کنم ولی وقتی کد های وردپرس رو میزارم
    منو رو میاره ولی استایل رو اعمال نمی کنه
    در صورتی که من فقط کد های وردپرس رو بجای کد های html می زارم
     
    نوشته شده توسط tarenoco در ‏13 اکتبر 2015
  17. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    این کد نسخه وردپرس هست که مشکل داره ولی html مشکل نداره

    header.php

    کد (Text):

    <!--[if lt IE 7]>
    <html class="ie ie6 lte9 lte8 lte7" lang="en-US" prefix="og: http://ogp.me/ns#">
    <![endif]-->
    <!--[if IE 7]>
    <html class="ie ie7 lte9 lte8 lte7" lang="en-US" prefix="og: http://ogp.me/ns#">
    <![endif]-->
    <!--[if IE 8]>
    <html class="ie ie8 lte9 lte8" lang="en-US" prefix="og: http://ogp.me/ns#">
    <![endif]-->
    <!--[if IE 9]>
    <html class="ie ie9" lang="en-US" prefix="og: http://ogp.me/ns#">
    <![endif]-->
    <!--[if gt IE 9]>  <html lang="en-US" prefix="og: http://ogp.me/ns#"> <![endif]-->
    <!--[if !IE]><!-->
    <html lang="fa">
    <!--<![endif]-->




    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width" />
       
        <title>Innovation printing - Azonprinter</title>
       
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="pingback" href="wordpress/xmlrpc.php" />
       
        <!-- IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="js/html5.js" type="text/javascript"></script>
        <![endif]-->
       
       


    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="canonical" href="./index.php" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="#" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="index.php" />
    <meta property="og:site_name" content="Azonprinter" />




    <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon"/>
    <link rel='stylesheet' id='shortcode_style-css'  href='<?php bloginfo('template_url'); ?>/css/shortcodes7e2e.css' type='text/css' media='all' />
    <link rel='stylesheet' id='font_style-css'  href='<?php bloginfo('template_url'); ?>/css/font-awesome.css' type='text/css' media='all' />
    <link rel='stylesheet' id='font_style-css'  href='<?php bloginfo('template_url'); ?>/css/font-awesome.min.css' type='text/css' media='all' />
    <link rel='stylesheet' id='elements_style-css'  href='<?php bloginfo('template_url'); ?>/css/elements7e2e.css' type='text/css' media='all' />
    <link rel='stylesheet' id='jcarousel-skin-css'  href='<?php bloginfo('template_url'); ?>/css/jcarousel/skin7e2e.css' type='text/css' media='all' />
    <link rel='stylesheet' id='bootstrap-style-css'  href='<?php bloginfo('template_url'); ?>/bootstrap/css/bootstrap.min1c12.css' type='text/css' media='all' />
    <link rel='stylesheet' id='bootstrap-responsive-style-css'  href='<?php bloginfo('template_url'); ?>/bootstrap/css/bootstrap-responsive.min1c12.css' type='text/css' media='all' />
    <link rel='stylesheet' id='cyberchimps_responsive-css'  href='<?php bloginfo('template_url'); ?>/bootstrap/css/cyberchimps-responsive.min5152.css' type='text/css' media='all' />
    <link rel='stylesheet' id='core-style-css'  href='<?php bloginfo('template_url'); ?>/css/core5152.css' type='text/css' media='all' />
    <link rel='stylesheet' id='style-css'  href='<?php bloginfo('stylesheet_url'); ?>' type='text/css' media='all' />




    <style type="text/css">.ie8 .container {max-width: 1020px;width:auto;}</style><style type="text/css">
    .container-fluid { margin-top: -10px !important; }
    </style>
        <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>


    <style type="text/css"></style>


    <style type="text/css">
    .synved-social-resolution-single {
    display: inline-block;
    }
    .synved-social-resolution-normal {
    display: inline-block;
    }
    .synved-social-resolution-hidef {
    display: none;
    }


    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx),
    only screen and (min-resolution: 192dpi) {
        .synved-social-resolution-normal {
        display: none;
        }
        .synved-social-resolution-hidef {
        display: inline-block;
        }
    }
    </style>


        <style type="text/css">
            body {
            background-color: #ffffff;background-image: none;        }
        </style>
       


            <style type="text/css" media="all">
                            body {
                 font-size : 14px;
                 font-family : Arial, Helvetica, sans-serif;
                 font-weight : normal;
                            }


                                                    .container {
                 max-width : 1020px;
                            }


               
                            h1, h2, h3, h4, h5, h6 {
                Arial,_Helvetica,_sans-serif : ;
                font-family : Arial, Helvetica, sans-serif;
                            }


               
            </style>
            </head>


    <body class="home page page-id-550 page-template-default custom-background cc-responsive">
       
    <!-- ---------------- Top Header ------------------- -->


    <!-- ---------------- Header --------------------- -->


    <div class="container-full-width">
       
        <div class="container">
           
                   
                <div class="container-fluid">    
                   
                        <header id="cc-header" class="row-fluid">
            <div class="span7">
                        <div id="logo">
                <a href="index.html" title="Azonprinter"><img src="<?php bloginfo('template_url'); ?>/images/pixel.png" alt="logo"></a>
            </div>
                </div>
        </header>
               
                </div><!-- container fluid -->
       
        </div><!-- container -->


    </div><!-- container full width -->
       


    <!-- ---------------- Menu ----------------------- -->


    <div class="container-full-width" id="main_navigation">
        <div class="container">
            <div class="container-fluid">
                <nav id="navigation" role="navigation">
                  <div class="main-navigation navbar navbar-inverse">
                    <div class="navbar-inner">
                        <div class="container">
                                                        <div class="nav-collapse collapse">
                                                  <div class="menu-menu-container">
    <?php


    $defaults = array(
        'theme_location'  => '',
        'menu'            => 'topmenu',
        'container'       => '',
        'container_class' => '',
        'container_id'    => '',
        'menu_class'      => '',
        'menu_id'         => '',
        'echo'            => true,
        'fallback_cb'     => 'wp_page_menu',
        'before'          => '',
        'after'           => '',
        'link_before'     => '',
        'link_after'      => '',
        'items_wrap'      => '<ul id="menu-main-menu" class="menu">%3$s</ul>',
        'depth'           => 0,
        'walker'          => ''
    );


    wp_nav_menu( $defaults );


    ?>


    </div>                    
                                                                               
                                                <form method="get"  id="searchform" class="navbar-search pull-right" action="http://www.azonprinter.com/" role="search">
        <input type="text" class="search-query input-medium" name="s" placeholder="Search …" />
    </form>
    <div class="clear"></div>                                        


     
    این هم کد های استایل

    کد (Text):


    /*
    Theme Name: iFeature Pro 5
    Theme URI: http://www.cyberchimps.com/ifeaturepro/
    Author: CyberChimps
    Author URI: http://www.cyberchimps.com/
    Description: iFeature Pro 5 is the World's first Touch Friendly Responsive Drag & Drop Wordpress Theme. It lets you create amazing responsive websites that you can control on any touch friendly device including the iPad, iPhone, and Android devices. iFeature Pro 5 also includes the power of a dozen plugins in a single theme allowing you to setup an entire website in minutes with touch friendly Drag and Drop Options on a per-page basis allowing you control the look and feel of every page.
    Version: 5.1.2.3
    Tags: white, black, silver, light, gray, green, orange, pink, red, two-columns, right-sidebar, flexible-width, fixed-width, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post, full-width-template, flexible-header,
    License: GNU General Public License version 3
    License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
    */


    /********************************************************************************************************************/
    /******************************************** MAIN HTML STYLES ******************************************************/
    /********************************************************************************************************************/
    body {
        color: #555555;
    }


    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
        font-weight: 400;
    }


    table {
        margin-bottom: 25px;
    }


    table .label {
        padding: 7px;
        background: none;
        text-shadow: none;
        line-height: normal;
    }


    tr {
        border-bottom: 1px solid #cccccc;
    }


    td {
        padding: 5px;
    }


    dt {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 26px;
        font-weight: bold;
    }


    dd {
        margin-bottom: 15px;
        margin-left: 26px;
    }


    ul, ol {
        margin: 0 0 25px 0;
    }


    ol, ul {
        margin-left: 21px;
        list-style-position: inside;
    }


    pre {
        margin-bottom: 25px;
        -moz-border-radius: 0;
        border-radius: 0;
    }


    code {
        white-space: pre-wrap;
    }


    .clear {
        clear: both;
    }


    .clear-right {
        clear: right;
    }


    .clear-left {
        clear: left;
    }


    /********************************************************************************************************************/
    /******************************************** HEADER ****************************************************************/
    /********************************************************************************************************************/


    header#cc-header {
        margin-bottom: 20px;
    }


    /*======================================= TOP BAR =============================================*/


    #top_header {
        margin-bottom: 15px;
        background-image: url('images/topbarbg.jpg');
    }


    #top_header .top-head-description {
        margin: 8px 0 6px 0;
        color: #bababa;
        font-size: 14px;
    }


    #top_header .top-head-social .symbol {
        float: right;
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: 6px;
        margin-left: 5px;
        padding: 0;
        width: 20px;
        height: 20px;
        font-size: 2em;
        line-height: 0.7;
    }


    header #social .symbol {
        float: right;
        margin-left: 5px;
    }


    .icons {
        margin-top: 15px;
    }


    #top_header .top-head-social .default-icons a.symbol {
        box-shadow: 1px 1px 0 #333333;
    }


    /*======================================= DETAILS =============================================*/


    header#cc-header h2.site-title {
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 32px;
    }


    header#cc-header h2.site-description {
        margin: 0;
        font-size: 14px;
    }


    header#cc-header .contact_details {
        float: right;
        margin-top: 15px;
        color: #888888;
    }


    header#cc-header .contact_details .cc-telephone-number {
        text-align: right;
    }


    header#cc-header .contact_details .cc-telephone-number img {
        margin-top: -3px;
        margin-left: 10px;
    }


    header#cc-header .contact_details .cc-email {
        text-align: right;
    }


    header#cc-header .contact_details .cc-email img {
        margin-top: -2px;
        margin-left: 10px;
    }


    header#cc-header .register {
        float: right;
    }


    header#cc-header .blog_description {
        float: right;
    }


    header#cc-header p {
        font-size: 1.2em;
    }


    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-weight: normal;
        font-style: normal;
        font-family: 'Glyphicons Halflings';
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


    .glyphicon-home:before {
        content: "\e021";
    }


    .glyphicon-earphone:before {
        content: "\e182";
    }


    .glyphicon-envelope:before {
        content: "\2709";
    }


    .glyphicon-earphone, .glyphicon-envelope {
        margin: 2px 10px;
        color: #cccccc;
    }


    /*======================================= SEARCH ===============================================*/


    header #search #searchform {
        float: right;
        margin-top: 20px;
    }


    /********************************************************************************************************************/
    /******************************************** MENU ******************************************************************/
    /********************************************************************************************************************/


    #navigation {
        margin-bottom: 30px;
    }


    .main-navigation.navbar {
        margin-bottom: 0;
    }


    .main-navigation .navbar-inner {
        padding: 0;
        min-height: 20px;
        border: 1px solid;
        border-color: #888888 #666666 #666666 #666666;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #b6b6b6;
        background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(51%, #919191), color-stop(52%, #858585), color-stop(100%, #717171));
        background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #919191 51%, #858585 52%, #717171 100%);
        background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
        box-shadow: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
    }


    .main-navigation .nav > li {
        border-left: 1px solid rgb(182, 182, 182);
        float: right;
        direction: rtl;
        margin-right: -1.5%;
        margin-left: 1%;    
    }


    .main-navigation .nav > li > a {
        display: block;
        color: #ffffff;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
        font-size: 1.1em;
        float:right;
        direction:rtl;
    }


    .main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {
        margin-top: 10px;
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }


    .main-navigation .nav > li > a:hover {
        background: #666666;
        color: #f6f6f6;
    }


    .main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a {
        background: #717171;
        color: #ffffff;
    }


    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .current-menu-ancestor.dropdown {
        background-color: #717171;
        color: #ffffff;
    }


    .main-navigation .nav li ul li a {
        padding-top: 5px;
        padding-bottom: 5px;
    }


    .main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover, .main-navigation .nav li ul li a:focus {
        background: #717171;
        color: #c5c5c5;
        filter: none;
    }


    .main-navigation .nav li ul li a {
        color: #f6f6f6;
    }


    .main-navigation .nav li ul li ul {
        margin-left: 0;
        list-style: none;
    }


    .main-navigation .nav li ul li ul li a {
        padding-left: 24px;
    }


    .main-navigation .nav li ul li ul li ul li a {
        padding-left: 30px;
    }


    .main-navigation .nav li.dropdown:hover ul.dropdown-menu {
        display: block;
        margin-top: 0;
        border-radius: 0;
        background: #666666;
    }


    .navbar .nav > li > .dropdown-menu::before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #666666;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        border-left: 7px solid transparent;
        content: '';
    }


    .navbar .nav > li > .dropdown-menu::after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #666666;
        border-left: 6px solid transparent;
        content: '';
    }


    #navigation #searchform {
        margin-right: 15px;
    }


    .navbar .btn-navbar {
        margin-bottom: 5px;
    }


    /* 3rd tier */
    .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        filter: none;
    }


    .main-navigation .nav > li > ul > li {
        position: relative;
    }


    .main-navigation .nav > li > ul > li > ul {
        position: absolute;
        top: 0;
        right: 100%;
        z-index: 1001;
        display: none;
        margin-top: 0;
        padding: 0;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: #666666;
    }


    .main-navigation .nav > li > ul > li:hover > ul {
        display: block;
    }


    .main-navigation .nav > li > ul > li > ul::before {
        position: absolute;
        top: 7px;
        right: 7px;
        display: inline-block;
        border-top: 7px solid transparent;
        border-left: 7px solid #666666;
        border-right-color: rgba(0, 0, 0, 0.2);
        border-bottom: 7px solid transparent;
        content: '';
    }


    .main-navigation .nav > li > ul > li > ul::after {
        position: absolute;
        top: 8px;
        right: -6px;
        display: inline-block;
        border-top: 6px solid transparent;
        border-left: 6px solid #666666;
        border-bottom: 6px solid transparent;
        content: '';
    }


    @media (max-width: 979px) {
        .main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {
            border: none;
        }


        .main-navigation .nav > li > ul > li > ul {
            position: static;
            display: block;
            border: none;
        }


        .nav-collapse .dropdown-menu li + li a {
            margin-bottom: 0px;
        }


        .nav-collapse.in {
            background-color: #747474;
            background-image: none;
        }


        .nav-collapse.in .nav li {
            background-color: #747474;
        }


        .nav-collapse.in .nav ul {
            background: #747474;
        }


        .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
            display: none;
        }


        .navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {
            background-color: #666666;
            color: #ffffff;
        }


        .navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {
            color: #ffffff;
            text-shadow: none;
            font-weight: normal;
        }


        .navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {
            background: #666666;
            box-shadow: none;
            color: #ffffff;
        }


        .nav-collapse.in .dropdown .caret {
            display: none;
        }


        .nav-collapse.in .dropdown-menu {
            display: block;
        }


        .navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
            background-color: #666666;
            background-image: none;
            color: #ffffff;
        }
    }


    /********************************************************************************************************************/
    /******************************************** MAIN CONTENT **********************************************************/
    /********************************************************************************************************************/


    .container {
        background: transparent;
    }


    article.post, article.page, article.attachment {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 0;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    .entry-content {
        margin: 0;
    }


    .page-header {
        margin-top: 0;
        padding: 0;
        border: none;
    }


    .page-title {
        font-size: 31px
    }


    /*==================================== POST AND PAGE CONTENT ===========================================*/


    article {
        background: #ffffff;
    }


    .entry-header {
        margin: 0;
        padding: 0 20px;
    }


    .entry-summary {
        margin: 0;
        padding: 20px;
    }


    .entry-content {
        padding: 20px;
    }


    .postformats {
        float: right;
        margin-left: 20px;
        width: 42px;
        height: 38px;
        border: 1px solid #2b7a9f;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #6fb7d6;
        background: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
        background: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
    }


    .postformats .glyphicon {
        padding-top: 6px;
        color: #ffffff;
        font-size: 1.6em;
    }


    .postformats .glyphicon-file {
        padding-left: 2px;
    }


    blockquote {
        margin: 10px 10px 20px;
        padding: 3px;
        background-color: #cccccc;
    }


    blockquote p {
        margin: 10px;
    }


    blockquote cite {
        font-size: 0.9em;
    }


    blockquote cite:before {
        position: relative;
        top: -2px;
        margin: 0 5px;
        content: ' ̶ ';
    }


    .page-links {
        clear: both;
    }


    .more-content {
        overflow: hidden;
        margin-bottom: 15px;
        padding: 10px 20px 5px 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    .previous-post {
        margin-top: 5px;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: left;
    }


    .next-post {
        margin-top: 5px;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: right;
    }


    .featured-image {
        float: left;
        margin: 0px 10px 10px 0px;
    }


    .entry-title a {
        font-size: 22px;
    }


    /*==================================== TAXONOMY ========================================================*/


    .entry-title {
        margin-top: 25px;
        font-weight: 400;
        font-size: 22px;
        line-height: 1.2em;
    }


    .entry-title a {
        color: #333333;
    }


    .entry-title a:hover {
        color: #0088cc;
        text-decoration: none;
    }


    article.post p, article.page p {
        font-size: 1.1em;
        line-height: 1.5em;
    }


    /*==================================== IMAGES ==========================================================*/


    .alignnone {
        display: block;
        margin: 5px 20px 20px 0;
    }


    .aligncenter, div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }


    .alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }


    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }


    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }


    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }


    a img.alignnone {
        margin: 5px 20px 20px 0;
    }


    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }


    a img.aligncenter {
        display: block;
        margin-right: auto;
        margin-left: auto
    }


    img.size-full {
        max-width: 100%;
        height: auto;
    }


    .wp-caption {
        padding: 15px 3px 10px;
        max-width: 96%;
        border: 1px solid #f0f0f0; /* Image does not overflow the content area */
        background: #ffffff;
        text-align: center;
    }


    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }


    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }


    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }


    .wp-caption img {
        margin: 0;
        padding: 0;
        max-width: 95%;
        width: auto;
        height: auto;
        border: 0 none;
    }


    .wp-caption p.wp-caption-text {
        margin: 0;
        padding: 0 4px 5px;
        font-size: 11px;
        line-height: 17px;
    }


    .caption_title {
        font-size: 16px;
    }


    .gallery-pagination {
        margin: 20px 0;
    }


    .gallery-pagination .previous-image a {
        float: left;
    }


    .gallery-pagination .next-image a {
        float: right;
    }


    /*==================================== META ============================================================*/


    .entry-meta {
        color: #afaeae;
        font-size: 0.9em;
        line-height: 1em;
    }


    footer.entry-meta {
        clear: both;
        padding: 0px 20px 15px 20px;


    }


    .byline:before {
        margin-left: 5px;
        content: '\2022';
    }


    .cat-links {
        clear: left;
        margin-top: 10px;
        line-height: 1.6em;
    }


    .taglinks {
        display: inline-block;
        margin-left: 0;
    }


    .taglinks a {
        position: relative;
        float: left;
        margin: 0 5px 10px 0;
        padding: 4px 12px 4px 0;


        /*border-top: 1px solid #e7e7e7;
            border-bottom: 1px solid #c6c6c6;
            border-left: 1px  solid #e7e7e7;
            background: #ffffff;
            background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
            background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
            background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
            background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
            background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);*/
        font-size: 1em;
        line-height: 15px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
    }


    .taglinks a:before {
        position: relative;
        top: 1px;
        display: inline-block;
        margin-right: 5px;
        content: "\e041";
        font-weight: normal;
        font-style: normal;
        font-family: 'Glyphicons Halflings';
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


    .taglinks a:after {
        /*position: absolute;
        top: -1px;
        left: 100%;
        width: 20px;
        height: 25px;
        background: url( 'images/tag.png' ) no-repeat 0 0 transparent;
        content: '';*/
    }


    .comments-link:before {
        margin-right: 5px;
        content: '\2022';
    }


    .edit-link {
        display: block;
        clear: both;
    }


    .edit-link a {
        padding: 2px 4px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #888888;
        color: #ffffff;
    }


    .edit-link a:visited {
        color: #ffffff;
    }


    .edit-link a:hover {
        color: #cccccc;
        text-decoration: none;
    }


    .cyberchimps_article_share {
        float: right;
    }


    /*==================================== COMMENTS ========================================================*/


    .comments-area {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    #comments .navigation {
        padding: 0 0 18px 0;
    }


    label[for="comment"] {
        display: block;
    }


    ol.commentlist {
        list-style: none;
    }


    ol.commentlist p {
        clear: left;
        margin-left: 8px;
    }


    ol.commentlist li.comment {
        padding: 10px;
    }


    ol.commentlist li.comment div.vcard cite.fn {
        font-style: normal;
    }


    ol.commentlist li.comment div.vcard img.avatar {
        margin: 0 10px 10px 10px;
    }


    ol.commentlist li.comment div.comment-meta {
        font-size: 11px;
    }


    ol.commentlist li.comment div.comment-meta a {
        color: #888888;
    }


    ol.commentlist li.comment div.reply {
        margin-left: 8px;
        font-size: 11px;
    }


    ol.commentlist li.comment div.reply a {
        font-weight: bold;
    }


    ol.commentlist li.comment ul.children {
        margin: 10px 0 0;
        list-style: none;
    }


    ol.commentlist li.comment ul.children li.depth-2 {
        margin: 0 0 10px 10px;
    }


    ol.commentlist li.comment ul.children li.depth-3 {
        margin: 0 0 10px 10px;
    }


    ol.commentlist li.comment ul.children li.depth-4 {
        margin: 0 0 10px 10px;
    }


    ol.commentlist li.even {
        border: 1px solid #cccccc;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #fafafa;
    }


    ol.commentlist li.odd {
        border: 1px solid #cccccc;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #ffffff;
    }


    .comment, .trackback, .pingback {
        margin: 10px 0 10px 0;
        padding: 10px;
    }


    .odd {
        background: #f8f8f8;
    }


    #form-allowed-tags code {
        font-size: 12px;
    }


    #respond input, #respond textarea {
        overflow: auto;
        margin: 0 5px 5px 0;
    }


    #respond textarea {
        width: 99%;
        height: 150px;
    }


    .avatar {
        float: left;
    }


    /********************************************************************************************************************/
    /******************************************** SIDEBAR & WIDGETS *****************************************************/
    /********************************************************************************************************************/


    #sidebar .widget-container {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 0 0 15px 0;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    #sidebar h3.widget-title {
        margin-top: 0;
        padding: 10px 10px 10px 23px;
        border: 1px solid;
        border-color: #888888 #666666 #666666 #666666;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        background: #b6b6b6;
        background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(100%, #717171));
        background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
        box-shadow: none;
        color: #ffffff;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
        font-weight: 100;
        font-size: 1.3em;
        line-height: 1.3em;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
    }


    #sidebar .widget-container ul, #sidebar .widget ul {
        margin: 0;
        padding: 0 20px;
    }


    #sidebar .widget-container ul li, #sidebar .widget ul li {
        padding: 10px 0 10px 0;
        border-bottom: 1px solid #ededed;
        list-style: none;
        font-size: 14px;
        line-height: 1.4em;
    }


    #sidebar .widget-container > ul > li ul {
        margin: 5px 0 5px 5px;
    }


    #sidebar .widget-container ul li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }


    #sidebar .widget-container > ul > li li {
        margin: 0 0 3px 0;
        padding: 0;
        list-style: none;
    }


    #sidebar .widget-container ul li a {
        border-bottom: 1px dotted #c5e5f4;
    }


    #sidebar .widget-container p {
        padding: 0 20px;
    }


    #sidebar .widget-container .tagcloud {
        padding: 0 20px;
    }


    table#wp-calendar {
        width: 100%;
    }


    table#wp-calendar th {
        font-size: 14px;
    }


    table#wp-calendar td {
        padding: 5px 0;
        width: 14.28571428571429%;
        text-align: center;
        font-size: 14px;
    }


    #sidebar .widget_search, .widget_search {
        padding: 15px;
    }


    .widget-container #searchform.pull-right {
        float: none;
        margin-right: 30px;
    }


    .widget-container #searchform input.input-medium {
        display: inline-block;
        float: none;
        width: 100%;
    }


    /*==================================== SEARCH FORM ====================================================*/


    #searchform {
        float: left;
        margin: 5px 0 0 -975px;
    }


    /********************************************************************************************************************/
    /******************************************** FOOTER ****************************************************************/
    /********************************************************************************************************************/


    #footer_widgets_wrapper {
        margin-top: 20px;
        padding-top: 20px;
        background-color: #303030;
    }


    #footer-widgets {
        margin-bottom: 30px;
    }


    #footer-widgets .widget-container {
        border: none;
    }


    #footer-widget-container {
        background: transparent;
    }


    #footer-widgets .widget-container {
        background: transparent;
        color: #ffffff;
    }


    #footer-widgets .widget-container h3 {
        color: #ffffff;
        font-size: 1.3em;
    }


    #footer-widgets .widget-container ul {
        margin: 0;
    }


    #footer-widgets .widget-container a {
        border-bottom: 1px dotted #cccccc;
        color: #ffffff;
    }


    #footer-widgets .widget-container p {
        color: #cccccc;
    }


    #after_footer {
        margin-top: -1px;
        padding-bottom: 1px;
        background-color: #171717;
    }


    .site-footer {
        margin-top: 20px;
        margin-bottom: 20px;
    }


    .site-footer #copyright {
        text-align: right;
    }


    /*================================== FOOTER MENU ================================================= */


    #footer_menu {
        padding: 20px 0 0;
        background: #171717;
        text-align: center;
    }


    #footer_menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
    }


    #footer_menu li {
        display: inline;
        margin-right: 5px;
    }


    #footer_menu li a {
        color: #cccccc;
        text-decoration: none;
    }


    #footer_menu li a:hover {
        color: #ffffff;
    }


    #footer_menu li a::after {
        margin-left: 5px;
        content: ' | ';
    }


    #footer_menu li a:hover::after {
        color: #cccccc;
    }


    #footer_menu li:last-child a::after {
        content: '';
    }


    /********************************************************************************************************************/
    /******************************************** WORDPRESS DEFAULTS ****************************************************/
    /********************************************************************************************************************/


    .sticky {
    }


    .gallery-caption {
    }


    .bypostauthor {
    }


    /********************************************************************************************************************/
    /******************************************** ELEMENTS **************************************************************/
    /********************************************************************************************************************/


    /*==================================== CALLOUT ====================================================*/


    #callout_container {
        margin-bottom: 30px;
    }


    #callout {
        overflow: hidden;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    .callout-text h2.callout-title {
        margin-top: 0;
        font-size: 1.6em;
        line-height: 1em;
    }


    .callout-text p {
        font-size: 1.2em;
    }


    .callout-text p:last-child {
        margin-bottom: 0;
    }


    #callout_button a {
        float: right;
        margin-top: 5px;
    }


    #callout_button a .btn-primary {
        border: 1px solid #2b7a9f;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #6fb7d6;
        background-image: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
        background-image: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        background-image: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
    }


    #callout_button a:hover .btn {
        background-color: #3599c7;
        background-image: none;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }


    #callout_button a .btn-primary p {
        margin-bottom: 0;
    }


    /*==================================== WIDGET BOXES ===============================================*/


    .box {
        display: block;
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    h2.box-widget-title {
        margin-top: 0;
        text-align: center;
        font-size: 1.6em;
        line-height: 1em;
    }


    .box p {
        font-size: 1.1em;
        line-height: 1.2em;
    }


    #widget_boxes_container #searchform {
        padding-right: 30px;
    }


    #widget_boxes_container #searchform.pull-right {
        float: none;
    }


    #widget_boxes_container #searchform input.input-medium {
        display: inline-block;
        float: none;
        width: 100%;
    }


    /*==================================== BOXES ======================================================*/


    #boxes_container .box h2.box-widget-title {
        margin-top: 20px;
    }


    #boxes_container .box a {
        display: block;
        color: #555555;
        text-align: center;
    }


    /*==================================== CAROUSEL ===================================================*/


    #carousel {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    /*==================================== PORTFOLIO ===================================================*/


    #portfolio {
        margin-bottom: 30px;
    }


    #gallery {
        overflow: hidden;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #ffffff;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    #gallery ul.row-fluid {
        margin: 0;
        padding: 0;
    }


    #gallery h2 {
        margin-top: 0;
        font-weight: 400;
        font-size: 1.6em;
        line-height: 1em;
    }


    #gallery ul.row-fluid li#portfolio_wrap {
        text-align: center;
    }


    #gallery ul.row-fluid li#portfolio_wrap .portfolio-item {
        padding: 20px;
    }


    /*==================================== TWITTER =====================================================*/


    #twitter_container {
        margin-bottom: 30px;
    }


    #twitter_bar {
        overflow: hidden;
        padding: 20px 20px 0 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    #twitter_text ul {
        margin: 0;
        list-style: none;
    }


    #twitter_bar #twitter_text img {
        float: left;
        margin-left: 0;
    }


    #twitter_bar p.tweet {
        margin-bottom: 0;
        padding: 10px 10px 10px 75px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: none repeat scroll 0 0 #9f9f9f;
        color: #000000;
        font-size: 12px;
    }


    #twitter_bar a {
        color: #ffffff;
    }


    #twitter_bar .twitter-img {
        float: left;
        margin-top: -8px;
        padding: 3px;
        border: 2px solid #9f9f9f;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: none repeat scroll 0 0 #ffffff;
    }


    #twitter_text p.twitter-followers {
        float: left;
        clear: left;
        margin-left: 6px;
        padding-left: 0px;
        color: #000000;
        font-size: 8px;
    }


    #twitter_text p.twitter-followers a {
        color: #000000;
    }


    #twitter_text li, #twitter_text li img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


    #twitter_text li {
        margin-bottom: 20px;
        min-height: 60px;
    }


    @media (max-width: 480px) {
        #twitter_bar #twitter_text img {
            margin-top: 0;
            width: 30px;
        }


        #twitter_bar #twitter_text p {
            padding-left: 40px;
        }
    }


    /*==================================== BREADCRUMBS =================================================*/


    .breadcrumbs {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 10px 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
        font-size: 1.1em;
    }


    /*==================================== PAGINATION ==================================================*/


    .pagination {
        margin-top: 0;
        margin-bottom: 30px;
    }


    .pagination ul {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


    .pagination ul li a, .pagination ul li span {
        margin-right: 10px;
        padding: 10px 12px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #ffffff;
        color: #969696;
        line-height: 1em;
    }


    .pagination ul li:first-child a, .pagination ul li:last-child a {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


    .pagination ul li.active a, .pagination ul li a:hover {
        border: 1px solid #3089b2;
        background-color: #41a1ce;
        color: #ffffff;
    }


    /*==================================== RECENT POSTS ================================================*/


    #recent_posts {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    #recent_posts h5.recent-posts-post-title {
        font-size: 1.2em;
        line-height: 1em;
    }


    .recent-posts-image {
        margin-bottom: 10px;
    }


    /*==================================== HTML BOX ==================================================*/


    #htmlbox_container {
        margin-bottom: 30px;
    }


    /*==================================== SLIDER ====================================================*/


    #slider {
        margin-bottom: 30px;
    }


    #slider .carousel-control {
        top: 100%;
        margin-top: -45px;
        border: none;
        background: rgba(0, 0, 0, 0.25);
        opacity: 1;
    }


    #slider .carousel-caption {
        padding: 5px 0;
        min-height: 40px;
    }


    #slider .carousel-caption h4, #slider .carousel-caption p {
        padding: 9px 60px 0;
    }


    /*==================================== MAGAZINE ==================================================*/


    #magazine .post-container {
        margin-bottom: 30px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    #magazine .featured-image {
        width: auto;
    }


    #magazine .magazine-metadata {
        margin-bottom: 15px;
    }


    /* ==================================== PRODUCT ================================================== */


    #product_element_section {
        margin-bottom: 30px;
    }


    #product_element_section #cyberchimps_product_container {
        overflow: hidden;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fdfdfd;
        -webkit-box-shadow: 0px 1px 0px 0px #adadad;
        box-shadow: 0px 1px 0px 0px #adadad;
    }


    #cyberchimps_product {
        padding: 20px;
    }


    #cyberchimps_product #cyberchimps_product_button {
        margin-top: 20px;
    }


    /*==================================== PROFILE ==================================================*/


    #profile {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 1px solid #eaeaea;
        border-radius: 3px 3px 3px 3px;
        background: none repeat scroll 0 0 #fdfdfd;
        box-shadow: 0 1px 0 0 #adadad;
    }


    #profile_pic img {
        float: right;
        padding: 3px;
        width: 100px;
        height: 110px;
        border: 5px solid #eaeaea;
        border-radius: 5px;
        background-color: #ffffff;
    }


    .profile {
        padding: 5px 0px 30px 0px;
        border-bottom: 1px solid #cccccc;
    }


    .profile-icons a {
        margin: 3px;
    }


    /********************************************************************************************************************/
    /****************************************** MEDIA QUERIES ***********************************************************/
    /********************************************************************************************************************/


    /*==================================== TABLETS ===================================================*/


    @media (max-width: 767px) {
        .container-full {
            margin-left: -20px;
            padding-right: 20px;
            padding-left: 20px;
            width: 100%;
        }


        .container-full-footer {
            margin-left: -20px;
            padding-right: 20px;
            padding-left: 20px;
            width: 100%;
        }


        .container-full-footer .container {
            padding: 0 20px;
        }


        body {
            padding-right: 0px;
            padding-left: 0px;
        }


        .container-full-width .container {
            margin: 0px 20px;
        }
    }


    /*==================================== PHONES ====================================================*/


    @media (max-width: 480px) {
        header#cc-header .span7 {
            text-align: center;
        }


        header#cc-header .span5 {
            text-align: center;
        }


        header#cc-header .span5 div.icons a {
            float: none;
        }


        header#cc-header .span5 div.blog-description {
            float: none;
        }


        header#cc-header .span5 div.register {
            float: none;
        }


        header#cc-header .span5 #searchform {
            float: none;
        }


        .container-full .top-head-social .icons {
            margin-bottom: 10px;
        }


        .container-full-width .container {
            margin: 0px 10px;
        }
    }

     
    این هم کد داخل function.php

    کد (Text):

    <?php add_theme_support('menus');?>

     
    ممنون میشم کمک کنید
     
    آخرین ویرایش: ‏14 اکتبر 2015
    نوشته شده توسط tarenoco در ‏14 اکتبر 2015
  18. Pejii

    Pejii Member

    ارسال‌ها:
    35
    تشکر شده:
    24
    امتیاز دستاورد:
    8
    من با php آشنایی چندانی ندارم، کسی از دوستان ورد پرس کار میتونند در مورد این مشکل راهنمایی کنند؟
     
    نوشته شده توسط Pejii در ‏14 اکتبر 2015
    tarenoco از این پست تشکر کرده است.
  19. esix99

    esix99 New Member

    ارسال‌ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام لطفا کمک کنین منو رو راست چین کنم هر کار می کنم نمی شه
    .main-navigation ul a {
    text-decoration:none;
    }
    .main-navigation ul {
    list-style:none;

    }
    .main-navigation ul {
    position:relative;
    margin:0px;
    padding:0px;
    z-index:9999999999999999999999;

    }
    .main-navigation ul ul li:hover {
    background: rgba(0, 0, 0, 0.1);
    }
    .main-navigation ul ul li a:hover {
    background: rgba(0, 0, 0, 0.11);
    }
    .main-navigation ul li {
    font-weight: 700;
    float:left;
    zoom: 1;
    text-transform: uppercase;
    font-size: 14px;

    }
    .main-navigation ul a:hover {
    color:#000;

    }
    .main-navigation ul li a {
    display: block;
    color: #fff;
    padding: 12px 18px;
    padding-top: 13px;
    }
    .main-navigation ul li:last-child a {
    border-right:none;
    }
    .main-navigation ul li:hover {
    position:relative;
    }
    .main-navigation ul li:hover a {
    color:#fff;
    }
    .main-navigation ul ul {
    width:220px;
    visibility:hidden;
    position:absolute;
    top:100%;
    left:0;
    margin:0;
    padding:0;

    }
    .main-navigation ul ul li {
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid rgba(200, 200, 200, 0.2);
    float:none;
    }
    .main-navigation ul ul li a {
    border-right:none;
    width:100%;
    display:inline-block;
    }
    .main-navigation ul ul ul {
    left:100%;
    top:0;
    }
    .main-navigation ul li:hover > ul {
    visibility:visible;
    }
    .main-navigation ul .sub-menu li {
    text-transform:none;
    }
    .menu-footer,
    .menu-footer ul,
    .menu-footer ul li,
    .menu-footer ul li a,
    .menu-footer{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999999;
    }
    .menu-footer:after,
    .menu-footer > ul:after, .menu-footer .menu > ul:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
    .menu-footer #menu-button {
    display: none;
    }
    .menu-footer > ul > li, .menu-footer .menu > ul > li{
    float: left;
    }
    .menu-footer > ul > li > a, .menu-footer .menu > ul > li > a{
    padding-left: 15px;
    padding-bottom: 17px; font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    }
    .secondary-navigation ul li+li a:before {
    content: "/";
    padding-right: 15px;
    color: #C0C0C0;
    }
    ul.sub-menu li a:before {
    content: none !important;
    }
    .menu-footer ul ul {
    position: absolute;
    left: -9999px;
    }
    .menu-footer ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    }
    .menu-footer li:hover > ul, .menu-footer .menu li:hover > ul{
    left: auto;
    }
    .menu-footer li:hover > ul > li, .menu-footer .menu li:hover > ul > li{
    height: 35px;
    }
    .menu-footer ul ul ul {
    margin-left: 99%;
    top: 0;
    }
    .menu-footer ul ul li a {
    border: 1px solid #333;
    padding: 11px 15px;
    width: 170px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    background: #fff;
    }



    #bottom-navigation {
    float: right;
    }

    .secondary-navigation-center, .secondary-navigation-best{
    background: #efefef;
    }
    .secondary-navigation-center .menu-footer > ul > li > a, .secondary-navigation-best .menu-footer > ul > li > a{
    padding: 20px;
    }
    .secondary-navigation-center ul li+li a:before, .secondary-navigation-best ul li+li a:before{
    content: "";
    padding-right: 0px;
    }
    .site-branding-center {
    text-align:center;
    }
    .secondary-navigation-best {
    clear: both;
    width: 100%;
     
    نوشته شده توسط esix99 در ‏27 فوریه 2017

به اشتراک بگذارید