/* Theme Name:Product Review Theme Description:Product Review Theme developed by SEOServicesLosAngeles.com. Version:1.0 Author:SEO Services Los Angeles Author URI:http://www.seoserviceslosangeles.com Theme Creator:Larrie Bernd C. Rocha Theme Creator URI:http://www.larrieberndrocha.info */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ @charset "UTF-8"; @import 'css/reset.css'; img { max-width:100%!important; max-height:auto; } html { background:#014e92 url(images/wrapper-bg.jpg) repeat-x; } body { margin:0; padding:0; background:url(images/inner-wrapper-bg.png) repeat; } #wrapper { } #inner-wrapper { } #container { padding:10px 0; margin:0 auto; background:#fff; } #header h1 { margin:0; } #header .left { margin-bottom:19px; } #header .logo, #header .logo img { font:bold 30px "Myriad Pro"; color:#073E6C; } #header .right { float:right; margin-top:15px; margin-bottom:19px; text-align:right; } #nav { clear:both; padding:10px 20px; margin:10px; background:#052E5A url(images/nav-bg.jpg) repeat; } #nav li { padding:10px 0; } /* General Styles */ #nav ul, #nav li { list-style:none; margin:0; padding:0; } #nav a { display:block; float:left; padding:6px 15px 5px; margin-right:5px; font:bold 12px Arial; color:#fff; text-decoration:none; text-transform:uppercase; } #nav li.last a { border:none; } #nav ul.dropdown li > a:hover, #nav li.current_page_item > a, #nav li.current-menu-item > a, #nav li.current-post-ancestor > a, #nav li.current-page-ancestor > a { background:#fff; color:#001e38; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* dropdown level */ #nav .dir ul , #nav .dir ul li, .#nav .dir ul li a { padding:0; margin:0; } #nav .dir ul { display:block; width:201px; background:#fff; border:1px solid #000; } #nav .dir ul li { padding:0; } #nav .dir ul li a { float:none; margin:12px; border:none; color:#000; } #nav .dir ul li a:hover { background:#073f6e; color:#fff; } #nav .dir ul ul { margin-left:2px; margin-top:-14px; } /* Home Slideshow */ #slideshow { margin:0 10px 10px; overflow:hidden; } #slideshow li { list-style:none; max-width:100%; margin:0; overflow:hidden; } #slideshow li img { max-width:100%; } #content { margin-top:36px; margin-bottom:20px; } #sidebar { float:right; } #sidebar .widget { clear:both; margin-bottom:16px; border:2px solid #001e38; } #sidebar .widget .widgettitle { margin:0; padding:10px 14px; background:#073359 url(images/widget-title-bg.jpg) repeat-x; font:bold 25px Arial; color:#fff; border:1px solid #001e38; border-bottom-width:2px; } #sidebar .half-left .widgettitle, #sidebar .half-right .widgettitle { text-align:center; font-size:17px; } #sidebar .half-left { clear:none; float:left; width:155px; } #sidebar .half-right { clear:none; float:right; width:155px; } #sidebar textarea { width:250px; } #sidebar ul { padding:10px; } #sidebar ul li { margin:10px 0; list-style:bullet; line-height:18px; } /* Youtube Video Widget */ #sidebar .theme-widget-youtube-video .video { display:block; width:326px; height:233px; } /* Top Rated Products Widget */ #sidebar .theme-widget-top-rated-products table { width:100%; margin:0; border:1px solid #001e38; } #sidebar .theme-widget-top-rated-products td { padding:7px; text-align:center; border:1px solid #001e38; } #sidebar .theme-widget-top-rated-products thead td { background:#db9420 url(images/thead-bg-2.jpg) repeat-x; font:bold 16px "Myriad Pro"; } #sidebar .theme-widget-top-rated-products tbody td { padding:12px 8px; background:#f6f6f6; } #sidebar .theme-widget-top-rated-products tr.first td { background:#966a42; } #sidebar .theme-widget-top-rated-products .product-rank { padding:0; } #sidebar .theme-widget-top-rated-products .rank { width:25px; height:25px; margin:0 auto; padding:3px 4px 18px 3px; background:url(images/ribbon-small.png) no-repeat; font:bold 20px/25px "Myriad Pro"; } #sidebar .theme-widget-top-rated-products .product-name { text-align:left; text-overflow:ellipsis; overflow-x:hidden; white-space:pre-wrap; max-width:89px; } #sidebar .theme-widget-top-rated-products .product-name a { font:15px "Myriad Pro"; } #sidebar .theme-widget-top-rated-products .review { font:bold 11px Arial; } #sidebar .theme-widget-top-rated-products tr.first .review { text-shadow:0 1px #ac8a6a; } #sidebar .theme-widget-top-rated-products .star-ratings { text-align:left; } /* Sign Up For Deals Widget */ #sidebar .theme-widget-newsletter form { padding:13px; } #sidebar .theme-widget-newsletter label { } #sidebar .theme-widget-newsletter .text { width:285px; padding:8px 6px 7px; margin-bottom:15px; } #sidebar .theme-widget-newsletter .submit { float:right; cursor:pointer; } /* Half Widgets */ #sidebar .half-left, #sidebar .half-right { min-height:272px; } #sidebar .widget .product-item { padding:8px; } #sidebar .widget .product-item .product-name { font:bold 12px Arial; text-align:center; text-transform:uppercase; } #sidebar .widget .product-item .product-image { margin-top:12px; text-align:center; } #sidebar .widget .product-item .product-ratings { margin:10px 0; } #sidebar .widget .product-item .product-ratings label { display:inline; font:bold 12px Arial; text-transform:uppercase; } #sidebar .widget .product-item .product-ratings .star-ratings-small { float:right; } /* Articles Widget */ #sidebar .theme-widget-articles .date { font:normal 11px Arial; color:#858585; } #sidebar .theme-widget-articles li { margin:20px 0; } /* Contact Form Plugin */ #sidebar .wpcf7-submit { float:right; } #maincontent{ } #maincontent .maintitle { margin:0 0 15px; } #maincontent .maintitle, #maincontent .maintitle a { font:bold 25px "Myriad Pro"; color:#073e6c; } #maincontent .post { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #DDDDDD; } .page #maincontent .post, .single #maincontent .post { border-bottom:none; } #maincontent .post .title { margin:0 0 10px; } #maincontent .post .title a { font:bold 25px "Myriad Pro"; color:#073e6c; } #maincontent .post .post-thumb { float:left; margin-right:20px; padding:9px; background:#f5f5f5; border:1px solid #ddd; } #maincontent .post .excerpt { min-height:70px; } #maincontent .post .readmore { font-weight:bold; } /* Product Box (Home page) */ #maincontent .product { padding:5px 5px 14px; margin-top:24px; border:1px solid #cacaca; background:#f6f6f6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #maincontent .product .title { margin:4px 0; } #maincontent .product .title, #maincontent .product .title a { font:bold 25px "Myriad Pro"; color:#073e6c; } #maincontent .product .product-image { display:block; float:left; position:relative; } #maincontent .product .product-image:hover { color:#000000; } #maincontent .product .product-image img { margin:15px; border:3px solid #373737; } #maincontent .product .product-image .rank { position:absolute; top:0; left:0; width:45px; height:45px; padding:4px 4px 33px; background:url(images/ribbon.png) no-repeat; font:bold 32px/45px Arial; text-align:center; } #maincontent .product .assurance-list { margin-bottom:10px; text-align:center; } #maincontent .product .assurance-list img { margin-right:11px; vertical-align:top; } #maincontent .product .content p { line-height:16px; } #maincontent .product .content .readmore { font-size:11px; text-decoration:underline; color:#910223; } #maincontent .product .product-buttons img { margin:0 0 20px; } #maincontent .product .product-buttons .first { margin-right:13px; } /* Product Box 2 (Product Page) */ #maincontent .product-details { padding:10px 10px 17px; margin-top:10px; margin-bottom:23px; border:1px solid #c3c59d; background:#e9e9ce url(images/details-bg.jpg) repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #maincontent .product-details .product-image { display:inline-block; float:left; padding:3px; margin-right:15px; margin-bottom:15px; background:#9c9c9c; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #maincontent .product-details .content p { margin-top:0; } #maincontent .product-details .buttons { clear:both; margin-top:10px; text-align:center; } #maincontent .product-details table { width:100%; margin:10px auto; border:1px solid #001e38; } #maincontent .product-details td { padding:7px; text-align:center; border:1px solid #001e38; } #maincontent .product-details thead td { background:#db9420 url(images/thead-bg-2.jpg) repeat-x; font:bold 16px "Myriad Pro"; text-shadow:0 1px #ac8a6a; } #maincontent .product-details tbody td { padding:12px 8px; background:#f6f6f6; text-shadow:1px 1px #fff; } #maincontent .product-details tbody tr.odd td { background-color:#e4e4e4; } #maincontent .product-details tbody tr.even td { background-color:#cfcfcf; } #maincontent .product-details .product-overview-table thead td { text-shadow:0 1px #ffc18a; } #maincontent .product-details .product-overview-table td { border-left:none; border-right:none; } #maincontent .product-details .product-overview-table tbody td { font-weight:bold; text-shadow:none; } #maincontent .product-details .product-overview-table tfoot td { background-color:#fff; } #maincontent .product-details .product-overview-table tfoot img { margin:0 7px 5px; } #maincontent .product-details .product-overview-table .product-name { text-align:center; font:bold 20px "Myriad Pro", Arial; } #maincontent .product-details .product-overview-table .rank { display:block; width:25px; height:25px; margin-left:12px; padding:3px 4px 18px 3px; background:url(images/ribbon-small.png) no-repeat; font:bold 20px/25px "Myriad Pro"; color:#fff; } #maincontent .product-details .product-overview-table .ratings { padding-right:25px; } #maincontent .product-details .product-overview-table .star-ratings { float:right; } #maincontent .product-details .product-overview-table .item { padding-left:22px; text-align:left; } #maincontent .product-details .product-overview-table .value { text-align:right; padding-right:25px; } #maincontent .product-details .assurance-list { margin-bottom:10px; text-align:center; } #maincontent .product-details .assurance-list img { margin-right:11px; vertical-align:top; } #maincontent .recommendation-details { padding:20px 10px 17px; } #maincontent .recommendation-details .content { float:right; margin:0; } #maincontent .recommendation-details .specs { width:158px; float:left; margin:0 12px 12px 0; } #maincontent .recommendation-details .specs div { padding:10px 5px 10px 11px; background:#eaeaea; border:1px solid #d4d4d4; font-size:11px; } #maincontent .recommendation-details .specs .title { margin-bottom:7px; text-align:center; font-weight:bold; } #maincontent .recommendation-details .specs label { width:74px; margin:5px 0; padding:0; font-size:11px; } #maincontent #reviews { padding:15px 20px 17px 26px; } #maincontent .logged-in { } #reviews a { font-weight:bold; color:#073e6b; } #reviews input, #reviews textarea { width:90%; padding:5px; background:#efefef; border:1px solid #dddddd; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } #reviews textarea { min-height:125px; resize:none; } #reviews #submit { width:144px; height:36px; margin:16px 0 26px; padding:0; background:url(images/submit-comment.jpg) no-repeat; cursor:pointer; } #reviews #ratings-selector { float:left; width:140px; padding:10px 15px 15px 14px; margin:10px 0 10px; } #reviews #ratings-selector .title { text-align:left; } #reviews #ratings-selector .star-rating-control { display:inline-block; } body.single-product #reviews .formfields { margin-left:196px; } #reviews .review { clear:both; padding:15px 0; border-top:1px solid #cacaca; } #reviews .review-author { font-weight:bold; } #reviews .review-ratings { width:134px; padding:10px; float:right; background:#efefef; border:1px solid #ddd; } #reviews .review-ratings .title { margin-bottom:10px; font:bold 12px Arial; text-align:center; } #reviews .review-ratings .criteria-title { width:70px; margin:4px 0; font-weight:normal; } #reviews .review-ratings img { margin-right:2px; } #reviews .review-content { float:left; width:60%; } #reviews .review-content p { margin:10px 0; line-height:18px; } #reviews .review-content .review-reply { display:block; clear:both; margin:20px 0 10px; color:#01437d; font-weight:bold; text-decoration:underline; } #crumbs { margin-bottom:15px; } .pagination { margin:20px 0; text-align:center; } .pagination a, .pagination span { color:#555; font-weight:bold; display:inline-block; padding:5px; margin:2px 10px; } .pagination a:hover, .pagination span { color:#000; } #footer { min-height:15px; padding:16px 0; margin:0 10px; background:#052E5A url(images/nav-bg.jpg) repeat; text-align:center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #footer, #footer a { color:#fff; font-weight:bold; } #footer a { padding:0; } .read-review { display:block; width:138px; height:35px; background:url(images/read-review.png); text-indent:-9999px; } /* Star Ratings */ .star-ratings { display:inline-block; width:75px; } .star-ratings .star { display:inline-block; width:0; height:15px; background:url(images/star1-15x15.png) no-repeat; text-indent:-9999px; } .star-ratings .star2 { display:inline-block; width:0; height:15px; background:url(images/star2-15x15.png) no-repeat; text-indent:-9999px; } .star-ratings .star-0-half { width:8px; } .star-ratings .star-1 { width:15px; } .star-ratings .star-1-half { width:23px; } .star-ratings .star-2 { width:30px; } .star-ratings .star-2-half { width:38px; } .star-ratings .star-3 { width:45px; } .star-ratings .star-3-half { width:53px; } .star-ratings .star-4 { width:60px; } .star-ratings .star-4-half { width:68px; } .star-ratings .star-5 { width:75px; } .star-ratings-small { display:inline-block; width:65px; } .star-ratings-small .star { display:inline-block; width:0; height:13px; background:url(images/star1-15x13.png) no-repeat; text-indent:-9999px; } .star-ratings-small .star2 { display:inline-block; width:0; height:13px; background:url(images/star2-15x13.png) no-repeat; text-indent:-9999px; } .star-ratings-small .star-1 { width:15px; } .star-ratings-small .star-1-half { width:23px; } .star-ratings-small .star-2 { width:30px; } .star-ratings-small .star-2-half { width:38px; } .star-ratings-small .star-3 { width:45px; } .star-ratings-small .star-3-half { width:53px; } .star-ratings-small .star-4 { width:60px; } .star-ratings-small .star-4-half { width:68px; } .star-ratings-small .star-5 { width:75px; } .star-review { display:inline-block; width:50px; } .star-review .star { display:inline-block; width:50px; height:10px; background:url(images/star1-review.png) no-repeat; background-position:50px 0; text-indent:-9999px; } .star-review .star2 { display:inline-block; width:50px; height:10px; background:url(images/star2-review.png) no-repeat; background-position:50px 0; text-indent:-9999px; } .star-review .star-0 { background-position:-50px 0; } .star-review .star-1 { background-position:-40px 0; } .star-review .star-2 { background-position:-30px 0; } .star-review .star-3 { background-position:-20px 0; } .star-review .star-4 { background-position:-10px 0; } .star-review .star-5 { background-position:0 0; } /* #Page Styles ================================================== */ #maincontent .heading, #maincontent .title { margin-bottom:15px; color:#000; } #maincontent .heading { font:bold 36px 'Open Sans'; } #maincontent .title { font:bold 30px 'Open Sans'; } #maincontent ul, #maincontent ol { margin-left:22px; } #maincontent li { margin-bottom:3px; line-height:24px; } #maincontent .more { font:12px gothambold, Arial; text-transform:uppercase; font-weight:bold; color:#aaa57d; } /* #Media Queries ================================================== */ /* Smaller than standard 1020 (devices and browsers) */ @media only screen and (min-width: 1070px) { #container { padding:10px 25px; background:url(images/container-bg.png) repeat-y; } } /* Smaller than standard 1020 (devices and browsers) */ @media only screen and (min-width: 1020px) { .container { width:1020px; } #content { padding-left:12px; padding-right:6px; background:url(images/content-bg.png) repeat-y; } #header .logo { margin-left:15px; } #slideshow li img { width:1000px; } #maincontent { width:630px; } #maincontent .product .content { margin-left:274px; width:330px; } #maincontent .product-details .content { margin-left:274px; } #maincontent .recommendation-details .content { width:375px; margin-left:0; } #sidebar { width:330px; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width: 959px) and (max-width: 1019px) { #slideshow li img { width:940px; } #maincontent .recommendation-details .content { width:350px; } #sidebar .theme-widget-youtube-video .video { width:336px; height:233px; } } /* All Smaller than standard Sizes (devices and browser) */ @media only screen and (max-width: 959px) { /* #maincontent .product, #maincontent .product-details { text-align:center; } */ #maincontent .product .product-image, #maincontent .product-details .product-image { float:none; display:inline-block; } #maincontent .product-details .product-image { margin:14px 15px 15px; } #maincontent .product .content, #maincontent .product-details .content { padding:10px; } #maincontent .product .assurance-list{ margin-bottom:25px; } #maincontent .product .product-buttons { text-align:center; } #maincontent .product .product-buttons img { margin:0 6px 20px; } #sidebar .half-left, #sidebar .half-right { float:none; width:auto; } #sidebar .theme-widget-youtube-video .video { width:264px; height:183px; } #sidebar .widget .product-item .product-ratings { width:200px; margin:0 auto 20px; } #sidebar .theme-widget-newsletter .text { width:95%; } #sidebar .read-review { margin:0 auto; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #slideshow li img { width:748px; } #sidebar .theme-widget-top-rated-products .product-name { font-size:12px; max-width:69px; } #sidebar .theme-widget-top-rated-products tbody td { padding:12px 4px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .columns, .column { padding:10px!important; } #header .columns { margin:0; } #footer { background:#052E5A; } #reviews #ratings-selector { float:none; } body.single-product #reviews .formfields { width:auto; margin-left:0; } #reviews #submit { float:none; } #reviews .review-ratings, #reviews #ratings-selector { float:none; width:85%; margin-bottom:15px; } #reviews .review-ratings .criteria-title, #reviews .review-ratings .star-review, #reviews .review-ratings .star-rating-control { width:40%; margin-left:5%; } #reviews .review-ratings .criteria-title { text-align:right; } #reviews .review-content { width:auto; } #reviews .review-author { margin-bottom:15px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .columns, .column { max-width:400px!important; } #sidebar .theme-widget-youtube-video .video { width:396px; height:275px; } #slideshow li img { width:400px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .columns, .column { max-width:280px!important; } #slideshow { margin-bottom:0; } #slideshow li img { width:280px; } #content { margin-top:18px; } #maincontent .product-details .product-overview-table .product-name { max-width:70px; overflow-x:hidden; text-overflow:ellipsis; white-space:pre-wrap; font-size:18px; } #maincontent .product-details .product-overview-table .ratings { padding-right:10px; } #maincontent .recommendation-details .specs { float:none; display:block; margin:0 auto 15px; } #sidebar .theme-widget-youtube-video .video { width:276px; height:191px; } #sidebar .theme-widget-top-rated-products .product-name { font-size:12px; max-width:79px; } #sidebar .theme-widget-top-rated-products tbody td { padding:12px 4px; } #footer a { display:block; padding:5px; } } /* Responsive Navigation */ /* Size without Short Nav */ @media only screen and (min-width: 768px) { .js .nav-collapse { position:relative; } .js .nav-collapse.closed { max-height:none; display:inline; } #nav a.nav-toggle { display:none; } } /* Size With Short Nav */ @media only screen and (max-width: 767px) { #nav { padding:10px; margin:0 10px 20px; } #nav a.nav-toggle { display:block; width:24px; height:20px; padding:0; margin-right:20px; background: url("images/layout/buttons/hamburger.gif") no-repeat scroll 50% 50%; overflow:hidden; text-indent:-9999px; } #nav { background:#052E5A; } #nav li, #nav li a { float:none; margin:0; } #nav li { padding:0; } #nav li a { margin-bottom:10px; } #nav .dir ul, #nav ul.dropdown li.dir ul { visibility:visible; display:block; position:relative; left:0; width:auto; background:none; border:none; margin:0 0 0 10px; } #nav .dir ul li { padding:0; } #nav .dir ul li a { display:block; float:none; margin:0 0 10px; border:none; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* Theme Creator:Larrie Bernd C. Rocha Theme Creator URI:http://www.larrieberndrocha.info */