/* Theme Name: Renovatio Theme URI: http://themefortress.com/reverie/ Description: Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation. Version: 3.0.0 Author: Zhen Huang Author URI: http://themefortress.com/ License: MIT License License URI: http://www.opensource.org/licenses/mit-license.php */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Customized Adjustments of Foundation for WordPress :: Styling Basic WordPress Outputs :: Customize Foundation Style Pagination for WP-Pagenavi :: Customize for BuddyPress :: Your Customized Style */ /* --------------------------------------------------- Customized Adjustments of Foundation for WordPress --------------------------------------------------- */ /* Foundation-specific presentation CSS by ZURB */ div.reverie-header { text-align: center; margin:0; padding: 0; } div.reverie-header h2 { margin: 20px 0px; padding: 0; } div.reverie-header h2 a { margin: 0 auto; display: block; width: 250px; height: 113px; background:url(images/renovatio.png) no-repeat center top; text-indent: -3000px; } div.reverie-header .subheader { display: none; } /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Global */ h1, h2, h3, h4, h5 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; } /* Add Divider for Listed Posts */ .divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; } /* Add Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 18px 0; } img.aligncenter { display: block; margin: 18px auto; } /* Add HTML5 Class for Images */ figure img { height: auto; border: 1px solid #DDD; margin: 0 auto; display: block; box-shadow: 0px 2px 10px #ddd; -moz-box-shadow: 0px 2px 10px #ddd; -webkit-box-shadow: 0px 2px 10px #ddd; border-image: initial; } /* Add HTML5 Caption Class for Images */ figure.figure { margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; } figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; } figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } /* Sidebar Adjustment */ .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } /* Footer Nav */ .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } .footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; } /* Breadcrumb Adjustment */ ul.breadcrumbs li span { padding-left: 3px; } ul.breadcrumbs li a { padding-left: 0; } /* Comment Textarea Adjustment */ #respond textarea { height: 100px; } /* ------------------------------------------------------- Adjust Foundation 3 Pagination Style for WordPress ---------------------------------------------------- */ ul.page-numbers { display: block; height: 24px; margin-left: -5px; } ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; } ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; } ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; } ul.page-numbers li.unavailable a { cursor: default; color: #999; } ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; } ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; } /* --------------------------- :: Customize for BuddyPress --------------------------- */ .padder label + textarea { margin-top: 0; } .padder #item-body #message-threads .thread-avatar img { max-width: 50px; } ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; } .padder select { display: inline-block; } .padder div.item-list-tabs { margin: 25px 0; } .padder form#whats-new-form textarea { height: 30px; } .padder .button { display: inline; } /* -------------------------- Your Customized Style ----------------------- */ body { background: #efefef url(images/bkg_int.jpg) repeat-y left top; font-family: "Times New Roman", "Times", serif; } a, a:visited { color: #749513; } a:hover, a:focus{ color: #3D210C; } h2,h3,h4,h5,h6 { font-family: "Times New Roman", "Times", serif; } body #main { margin-top: 40px; } body #container { color: #3d210c; } p { font-size: 16px; line-height: 1.4; } h1 { margin-top: 0px; font-size: 73px; line-height: 0.7; font-family: 'Tangerine', cursive; } img { border: 0px; } .sidebar-section { padding-top: 0px; } .widget_sp_image h6 { font-size: 26px; text-align: center; } /* home */ body.home { background: #efefef url(images/bkg_home.jpg) no-repeat center 43px; } body.home #container { padding-top: 68px; } body.home h1 { display: none; } body.home header, body.home #main, body.home #footer-direc { background:url(images/bkg_home_opacity.png) repeat; } body.home #content { margin-top: 20px; } body.home #main { margin-top: 0px; } body.home #footer-direc { margin-top: 0px; } body.home #footer-direc div { border-top: none; padding-top: 0px; } body.home #footer-direc p { color: #fff;} body.home #footer-direc a { color: #fff;} body.home .post-box ul { list-style: none; margin-top: 10px; overflow: hidden; } body.home .post-box li { float: left; margin-left: 28px; margin-right: 29px; } body.home .post-box li a img { border: none; } /* post */ .post-box header .updated { display: block; margin-bottom: 10px; font-style: italic; } /* portfolio */ #main .portfoliolist .row { margin-bottom: 30px; } #main .portfoliolist h2 { margin-top: 2px; font-size: 26px; } #main .portfoliolist .portfolio_thumb, #main .portfoliosingle .portfolio_thumb { float: none; width: inherit; } #main .portfoliosingle .portfolio_thumb { width: 355px; margin-bottom: 20px; } #main .portfoliosingle .portfolio_images_block .lable { display: block; margin-bottom: 7px; } #main .portfoliosingle .portfolio_images_rows img { width: 113px; } #main .portfoliosingle .portfolio_images_rows .portfolio_images_gallery { padding-bottom: 4px; } #main .portfoliolist .portfolio_thumb img, #main .portfoliosingle .portfolio_thumb img, #main .portfoliosingle .portfolio_images_gallery img { border: none; padding: 0px; } #main .portfoliolist .portfolio_short_content { float: none; width: inherit; } #main .portfoliolist .portfolio_terms, #main .portfoliosingle .portfolio_terms { border: none; top: 0px; z-index: 99; } #main .portfoliolist .portfolio_terms p, #main .portfoliolist .portfolio_terms a { line-height: 1.1; font-size: 13px; } #main .portfoliosingle .portfolio_terms p, #main .portfoliosingle .portfolio_terms a { line-height: 1.1; font-size: 16px; } #main .portfoliolist .portfolio_short_content .item_title { padding: 0px; } #main .portfoliolist .portfolio_short_content .item_title a { font-size: inherit; } #main .portfoliosingle .portfolio_short_content .lable, #main .portfoliolist .portfolio_terms .lable { display: block; font-weight: bold; } #main .portfoliosingle .entry_footer { height: auto; } body.single-portfolio #fancybox-wrap { padding: 0px; } /* header */ div.reverie-header h2 { margin-bottom: 10px; } #container header .second-nav { margin-bottom: 10px; } .top-menu ul { margin-bottom: 0px; list-style: none; } .top-menu li { float: left; margin-left: 5px; } .top-menu li a { font-weight: bold; color: #3d210c; padding-right: 5px; border-right: 1px solid #937d6f; } .top-menu li a:hover { color: #749513; } .social { font-size: 14px; text-align: right; margin-bottom: 0px; } .social span { position: relative; top: -7px; } .social img { margin: 0px; } header .nav-bar { height: 55px; margin: 0px; background: none; border-bottom: solid 1px #3d210c; border-top: 1px solid #3D210C; } header .nav-bar > li { font-weight: bold; box-shadow: none; width: 227px; border: 0px; line-height: 39px; padding: 0 8px; } header .nav-bar > li:hover { background: rgba(255, 255, 255, 0.3); } header .nav-bar > li.active { background: #e5e5e5; background: rgba(0, 0, 0, 0.1); } header .nav-bar > li a:first-child { color:#3d210c; text-align: center; padding: 5px 0; line-height: 22px; font-size: 16px; } header .nav-bar > li.active a { color: #749513; } header .nav-bar > li.active:hover { background: #e5e5e5; background: rgba(255, 255, 255, 0.3); cursor: default; } header .nav-bar > li:last-child { box-shadow: none; border: 0px; } header .nav-bar #menu-item-39, header .nav-bar #menu-item-36 { padding: 11px 0px; } /* footer */ footer#content-info { font-family: "Arial", "Helvetica", "Verdana", sans-serif; } #footer-direc { padding-bottom: 10px; margin-top: 40px; } #footer-direc div { padding-top: 13px; border-top: solid 1px #3d210c; } #footer-direc p { margin-bottom: 0px; font-size: 14px; color: #3d210c; text-align: center; } #footer-direc a { color: #3d210c; font-weight: bold; } /* form */ #content .post-box fieldset { border: 0px; padding: 0px; } #content .post-box label { color: #3D210C; } #content .post-box input, #content .post-box textarea { border: 1px solid #3D210C; } #content .post-box button { background: #3D210C; color: #fff; padding: 4px 10px; border: 0px; } /* movil */ @media handheld, only screen and (max-width: 767px) { /*header { position: relative; } header .subheader { margin-bottom: 0; } header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; } header .menu-action .button.small { padding: 8px; } header .menu-action .button.small svg { opacity: 0.5; } header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; } header h4 { font-size: 17px; font-size: 1.7rem; }*/ body.home header, body.home #main, body.home #footer-direc { background:none; } body.home #container { padding-top: 0px; background:url(images/bkg_home_opacity.png) repeat; } body.home { background: #efefef url(images/bkg_home.jpg) repeat-y center top; } header .nav-bar { height: auto; } header .nav-bar > li { width: 100%; border-bottom: 1px solid #3D210C; padding: 10px 0px; } header .nav-bar > li { background: rgba(255, 255, 255, 0.3); } .top-menu { position: static; width: 100%; overflow: hidden; } .top-menu ul { text-align: center; margin: 5px 0 0 0; } .top-menu li { float: none; display: inline; } }