/* Theme Name: Niyo Holiday Theme URI: http://demo.niyothemes.com/niyo-holiday/ Author: Niyo Themes Author URI: http://www.niyothemes.com Description: Niyo Holiday is multipurpose wordPress theme best suited for corporates, businesses, hotels, bloggers as well as for personal sites which creates beauitful online presence. It is reliable, customizable and fully responsive theme that easily view on any device (mobile, tablet, desktop etc). Due to its superb flexibility of its framework, it allows you to open 5 level dropdown menus and it has full width Background Slider. This theme is easy to set up and use. Check demo here: http://demo.niyothemes.com/niyo-holiday/ Version: 1.0 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, yellow, white, green, dark, gray, right-sidebar, three-columns, responsive-layout, custom-background, holiday, full-width-template, theme-options, photoblogging, seasonal Text Domain: niyo-holiday Niyo Holiday WordPress Theme, Copyright 2014 niyothemes.com Niyo Holiday is distributed under the terms of the GNU GPL */ /* font-family: 'Open Sans', sans-serif; font-family: 'Bitter', Georgia, serif; */ * { margin:0; padding:0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; font-family: 'Tahoma', sans-serif; font-size:13px; color:#fff; } @font-face { font-family: 'WebYekan'; src: url('fonts/WebYekan.eot?88026028'); src: url('fonts/WebYekan.eot?88026028#iefix') format('embedded-opentype'), url('http://raz.fardblog.com/upload/picture/webyekan.woff') format('woff'), url('fonts/WebYekan.ttf?88026028') format('truetype'), url('fonts/WebYekan.svg?88026028#fontello') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titr'; src: url('fonts/2TitrBold.eot'); src: url('fonts/2TitrBold.eot?#iefix') format('embedded-opentype'), url('http://raz.fardblog.com/upload/picture/2titrbold.woff') format('woff'), url('fonts/2TitrBold.ttf') format('truetype'), url('fonts/2TitrBold.svg#titr') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BZarBold'; src: url('fonts/BZarBold.eot'); src: url('fonts/BZarBold.eot?#iefix') format('embedded-opentype'), url('http://raz.fardblog.com/upload/picture/bzarbold.woff') format('woff'), url('fonts/BZarBold.ttf') format('truetype'), url('fonts/BZarBold.svg#BZarBold') format('svg'); font-weight: normal; font-style: normal; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; -ms-word-wrap: break-word; word-wrap: break-word; font-family:'WebYekan'; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #ccc; } ins { background: #ccc; color:#000; text-decoration: none; padding-left:3px; padding-right:3px; } hr { border:none; border-top-color: #aaa; border-top-width:1px; border-top-style:dotted; height: 1px; padding:0 0 20px; margin: 20px 0 0; clear:both; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } h1, h2, h3, h4, h5, h6{ color:#ffffff; font-family:'WebYekan', Georgia, serif; font-weight:normal; margin-top:10px; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ color:#fff; } p{ margin:0 0 20px; font-family:: 'Tahoma', sans-serif; font-size:13px; line-height:1.5; } h1{ font-size:30px; margin-bottom:20px; } h2{ font-size:22px; margin-bottom:15px; } h3{ font-size:20px; margin-bottom:15px; } h4{ font-size:18px; } h5{ font-size:16px; } h6{ font-size:14px; } img { border:none; margin:0; padding:0; max-width:100%; height:auto; } a { color:#ffff33; text-decoration:none; -o-transition: color 0.5s linear; -moz-transition: color 0.5s linear; -khtml-transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -ms-transition: color 0.5s linear; transition: color 0.5s linear; -o-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -khtml-transition: background 0.5s ease; -webkit-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease; } a:hover { color:#E3282A; text-decoration:none; } ul{ list-style:none; } .clear { clear:both; } .left{ float:left; } .right{ float:right; } /* base */ .entry-content p, .entry-content ul, .entry-content ol{ line-height:1.5; } .alignleft, .wp-caption.alignleft, .entry-caption.alignleft{ float:left; margin:5px 20px 5px 0; } .aligncenter, .wp-caption.aligncenter, .entry-caption.aligncenter{ margin:5px auto; display:inline-block; } .alignright, .wp-caption.alignright, .entry-caption.alignright{ margin:5px 0 5px 20px; float:right; } /* TABLE STYLES */ table { width:100%; line-height:1.5; margin:10px 0 20px; } table tr { border-bottom-color:#666; border-bottom-width:1px; border-bottom-style:solid; } table tr th { font-weight:bold; } table tr th, table tr td { padding:10px 10px 8px 0; } /* CONTENT STYLES */ dl { padding-left:20px; } dl dt { font-weight:bold; } dl dd { margin-bottom:15px; line-height:1.5; } pre { color: #333; background:url(images/bg_footer_white.png) repeat left top; padding:10px 15px; margin:10px 0; } address { margin:0 0 20px; } iframe.twitter-tweet { min-height:200px; } .entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#999; cursor: help; } .entry-content ol, .entry-content ul { margin-bottom:20px; } .postmeta, .entry-meta{ color:#ccc; padding:5px 0 15px; line-height:1.5; } .postmeta .post-date, .postmeta .post-comment, .postmeta .post-categories, .postmeta .post-tags, .bypostauthor { display:inline; } .post-navigation, .image-navigation { padding:20px 0; } .post-navigation .nav-previous, .post-navigation .nav-next, .image-navigation .nav-previous, .image-navigation .nav-next{ width:45%; line-height:1.5; } .wp-caption, .entry-caption { background:#000; max-width:100%; position:relative; font-style:italic; margin:5px 0 10px; text-align:center; padding-top:5px; } .wp-caption .wp-caption-text { background:url(../images/bg_wrapper_black.png) repeat left top; color:#fff; position:absolute; bottom:0; width:100%; text-align:center; display:block; padding:5px 0; margin:0; } .gallery-caption { padding:5px 0 15px; line-height:1.5; font-style:italic; } .tag-sticky-2, .sticky { background:url(../images/bg_wrapper_black.png) repeat left top; padding:10px; } .post-navigation .nav-previous, .image-navigation .nav-previous{ float:left; } .post-navigation .nav-next, .image-navigation .nav-next { float:right; text-align:right; } .read-more { margin-bottom:5px; } .read-more a { background:#ffff33; color:#000; padding:5px 10px; display:inline-block; } .read-more a:hover { background:#E3282A; color:#000; } .blog-post-repeat { padding-bottom:15px; padding-top:10px; } /* BLOCKQUOTES STYLES */ blockquote { background:url(../images/bg_wrapper_black.png) repeat left top; border-left-color:#ffff33; color:#ccc; font-size: 16px; font-style:italic; line-height:1.8; padding: 15px 15px 15px 30px; margin:10px 0 20px; border-left-style:solid; border-left-width:5px; } blockquote p { padding:0; margin:0; } blockquote cite { color:#ffffff; display:block; text-align:right; padding-top:10px; } blockquote.align-left, blockquote.align-right { width: 220px; } blockquote.align-left { margin:5px 20px 5px 0; float:left; } blockquote.align-right { margin:5px 0 5px 20px; float:right; } /* COMMENT STYLES */ .comment-author.vcard { float:left; margin-right:15px; } img.avatar { border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; -o-border-radius:17px; -ms-border-radius:17px; } .comment-metadata { vertical-align:middle; padding-top:6px; } #comments ol.comment-list, #comments ul { list-style:none; margin-left:0; } #comments ol.comment-list li.comment ul { margin-left:16px; } #comments ul.children { margin-left:30px; list-style:none; } #content ol li.comment, #content ul li.comment { border-top-color:#ffff33; border-top-style:solid; border-top-width:2px; padding-top:10px; margin-top:5px; } #commentform p { margin:5px 0; } #commentform label { display:block; } /* FORM STYLES */ input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], textarea { background:url(../images/bg_wrapper_black.png) repeat left top; color:#ffffff; border-width:1px; border-style:solid; border-color:#ccc; padding:4px 5px; } input[type=submit], input[type=button], button { background:#ffff33; color:#000; border:none; padding:5px 15px; display:inline-block; cursor:pointer; box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -o-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -ms-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; } input[type=submit]:hover, input[type=button]:hover, button:hover { background:#E3282A; } /* SOCIAL MEDIA */ .facebook{ background-image:url(../images/icon_facebook.png); } .twitter{ background-image:url(../images/icon_twitter.png); } .googleplus{ background-image:url(../images/icon_googleplus.png); } .linkedin{ background-image:url(../images/icon_linkedin.png); } .youtube{ background-image:url(../images/icon_youtube.png); } /* PAGINATION STYLES */ .pagination { margin:20px 0; padding-top:25px; text-align:center; width:100%; clear:both; } .pagination ul { list-style:none; text-align:center; margin-bottom:0; margin-left:0px; } .pagination ul li { display:inline; margin-right:5px; } .pagination ul li span, .pagination ul li a, .read-more a { padding:5px 10px; box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -o-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); -ms-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.5); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; } .pagination ul li a, .pagination ul li span{ color:#000; background:#E3282A; } .pagination ul li a:hover, .pagination .current, .pagination ul li:hover > a, .pagination ul li span.current{ background:#ffff33; } /* wrapper */ #wrapper { width:960px; position:relative; margin:0 auto 30px; } .no-sidebar{ margin:0 auto; float:none !important; } /* header */ #header #logo, #nav ul li:hover ul, #content, #copyright{ position:relative; font-family:'WebYekan'; } #header #logo, #content, #copyright{ background:url(../images/bg_wrapper_black.png) repeat left top transparent; } #header #logo { color:#ffff33; border-bottom-color:#ffff33; text-align:center; padding:20px 0; margin:0; border-bottom-width:2px; border-bottom-style:solid; } #header #logo h1{ font-weight:normal; font-size:35px; line-height:1; margin:0; padding:0; font-family:'titr'; } #header #logo h2{ color:#fff; font-family:'BZarBold', sans-serif; font-size:20px; padding:10px 0 0; margin:0; } .header_search { float:left; } .search-form{ display:table; } #content .search-form{ margin-bottom:10px; } .search-form label .screen-reader-text { display:none; } .search-form .search-field { background:#515151; border:none; color:#fff; font-size:11px; width:150px; padding:5px; float:left; direction:rtl; font-family:'Tahoma'; } .site-content h1 {font-family:'WebYekan';} .search-form .search-submit { background:url(../images/icon_search.png) no-repeat center center #a8a8a8; border:none; border-radius:0; font-size:0; width:24px; height:24px; padding:0 5px; display:inline-block; float:left; cursor:pointer; -o-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -khtml-transition: background 0.5s ease; -webkit-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease; } .search-form .search-submit:hover { background:url(../images/icon_search_white.png) no-repeat center center #000000; } #slide-space{ height:400px; position:relative; } /* navigation */ .shortnav{ display:none; } #nav { font-weight:normal; font-family:'Open Sans', sans-serif; z-index:20; position:relative; } #nav ul li ul { font-size:13px; } /* content */ #content, #footer{ padding:20px; } #footer{ padding-top:10px; border-top-width:2px; border-top-style:solid; border-top-color:#000000; } #footer{ font-size:12px; } #copyright{ padding:10px 20px; font-size:11px; } #footer ul, #content ul{ margin-left:15px; list-style:url(http://raz.fardblog.com/upload/picture/2list_bullet.png) outside; padding-right:20px; } #footer ul li{ padding:0 0 10px; } #content ol, #content ul{ list-style-position:outside; margin-left:16px; line-height:1.5; } #content ol li, #content ul li{ padding:5px 0; } .col1of1, .col1of2, .col1of3, .col1of4{ float:left; } .col1of1{ width:100%; } .col1of2{ width:47.75%; margin-right:4%; } .col1of3{ width:30.5%; margin-right:4%; } .col1of4{ width:21.75%; margin-right:4%; } .last{ margin-right:0; } .post_meta{ color:#dddddd; margin:0 0 10px; padding:0; } .social{ background-repeat:no-repeat; background-position:right center; background-color:transparent; padding-right:30px; line-height:20px; height:20px; margin:0 0 10px; display:block; font-family:'WebYekan'; font-size:14px; } #primary{ width:70%; } #secondary{ width:25%; } #secondary .widget{ padding-bottom:25px; } #submit {font-family:'WebYekan';} .content-sidebar #primary, .sidebar-content #secondary{ float:left; } .sidebar-content #primary, .content-sidebar #secondary{ float:right; } .widget-title{ margin-top:5px; font-family:'BZarBold'; } #footer .widget-title{ margin-top:20px; } #footer .widget li a{ font-family:'WebYekan'; font-size:14px; } #footer .widget .textwidget {font-family:'WebYekan';line-height:20px;font-size:16px;} /* OTHERS */ .control-nav, .menu_wrapper, #footer{ background:url(../images/bg_footer_black.png) repeat left top transparent; } #prevslide{ background:url('./images/back.png') center center no-repeat transparent; } #nextslide{ background:url('./images/forward.png') center center no-repeat transparent; } @media screen and (min-width:960px){ body{ min-width:960px; background-size:cover; } .header_search { padding:8px 20px; } #nav { float:right; padding-left:0; font-size:14px; } #nav ul { list-style:none; } #nav ul li { display:inline-block; float:right; position:relative; } #nav ul li a { color:#fff; padding:13px 20px; display:block; float:left; font-family:'WebYekan'; } #nav ul li ul { display:none; } #nav ul li:hover ul { background:url(../images/bg_wrapper_black.png) repeat left top transparent; border-top-color:#ffff33; display:block; position:absolute; top:40px; width:200px; border-top-width:2px; border-top-style:solid; } #nav > ul > li:hover > a, #nav > ul > li.current-menu-item > a, #nav > ul > li.current-menu-parent > a, #nav > ul > li.current-menu-ancestor > a{ color:#ffff33; background:url(images/nav_active.png) no-repeat center top transparent; } #nav ul li:hover ul li{ display:block; float:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#555555; } #nav ul li:hover ul li a{ color:#fff; display:block; float:none; padding-top:8px; padding-bottom:8px; } #nav ul li:hover ul li ul, #nav ul li:hover ul li:hover ul li ul, #nav ul li:hover ul li:hover ul li:hover ul li ul, #nav ul li:hover ul li:hover ul li:hover ul li:hover ul li ul{ display:none; } #nav ul li:hover ul li:hover ul, #nav ul li:hover ul li:hover ul li:hover ul, #nav ul li:hover ul li:hover ul li:hover ul li:hover ul, #nav ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{ display:block; position:absolute; top:-2px; right:200px; } #nav > ul > li:hover > ul > li:hover > a, #nav > ul > li:hover > ul > li:hover > ul > li:hover > a, #nav > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a, #nav > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a, #nav > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a{ color:#ffff33; background-color:#000000; } } @media screen and (max-width:959px){ .shortnav{ display:inline-block; margin:8px 0 -2px 10px; } .shortnav a{ background:url(images/nav_icon_white.png) no-repeat center center; display:block; padding:0; height:38px; width:50px; } .shortnav a.active{ background:url(images/nav_icon_hover_white.png) no-repeat center center; } .header_search { padding:15px 10px 0; } .menu_wrapper{ padding-bottom:8px; } #nav{ background:url(images/bg_wrapper_white.png) repeat left top; float:none; display:none; font-size:14px; width:280px; margin:0 0 0 10px; } #nav ul li, #nav ul li a{ display:block; } #nav ul li a{ padding:10px; color:#000; border-bottom:1px #888 solid; } #nav ul li a:hover{ color:#333; background:url(images/bg_footer_white.png) repeat left top; } #nav ul, #nav ul li ul, #nav ul li:hover ul, #nav ul li ul li ul, #nav ul li:hover ul li:hover ul, #nav ul li ul li ul li ul, #nav ul li:hover ul li:hover ul li:hover ul, #nav ul li ul li ul li ul li ul, #nav ul li:hover ul li:hover ul li:hover ul li:hover ul{ width:100%; display:block; } #nav ul li ul li a:before{ content:"\00BB \00A0"; } #nav ul li ul li ul li a:before{ content:"\00A0\00A0 \00BB \00A0"; } #nav ul li ul li ul li ul li a:before{ content:"\00A0\00A0\00A0\00A0 \00BB \00A0"; } #nav ul li ul li ul li ul li ul li a:before{ content:"\00A0\00A0\00A0\00A0\00A0\00A0 \00BB \00A0"; } #nav ul li ul li ul li ul li ul li ul li a:before{ content:"\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0 \00BB \00A0"; } } @media screen and (min-width:768px) and (max-width:959px){ body{ min-width:768px; max-width:959px; } #wrapper{ width:750px; } #slide-space{ height:300px; } } @media screen and (min-width:480px) and (max-width:767px){ body{ max-width:767px; min-width:480px; } #wrapper{ width:460px; } #slide-space{ height:200px; } #primary, #secondary, .col1of1, .col1of2, .col1of3, .col1of4{ float:none; display:block; width:100%; } .post-navigation .nav-previous, .post-navigation .nav-next, .image-navigation .nav-previous, .image-navigation .nav-next{ width:100%; display:block; float:none; text-align:center; } } @media screen and (max-width:479px){ body{ max-width:479px; min-width:300px; } .left, .right{ display:block; float:none; width:100%; } #wrapper{ width:300px; } #slide-space{ height:200px; } #primary, #secondary, .col1of1, .col1of2, .col1of3, .col1of4{ float:none; display:block; width:100%; } .post-navigation .nav-previous, .post-navigation .nav-next, .image-navigation .nav-previous, .image-navigation .nav-next { width:100%; display:block; float:none; text-align:center; } #copyright{ line-height:1.5; text-align:center; } }