/* * style.css * * Theme Name: Alpha NX One * Theme URI: http://www.nxcreation.com/alpha-nx-one/ * Description: Alpha NX One Demo is a dynamic wordpress theme for Blogging.It's lightweight and fully responsive HTML5 theme.Use the theme options to add your own logo,favicon,header background color , body font,footer information , link color etc. Distinguish each post with one of the six supported post formats, such as: Video, Image, Audio, Quote, Link and Gallery.For a live demo go to http://themepreview.nxcreation.com/nxone/ * Version: 1.0.2 * Author: Md Shahed Alam * Author URI: http://www.nxcreation.com/ * License: GNU General Public License version 3.0 * License URI: http://www.gnu.org/licenses/gpl-3.0.html * Tags: one-column, two-columns,custom-menu,post-formats,sticky-post,light,right-sidebar,responsive-layout, custom-background,flexible-header,full-width-template,theme-options,featured-images,translation-ready * Text Domain: alpha_nx_one */ /*------------------------------------------------------------------ [Table of contents] 1. General (line 30-) 2. Header (line 121-) 3. Post Title (line 200-) 4. Content (line 234-) 5. Sidebar (line 290-) 6. Footer (line 390-) 7. Comments (line 437-) -------------------------------------------------------------------*/ /** * ----------------------------------------------------------------------------------------------------- * 1.0 General style * ----------------------------------------------------------------------------------------------------- **/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, header, hgroup, menu, nav, section { display: block } body { color: #2a2b2c; font-family: Open Sans,Helvetica Neue,Arial,Helvetica,Verdana,sans-serif; font-size: 17px; font-weight: normal; line-height: 1.7em; overflow: hidden; } body, html { min-height: 600px;} a:link { } a, a:active, a:visited, .footer_widget .widget_links ul li a { color: #111;} a, a:active, a:visited, .leftContentSP .thumbnails img { transition: all 0.25s ease-in-out 0s;} a { background: none repeat scroll 0 0 transparent; font-size: 100%; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline; } input[type="text"], input[type="password"], input[type="email"], select, textarea{ font-size: 16px; padding: 10px 5%; width: 90%;} input[type="submit"] {font-size: 16px;margin: 10px 0;padding: 8px 20px;} pre, code, kbd, samp { font-family: monospace, sans-serif } body, select,textarea { color: #2a2b2c; } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: normal; line-height: 110%;color: #212121;} h1 { font-size: 26px } h2 { font-size: 22px } h3 { font-size: 20px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 14px } html { overflow-y: scroll } a:hover, a:active { outline: none } ul, ol { margin-left: 2em } button { width: auto; overflow: visible; } .button, .button:visited{padding:10px; color:#fff;} .fullwidth { width: 100% !important; } .float_left { float:left;} .float_right { float:right;} .fixed_width{max-width: 1180px;width: 92%;} #box_01 {background: none repeat scroll 0 0 #f1f1f1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding:10px 0 15px; display: block;} .wp-caption{} .wp-caption-text {} .gallery-caption{} .bypostauthor{} .alignright{float:right;margin:20px 0 20px 20px;} .alignleft{float:left;margin:20px 20px 20px 0;} .alignnone {margin:25px 0px;} .aligncenter{clear: both;display: block;margin: 20px auto;} .sticky{} iframe { margin: 0; padding: 0;width: 100%;} table { border: 1px solid #fff; border-collapse: collapse; color: #2a2b2c; text-align: center;} table tr { background: none repeat scroll 0 0 #efefef;} table th { background: none repeat scroll 0 0 #dedede; border: 1px solid #fff; padding: 8px; width: 100px;} strong, th { font-weight: bold;} blockquote {border-left: 4px solid #2c2e32;font-style: italic;margin: 15px 0;padding: 6px 20px 6px 40px;} blockquote .content_article p { margin:0px;} /** * ----------------------------------------------------------------------------------------------------- * 2.0 Header style * ----------------------------------------------------------------------------------------------------- **/ #header_wrap { border-bottom: 1px solid #dbdbdb !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); display:inline-table; height: 60px; padding: 16px 0; position: relative; width: 100%; z-index: 999; } #header_container {margin: 0 auto; padding: 0; } /*#site_title a {float: left;position: relative;text-align: center;z-index: 9;} */ #site_logo_img { height: 60px; } #site_logo p {display: inline-block;} #site_title{margin-top: 3px;} #header_nav{font-family: sans-serif,helvetica; font-size: 14px; font-weight: 600; margin-top: 18px; padding: 0;max-width: 897px; width: 76%;} #header_nav ul.menu{float: right; list-style: outside none none; text-transform: uppercase;} #header_nav ul.menu > li {float: left;} #header_nav ul.menu > li a{color: #212121;} #header_nav ul.menu > li a:after {color: #2a2b2c;content: "•";position: absolute;right: -3px;} #header_nav ul.menu > li:last-child a::after {content: "";position: absolute;} #header_nav ul.menu > li {padding: 0 12px 25px;position: relative;} #header_nav ul.menu > li:last-child {padding: 0 0 25px 12px;} #header_nav ul.menu > li ul.sub-menu {display:none;} #header_nav ul.menu > li:hover ul { display:block;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); background: none repeat scroll 0 0 #f1f1f1; border-top: 3px solid #2c2e32; margin-left: 0px; margin-top: 24px; min-width: 200px; position: absolute; z-index: 9999;} .sub-menu li{background: none repeat scroll 0 0 #f1f1f1; border-top: 1px solid #dcdcdc; list-style: outside none none; padding: 3px 15px;} #header_nav ul.sub-menu > li a:after {content: "";position: absolute;} .sub-menu li a{color: #212121;font-size: 14px;font-weight: 400;} #header_nav ul.menu ul.sub-menu li ul.sub-menu{display:none;} #header_nav ul.menu ul.sub-menu li:hover ul.sub-menu{ display:block;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); background: none repeat scroll 0 0 #f1f1f1; border-top: 3px solid #2c2e32; margin-left: 90%; margin-top: -18%; min-width: 200px; position: absolute; z-index: 9999;} #header_nav ul.menu li:last-child ul.sub-menu li:hover ul.sub-menu{ margin-left:-108%; margin-top: -18%; } #header_nav .menu .current-menu-item a,.menu .current-menu-item a{} #header_nav ul.menu li a:hover,.sub-menu li a:hover{} /* responsive header menu */ #header_nav_responsive_menu,#header_nav_responsive {display:none;} /** * ----------------------------------------------------------------------------------------------------- * 3.0 Post Title * ----------------------------------------------------------------------------------------------------- **/ #content_area_title {margin: 0 auto;padding: 8px 0;} #site_breadcrumbs{display: flex;background: #f1f1f1;border-bottom: 1px solid #e1e1e1;width: auto; border-top: 1px solid #e1e1e1;padding: 5px 0;overflow: hidden;} #author_details_area{background:#f1f1f1;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1; font-size: 17px;padding: 10px 0 15px;} #Breadcrumbs_off_post_title {display: inline-block;margin-bottom: 5px;width: 100%;} #Breadcrumbs_off_post_title_2 {border-bottom: 1px solid #e1e3e7;display: inline-block; margin-bottom: 5px;padding-bottom: 0;width: 100%;} #Breadcrumbs_off_post_title h1{margin-bottom: 15px;font-size: 30px; margin-top: 0;} #Breadcrumbs_off_post_title_2 h1{margin-bottom: 15px;font-size: 30px;margin-top: 0;} #post_title{float: left;max-width: 100%;position: relative;text-decoration: none;} #post_title h1 {color: #2a2b2c;font-size: 28px;font-weight: normal;} #breadcrumbs_area{float: right;margin-top: 1px;max-width: 100%;position: relative;text-decoration: none;} #post_title span {color: #2a2b2c;font-size: 13px;font-weight: normal;} #descrip_area_full {} #descrip_area_fixed{display: block;margin: 0 auto;} #descrip_area_fixed blockquote {border-left: 3px solid #d64619;padding: 10px 10px 10px 30px;} #edite {display: inline-block;width: 100%;} #edite p span a {font-size: 20px;color:#fff;font-weight: normal;} #edite p span {background: none repeat scroll 0 0 #2c2e32;border: 0 none; cursor: pointer;margin-top: 30px; float: right;font-family: "Open Sans";margin-right: 20px;padding: 12px 60px;position: relative;} #breadcrumbs_area i{padding:0 5px;} /** * ----------------------------------------------------------------------------------------------------- * 4.0 content style * ----------------------------------------------------------------------------------------------------- **/ #main_content_area{display: block;margin-top: 30px;} #content_area {background: none repeat scroll 0 0 #fff;display: flex;margin: 0 auto;padding: 0 15px;} #content_box_full_width{width:100%;} #content_box{ float: left;margin-right: 4%;width: 68%;max-width:805px;} #content_box_single,#content_box_page,#content_box_404{ float: left;margin-right: 4%;width: 68%;} #content_box_404 h1{font-size: 36px;margin-bottom: 25px;} #content_box_404 p {margin-bottom: 30px;} #content_box_404 form #s{margin-right: 6%;max-width: 64%;width: 62%;} #content_box_404 form #searchsubmit{max-width: 30%;width: 30%;} #content_box article {margin-bottom: 40px; margin-top: 5px; padding: 20px 0 0;} #content_box article:first-child {margin-top: 0px;padding-top:0;} .content_header{border-bottom: 1px solid #ededed;padding-bottom: 2px;} .content_header h1{margin-top: 20px;margin-bottom: 5px;} .content_header h1 a:hover{} #post_details{display: inline-block; list-style: outside none none; margin: 15px 0 0;} #post_details li{float: left;display: flex;cursor: pointer; padding: 0 25px 6px 0px ;} #post_details li a{font-size: 17px;} #post_details li:hover,#post_details li a:hover{} #post_details .content_article{margin-top: 42px;} #post_details .fa{margin-right:12px;padding-top: 6px;} #post_details .meta-categories a{} #post_details .meta-categories{max-width: 800px;} .content_article{margin-top:10px;} .content_article p {margin-bottom: 20px;} #read_more_container {border-bottom: 1px solid #ededed;padding-bottom: 24px;} #read_more{display: inline-block;padding:8px 26px 8px 40px;} #read_more a{border: 0 none;color: #fff; float: left;font-weight: bold;letter-spacing: 1px;} .content_footer{margin-top: 40px;} .content_footer h2{padding: 0px 0px 15px;} .content_footer span{ background: none repeat scroll 0 0 #f1f1f1;border-left: 3px solid #000;display: inline-block;margin-left: 40px; margin-top: 10px;max-width: 85%;padding: 13px 20px 13px 40px;} .fa-long-arrow-right{color: #fff;margin-left: 17px;} .entry-thumbnail{padding: 20px 0;} .entry-thumbnail img{max-height: 500px;max-width: 800px;height: 100%;width:100%;} #meta_tags_content{font-style: italic;padding: 10px 0;width: 100%;margin-top: 30px;} .content_article img{max-height: 500px;max-width: 800px;} .fullwidth img{max-height: 738px;max-width: 1180px;margin-top: 20px;} #commentform label { display: block;} #paging_navigation{border-top: 1px solid #e5e5e5;margin: 0 0 30px;padding: 18px 0 0;text-align: center;} #paging_navigation ul.page-numbers {list-style:none;margin: 0;padding: 0;} #paging_navigation ul.page-numbers li {display: inline-block;margin-bottom: 20px;} #paging_navigation ul.page-numbers li a.next,#paging_navigation ul.page-numbers li a.prev,#paging_navigation ul.page-numbers li a.next:hover,#paging_navigation ul.page-numbers li a.prev:hover{padding: 8px 30px;} #paging_navigation ul.page-numbers li a {background:#2c2e32;color: #fff;text-decoration: none;margin: 0 8px;padding: 8px 12px;} #paging_navigation ul.page-numbers li span.current , #paging_navigation ul.page-numbers li a:hover{margin: 0 8px;padding: 8px 12px;color: #fff;} #paging_navigation ul.page-numbers li span.dots {} #gallery-1 dl.gallery-item dt.gallery-icon a img{ border:none; height: 95%; padding: 0 5%; width: 95%;} /** * ----------------------------------------------------------------------------------------------------- * 5.0 sidebar style * ----------------------------------------------------------------------------------------------------- **/ #sidebar_area{float: right;margin-top: 0px; width: 28%;max-width: 331px;} #widget_sidebar{font-size: 17px; margin-bottom: 30px;} #widget_sidebar ul{font-size: 16px;list-style: outside none none;margin-left: 5px;margin-top: 12px;} #widget_sidebar ul li{padding:3px 0 ;} #widget_sidebar ul li a{} #widget_sidebar ul li a:hover{} #widget_sidebar h3{ display: inline-block; font-size: 20px !important; line-height: 20px; margin: 0; padding: 0 8px 10px 0 !important; text-transform: uppercase; } #widget_footer .tagcloud a { background:#2c2e32;border-radius: 8px;float: left;margin: 0 8px 7px 0;padding: 4px 12px; font-size-adjust: 0.7; font-weight: 500; letter-spacing: 1px; font-size:8px; } #widget_footer .tagcloud a:hover {} .widget-title:hover{} #searchform{margin-bottom: 50px;} #searchform label{font-size: 0;} #s{background: none repeat scroll 0 0 #fff; border: 1px solid #cecece;padding:0; color: #707070; float: left; font-family: "Open Sans"; font-size: 20px; font-weight: normal; height: 44px; position: relative; width: 198px;} #searchsubmit{background: none repeat scroll 0 0 #2c2e32; border: 0 none;margin:0;padding:0; color: #fff; cursor: pointer; float: right; font-family: "Open Sans"; font-size: 20px; font-weight: normal; height: 48px; position: relative; width: 100px;} #widget_footer h3:hover{} #widget_footer input[type="email"] {border:medium none; float: right; margin: 0;} #widget_footer input[type="submit"],#widget_footer input[type="button"]{ border: medium none; color: #fff; cursor: pointer; float: right; font-size-adjust: 0.8; margin-top: 9px; padding: 9px; width: 60%;} .eemail_caption { display:none;} .widget-line { border-bottom: 2px solid #2c2e32;margin-bottom: 5px;width:25%;} .widget:hover .widget-line { animation: sidebar_line_move 20s;position: relative; animation-play-state: running;animation-iteration-count: infinite; -webkit-animation-name: sidebar_line_move; -webkit-animation-duration: 20s; position: relative; -webkit-animation-play-state: running; -webkit-animation-iteration-count: infinite; } @keyframes sidebar_line_move { 0% {width:25%;border-bottom: 2px solid #e04028;} 50% {width:60%;border-bottom: 2px solid #e04028;} } @-webkit-keyframes sidebar_line_move { 0% {width:25%;border-bottom: 2px solid #e04028;} 50% {width:60%;border-bottom: 2px solid #e04028;} } /** * ----------------------------------------------------------------------------------------------------- * 6.0 footer style * ----------------------------------------------------------------------------------------------------- **/ #footer_container_widget{ display: table; margin: 0 auto; padding: 30px 0;} #footer_container_copyright{ display: table; margin: 0 auto; padding: 0; width: 100%;} #footer_copyright {background-color:#2c2e32;} #footer_widget_all{display:block;} footer{background: none repeat scroll 0 0 #fff;margin-top: 30px; display: inline-table; width: 100%;} #sidebar_area_footer{margin-top: 20px;width: 100%;} .footer-sidebar{} .row{} #widget_footer{float: left; margin-right: 3%; width: 22%;} #widget_footer:last-child { float: right; margin-right: 0%; width: 25%; } #widget_footer ul {margin: 0px;list-style: outside none none;} #widget_footer ul li{padding: 4px 10px;} #widget_footer ul li a{font-size: 15px;} #widget_footer ul li a:hover{color:#e04028} #widget_footer ul.menu li:hover{ padding: 4px 10px;} .widget-title_2{display: block; font-size: 22px; margin-bottom: 15px; text-transform: uppercase;} .widget_footer_line{border-bottom: 2px solid #fff;margin-bottom:10px;} #widget_footer .cat-item {background:#2c2e32;border-radius: 8px;float: left;margin: 0 8px 7px 0;padding: 4px 12px;} #widget_footer .cat-item:hover, {} #copyright{display: flex; margin: 0 auto; padding: 15px 0;} #copyright p{margin: 0 auto;font-size: 15px;} #copyright p a{ font-size: 16px; font-weight: bold; padding: 0 8px;} /** * ----------------------------------------------------------------------------------------------------- * 7.0 comments style * ----------------------------------------------------------------------------------------------------- **/ #comments{display: inline-block;margin-bottom: 40px; margin-top: 30px;} #respond{margin-top: 30px;} #reply-title{font-size: 24px;padding: 0 0 12px;} #commentform{font-size: 18px;margin-bottom: 20px;} .logged-in-as{} .logged-in-as a{color: #313337;font-weight: bold;padding: 0 6px;} .logged-in-as a:hover{} .comment-form-author,.comment-form-email,.comment-form-url{display: inline-block;margin-top: 10px;width: 100%;} .comment-notes{display: inline-block;margin-bottom: 15px;margin-top: 0;width: 100%;} #commentform p span{} .comment-form-author label,.comment-form-email label,.comment-form-url label,.comment-form-comment label{float: left;margin-right: 45px;} .comment-form-author input,.comment-form-email input,.comment-form-url input,.comment-form-comment input{border: 1px solid #dddddd;float: right;height: 30px;width: 670px;} .comment-form-comment{display: inline-block;margin-top: 30px;width: 100%;} .comment-form-comment textarea{border: 1px solid #dddddd;height: 90px;width: 670px;float: right;padding:0;} #form-allowed-tags{margin-top: 30px;font-size: 14px;} #form-allowed-tags code{} .form-submit{display: block;margin-top:20px;cursor: pointer;} .form-submit input{background: none repeat scroll 0 0 #2c2e32;border: medium none;color: #fff;float: right; font-size: 22px;padding: 13px 36px; cursor: pointer;} .comment-notes{} .comments,.children{list-style: outside none none; margin-top: 20px;} .comments li {border-left: 3px solid #2c2e32; padding-left: 30px; margin-top: 20px;} .comment-author{} .comment-author img{float: left;height: 44px;margin: 6px 14px 0 0;width: 44px;} .comment-author cite.fn a ,.comment-author span ,.comment-author cite.fn{font-size: 20px;} .comment-meta a{} .comment-edit-link{} .comment-body p {font-size: 18px;margin-top: 10px;} .reply a{background: none repeat scroll 0 0 #2c2e32; color: #fff; display: flex; margin-top: 15px; padding: 5px 30px; width: 41px;} /* crome */ @media screen and (-webkit-min-device-pixel-ratio:0) { body { font-family: Arial,Helvetica,Open Sans,Helvetica Neue,Verdana,sans-serif; } }