/* Theme Name: InReview Theme URI: http://www.elegantthemes.com/gallery/ Version: 3.1 Description: 2 Column theme from Elegant Themes Author: Elegant Themes Author URI: http://www.elegantthemes.com */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { line-height: 18px; font-family:Helvetica,Arial,sans-serif; font-size: 12px; color: #000000; background-color:#161616; } a { text-decoration: none; color: #001133; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1 { font-family: Georgia, serif; font-size: 36px; letter-spacing: -2px; color: #0066fa; padding-bottom: 5px; line-height: 1em; font-weight: normal; } h2 { font-size: 28px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #000000; padding-bottom: 5px; line-height: 1em; font-weight: normal;} h3 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 4px; line-height: 1em; font-weight: bold; clear:both;} h4 { font-size: 19px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #000000; padding-bottom: 3px; line-height: 1em; font-weight: normal;} h5 { font-size: 14px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 3px; word-spacing: 3px; color: #002266; padding-top: 6px; padding-bottom: 4px; line-height: 1em; font-weight: bold; clear:none;} h6 { font-size: 13px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #000000; padding-bottom: 1px; line-height: 1em; font-weight: bold;} #broken { font-family: Georgia, serif; font-size: 300px !important; letter-spacing: -24px; color: #0066fa; padding-bottom: 12px; line-height: 300px; margin-top:-99px; font-weight: normal; } h1 a, h2 a, h3 a, h5 a, h6 a { color: #0066fa; } h4 a { color: #0066fa; text-decoration: underline; font-weight: bold; } h4 a:hover { color: #002266; text-decoration: none; font-weight: bold; } p { padding-bottom: 9px; line-height: 18px; } strong { font-weight: bold; color: #0066fa; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1em; padding: 1em; color: #000; background:url(https://www.ncmonline.com/wp-content/uploads/quote.png) no-repeat; background-color: #cdcdcd; font-style: italic; border: none; } blockquote p { padding-bottom: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ #top-header { background: #161616 url(images/top-bg.png) repeat-x; } #top-header-pattern { background: url(images/top-pattern.png); } .container { text-align: left; margin: 0 auto; max-width: 960px; position: relative; } #logo { float: left; margin-top: 23px; } p#slogan { float: left; font-family: Helvetica,Arial,sans-serif; font-size: 10px !important; color: #eeeeee; font-weight: normal; font-style: regular; letter-spacing: 3px; word-spacing: 1px; text-transform: uppercase; padding-top: 39px !important; margin-left: 20px; } ul#top-menu { float: right; } #bottom-header { background: url(images/bottom-bg.png) repeat-x; height: auto; } ul#secondary-menu { float: left; } ul#secondary-menu a { font-size: 11px; font-family:Helvetica,Arial,sans-serif; color: #002266; font-weight: bold; text-decoration: none; padding: 13px 8px 13px 8px; } ul#secondary-menu a:hover { color: #0066fa;} ul#secondary-menu > li.current_page_item > a { color: #0066fa !important; font-family: Helvetica, Arial, sans-serif !important; font-weight: bold !important; text-shadow: 1px 1px 0px #ffffff; background: url(images/current-bg.png) repeat-x 0px 5px;} #search-form { float: right; background: url(images/search-bg.png) no-repeat; width: 141; height: 25px; margin-top: 10px; } #search-form #searchinput { background: none; border: none; float: left; margin: 4px 7px 0 0px; width: 104px; padding-left: 9px; font-size: 11px; font-family: Georgia, serif; color: #acacac; text-shadow: 1px 1px 0px #ffffff; font-style: italic; } #search-form #searchsubmit { margin-top: 7px; margin-right: 7px; } #content-area { background: url(images/content-bg.png); border-bottom: 1px solid #ffffff; } #top-shadow { background: url(images/top-shadow.png) repeat-x top left; } #top-shadow .container { background: url(images/top-shadow-container.png) no-repeat top center; padding-top: 5px; } #quote { padding: 60px 40px 13px; text-align: center; } p#tagline-quote { color: #000000; font-style: italic; font-family: Georgia, serif; font-size: 21px; text-shadow: 1px 1px 0px #ffffff; line-height: 30px; } #main-content { background:url(images/main-content.png) repeat-y 64.1% 0px; } #main-content-wrap { background:url(images/main-top.jpg) no-repeat 64.35% 0; padding: 24px 0 40px; } #left-area { max-width: 65%; float:left; } #left-area h4.widgettitle { padding-bottom: 17px; } #sidebar { width: 35%; float:left; } h4.widgettitle { color:#808080; text-shadow: 1px 1px 0px #ffffff; text-transform: uppercase; font-size:12px; padding-bottom: 10px; } #breadcrumbs { font-size:11px; font-style: italic; font-family: Georgia, serif; padding:0 0 12px 0; color: #000000; text-shadow: 1px 1px 0px #ffffff; background:url(images/breadcrumbs-bg.png) no-repeat bottom left; margin-bottom: 12px; margin-top:-15px;} #breadcrumbs a { color:#808080; text-decoration:none; } #breadcrumbs a:hover { color: #0066fa; } #breadcrumbs .raquo { color:#808080; } .post { padding:0px 58px 40px 0px; } .post p { line-height:22px; } .post-thumbnail { display:block; float:left; position:relative; margin-right: 24px; margin-bottom:10px; background:url(images/post-overlay.png) no-repeat; height:251px; width:242px; } .post-thumb { margin-top:10px; margin-left:10px; } span.post-overlay { background:url(images/post-overlay-shadow.png) no-repeat; display:block; left:9px; position:absolute; top:9px; width: 223px; height: 232px; } span.et-belt { right:-10px; position:absolute; top:-9px; width: 98px; height: 98px; } span.et-choice { background:url(images/et-belt.png) no-repeat; } span.price-tag { background:url(images/price-tag.png) no-repeat right bottom; font-family: Georgia, serif; color:#759a5a; display:block; font-size:24px; text-shadow: 1px 1px 0px #ffffff; height:50px; line-height:50px; padding-right:14px; position: absolute; bottom: -9px; left: 77px; } span.price-tag span { background:url(images/price-tag.png) no-repeat; display:block; height:50px; padding-left: 22px; padding-right:11px; } .post-description { float: right; width: 568px; } h1.title { font-family: Georgia, serif; text-shadow: 1px 1px 0px #ffffff; font-size: 36px; letter-spacing: -2px; color: #0066fa; padding-bottom: 5px; line-height: 1em; font-weight: normal; } h1.title a { color: #0066fa;} .post-description h2.title { font-size: 24px; font-family:Helvetica,Arial,sans-serif; text-shadow: 1px 1px 0px #ffffff; padding-bottom: 10px; color: #343434; } .post-description h2.title a { color: #343434; } .post-description h2.title a:hover { color: #111; text-decoration: none; } .post p.meta-info { padding-bottom:8px; font-style: italic; font-family: Georgia, serif; font-size: 12px; color: #aaaaaa; text-shadow: 1px 1px 0px #ffffff; } .post p.meta-info a { color: #838383; text-decoration: none; } #feature-box { border: 1px solid #e0e0e0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #feature-container { border: 1px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff url(images/feature-container.png) repeat-x bottom left; } ul#feature-items li { border-bottom: 1px solid #e0e0e0; padding-top: 11px; padding-bottom: 13px; padding-left: 20px; } ul#feature-items li.last { border-bottom: none; } ul#feature-items span { width: 82px; display: block; float: left; color: #343434; font-size: 12px; font-style: italic; font-family: Georgia, serif; text-shadow: none; } .entry-content { padding-top: 22px; } .entry-content a.readmore { position: relative; float: right; left: 0; top: 0; } .review-rating { float: left; width: 80px; height: 15px; background: url(images/stars-sprite.png) repeat-x; overflow: hidden; } .review-score { width: 0; height: 15px; background: url(images/stars-sprite.png) repeat-x 0 -16px; } ul#feature-items .review-score { background-position: 0 -32px; } ul#feature-items .review-rating { margin-top: 1px; } a.readmore { display: block; background: url(images/readmore.png) no-repeat bottom right; padding: 0 19px 0 0; color: white; font-size: 16px; font-family: Georgia, serif; font-weight: normal; line-height: 34px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); position: absolute; bottom: -24px; left: 300px; } a.readmore span { display: block; background: url(images/readmore.png) no-repeat; height: 38px; padding: 0 0 0 19px; } a.readmore:hover { color: #eee; } .post-box { width: 266px; background: url(images/box-top-bg.png) no-repeat; float: left; padding-top: 10px; margin: 0 48px 40px 0; position: relative; } .box-bottom { background: url(images/box-bottom-bg.png) no-repeat bottom left; padding-bottom: 5px; } .box-content { background: url(images/box-bg.png) repeat-y; padding: 0 2px; min-height: 357px; } .box-content-top { background: url(images/box-top-gradient.png) repeat-x; padding-bottom: 20px; } .box-thumbnail { position: relative; margin: 0 0 30px 8px; } .box-thumbnail .box-overlay { position: absolute; top: 0; left: 0; background: url(images/box-overlay.png) no-repeat; } .box-thumbnail, .box-thumbnail .box-overlay { width: 247px; height: 132px; } .post-box h2.title, .post-box p { margin: 0 31px 0 35px; } .post-box h2.title { font-family:Helvetica,Arial,sans-serif; font-size: 18px; } .post-box h2.title a { color: #343434; } .post-box h2.title a:hover { color: #000; text-decoration: none; } .post-box p.featured-meta { margin: 0px 31px -11px 35px; font-size: 11px; } .post-box a.readmore { bottom: -18px; left: 72px; } .post-box .et-belt { right: -9px; } .post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; } .post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; } .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } .post ul#feature-items { list-style: none; padding: 0; } /*.fullwidth #left-area { width: 960px; }*/ .fullwidth #left-area { max-width: 100%; } .fullwidth #left-area .post, .fullwidth #comment-wrap { padding-right: 0; } div.fullwidth, .fullwidth #main-content-wrap, .fullwidth #breadcrumbs { background: none !important; } .fullwidth #breadcrumbs { padding: 0; } #comment-wrap ul.children { padding-left: 80px; } .depth-2 .comment-body { background: url(images/comment-top-d2.png) no-repeat; } .depth-2 .comment-bottom { background: url(images/comment-bottom-d2.png) no-repeat bottom left; } .depth-2 .comment-container { background: url(images/comment-bg-d2.png) repeat-y; } .depth-3 .comment-body { background: url(images/comment-top-d3.png) no-repeat; } .depth-3 .comment-bottom { background: url(images/comment-bottom-d3.png) no-repeat bottom left; } .depth-3 .comment-container { background: url(images/comment-bg-d3.png) repeat-y; } .depth-4 .comment-body { background: url(images/comment-top-d4.png) no-repeat; } .depth-4 .comment-bottom { background: url(images/comment-bottom-d4.png) no-repeat bottom left; } .depth-4 .comment-container { background: url(images/comment-bg-d4.png) repeat-y; } .depth-5 .comment-body { background: url(images/comment-top-d5.png) no-repeat; } .depth-5 .comment-bottom { background: url(images/comment-bottom-d5.png) no-repeat bottom left; } .depth-5 .comment-container { background: url(images/comment-bg-d5.png) repeat-y; } .fullwidth .comment-body { background: url(images/comment-top-fullwidth-d1.png) no-repeat; width: 960px; } .fullwidth .comment-bottom { background: url(images/comment-bottom-fullwidth-d1.png) no-repeat bottom left; } .fullwidth .comment-container { background: url(images/comment-bg-fullwidth-d1.png) repeat-y; } .fullwidth .depth-2 .comment-body { background: url(images/comment-top-fullwidth-d2.png) no-repeat; width: 882px; } .fullwidth .depth-2 .comment-bottom { background: url(images/comment-bottom-fullwidth-d2.png) no-repeat bottom left; } .fullwidth .depth-2 .comment-container { background: url(images/comment-bg-fullwidth-d2.png) repeat-y; } .fullwidth .depth-3 .comment-body { background: url(images/comment-top-fullwidth-d3.png) no-repeat; width: 804px; } .fullwidth .depth-3 .comment-bottom { background: url(images/comment-bottom-fullwidth-d3.png) no-repeat bottom left; } .fullwidth .depth-3 .comment-container { background: url(images/comment-bg-fullwidth-d3.png) repeat-y; } .fullwidth .depth-4 .comment-body { background: url(images/comment-top-fullwidth-d4.png) no-repeat; width: 726px; } .fullwidth .depth-4 .comment-bottom { background: url(images/comment-bottom-fullwidth-d4.png) no-repeat bottom left; } .fullwidth .depth-4 .comment-container { background: url(images/comment-bg-fullwidth-d4.png) repeat-y; } .fullwidth .depth-5 .comment-body { background: url(images/comment-top-fullwidth-d5.png) no-repeat; width: 648px; } .fullwidth .depth-5 .comment-bottom { background: url(images/comment-bottom-fullwidth-d5.png) no-repeat bottom left; } .fullwidth .depth-5 .comment-container { background: url(images/comment-bg-fullwidth-d5.png) repeat-y; } .fullwidth #comment-wrap ul.children { padding-left: 78px; } div.et-link { background: url(images/post-separator.png) no-repeat; height: 46px; position: relative; } div.et-link a.readmore { bottom: 25px; left: 183px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul#top-menu li { padding: 30px 0px; } ul#top-menu a { font-size: 11px; font-weight: normal; font-family: Georgia, serif; color: #aaaaaa; font-style: italic; text-decoration: none; padding: 0px 8px; } ul#top-menu a:hover { color: #00ff00;} ul#top-menu > li.current_page_item > a, ul#secondary-menu > li.current-menu-item > a { color: #0066fa !important; font-style: italic; font-family: Georgia, serif; font-weight: normal; } ul#top-menu li ul { width: 151px !important; padding: 7px 7px 10px 25px; background: #161616 url(images/top-pattern.png); top: 78px !important; box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 3px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1); border-color: 1px solid #323b44; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; border-top: 1px solid #1a1a1a; } ul#top-menu ul li { margin: 0 !important; padding: 0 !important; } ul#top-menu ul li a { padding: 10px 0px !important; width: 160px; } ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: -8px !important; left: 158px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } ul#secondary-menu li ul { width: 151px !important; padding: 7px 7px 10px 25px; background: #fff; top: 41px !important; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); border-color: 1px solid #323b44; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; } ul#secondary-menu ul li { margin: 0 !important; padding: 0 !important; } ul#secondary-menu ul li a { padding: 10px 0px !important; width: 160px; } ul#secondary-menu li:hover ul ul, ul#secondary-menu li.sfHover ul ul { top: -8px !important; left: 158px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } ul#top-menu li.menu-gradient { background: url(images/menu-gradient.png) repeat-x; position: absolute; top: 0; left: 0; width: 183px; height: 6px !important; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured { background: url(images/featured-top-bg.png) no-repeat top center; padding-top: 51px; } #featured-bottom { background: url(images/featured-bottom-bg.png) no-repeat bottom center; padding-bottom: 45px; position: relative; } h3#recommended { background:url(images/recommended-button.png) no-repeat right bottom; color:#0066fa; text-shadow: 1px 1px 0px #ffffff; display:block; font-size:12px; text-transform: uppercase; padding-right:17px; position: absolute; height: 31px; left: 393px; top: -40px; } h3#recommended span { background:url(images/recommended-button.png) no-repeat; display:block; padding-left: 20px; padding-right: 6px; height: 31px; padding-top: 14px; } a#left-arrow, a#right-arrow { position: absolute; top: 134px; width: 26px; height: 37px; text-indent:-9999px; } a#left-arrow { background:url(images/featured-arrows.png) no-repeat; left: 0px; } a#left-arrow:hover { background-position: bottom left; } a#right-arrow { background:url(images/featured-arrows.png) no-repeat top right; right: 0px; } a#right-arrow:hover { background-position: bottom right; } #featured-slides { margin: 0 70px; } .slide { padding: 38px 0; height: 229px; } .featured-img { display:block; float:left; position:relative; margin-right: 48px; background: url(images/featured-img-overlay.png) no-repeat; } .pngimage { background: none !important; } .featured-img { height:224px; width:340px; } .featured-img .featured-image { margin-top:10px; margin-left:10px; } .pngimage .featured-image { margin: 0 !important; } .featured-img span.overlay { background:url(images/featured-overlay.png) no-repeat; display:block; left:10px; position:absolute; top:10px; width: 321px; height: 205px; } .featured-description { width: 430px; float: right; } h2.featured-title { font-family:Helvetica,Arial,sans-serif; font-size: 24px; } h2.featured-title a { text-decoration: none; color: #343434; } p.featured-meta { color: #aaaaaa; font-style: italic; font-family: Georgia, serif; } p.featured-meta a { color: #838383; text-decoration: none; } .entry p.featured-meta { padding-bottom: 6px; } .rating-container { float: left; margin-right: 3px; background: url(images/rating-container.png) no-repeat bottom right; height: 27px; padding-right: 9px; margin-bottom: 9px; } .rating-inner { background: url(images/rating-container.png) no-repeat; padding: 6px 0 5px 9px; } .rating-inner span { float: left; font-size: 12px; font-family: Georgia, serif; color: #343434; font-style: italic; margin: -1px 5px 0 0; padding-left: 2px; } .box-thumbnail .rating-container { position: absolute; bottom: -21px; left: 73px; } .box-thumbnail .rating-inner { height: 17px; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { padding-right: 55px; padding-top: 10px; } h3#comments, h3#reply-title span { font-size: 24px; color: #343434; font-family:Helvetica,Arial,sans-serif; } .comment-body { position: relative; margin-bottom: 2px; background: url(images/comment-top.png) no-repeat; padding-top: 6px; width: 568px; } .avatar-container { position: absolute; top: 14px; left: 24px; } .avatar-box { position: relative; } .avatar-overlay { position: absolute; top: 0; left: 0; display: block; background: url(images/avatar-overlay.png) no-repeat; } .avatar-box, .avatar-overlay { width: 57px; height: 57px; } .comment-bottom { background: url(images/comment-bottom.png) no-repeat bottom left; padding-bottom: 32px; } .comment-container { background: url(images/comment-bg.png) repeat-y; position: relative; padding: 15px 22px 10px 96px; } div.comment-date { font-size: 14px; color: #bcbcbc; font-family: Georgia, serif; font-style: italic; } .comment-meta { margin-bottom: 0px; position: relative; } .comment-meta_main { padding-right: 105px; } .comment-meta .rating-container { position: absolute; top: 0; right: 0; } span.fn { display: block; padding-bottom: 3px; font-family:Helvetica,Arial,sans-serif; } span.fn, span.fn a { color: #343434; font-size: 18px; } span.fn a:hover { color: #000; text-decoration: none; } .comment-arrow { background: url(images/comment-arrow.png) no-repeat; width: 9px; height: 20px; position: absolute; top: 23px; left: 74px; } .reply-container { display: block; background: url(images/readmore.png) no-repeat bottom right; float: right; padding: 0 19px 0 0; font-size: 16px; font-family: Georgia, serif; font-weight: normal; line-height: 34px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .reply-container a { display: block; background: url(images/readmore.png) no-repeat; height: 38px; padding: 0 0 0 19px; color: #fff; } .reply-container a:hover { color: #eee; text-decoration: none; } ol.commentlist { margin-top: 20px; } #commentform textarea#comment { width: 96%; background: url(images/white-overlay.png); border: 1px solid white; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); } #commentform input[type=text] { width: 38%; background: url(images/white-overlay.png); border: 1px solid white; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); } #commentform textarea#comment, #commentform input[type=text] { padding: 10px 5px 10px 15px; color: #000000; } #commentform .hidden { display: none; } p.form-submit { float: right; background: url(images/readmore.png) no-repeat bottom right; padding-right: 4px; height: 28px;padding-right: 19px; } p.form-submit input#submit { background: url(images/readmore.png) no-repeat; border: none; margin: 0; height: 37px; padding-left: 22px; padding-top: 0px; line-height: 18px; color: #fff; font-size: 16px; font-family: Georgia, serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } li.comment #respond textarea { width: 94% !important; } li.comment #respond input[type=text] { width: 48% !important; } .depth-2 .comment-body { width: 490px; } .depth-3 .comment-body { width: 412px; } .depth-4 .comment-body { width: 334px; } .depth-5 .comment-body { width: 256px; } span#choose_rating { font-size: 14px; color: #343434; float: left; font-family:Helvetica,Arial,sans-serif; display: block; margin: 4px 38px 0 0; } div#et-rating .rating-inner, .comment-meta .rating-inner { height: 17px; } #respond { overflow: hidden; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #footer { background: #161616 url(images/footer-bg.png) repeat-x; } #footer-pattern { background: url(images/top-pattern.png); } #footer-widgets { padding-top: 45px; } .footer-widget { width: 266px; margin-right: 80px; float: left; margin-top:10px; margin-bottom: 40px; color: #acacac;} .last { margin-right: 0px; } #footer-logo { margin-bottom: 10px;} .footer-widget p { line-height: 22px; color: #acacac; margin-top: -17px; } #footer h4.widgettitle { color:#ffffff; text-transform: uppercase; font-size:12px; padding-bottom: 10px; } .footer-widget a { color: #acacac; } .footer-widget a:hover { color: #d0d0d0; text-decoration: none; } .footer-widget ul { margin-bottom:8px; } .footer-widget ul ul { margin-bottom:0; } .footer-widget ul li { background:url(images/footer-bullet.png) no-repeat 0 7px; padding:0px 0 10px 20px; } .footer-widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; } #footer-bottom { background: url(images/bottom-menu-bg.png) repeat-x top left; padding-bottom: 20px; } #footer-bottom .container { padding-top: 30px; background: url(images/footer-container-bg.png) no-repeat 0px 3px; } ul.bottom-nav li { float: left; font-size: 11px; font-weight: normal !important; padding-right: 15px; } ul.bottom-nav li.current_page_item a { font-family:Helvetica,Arial,sans-serif; font-weight: normal !important; color: #0066fa; } ul.bottom-nav li a {color:#aaaaaa; font-weight: normal !important; } ul.bottom-nav li a:hover {text-decoration: none; color: #ffffff; font-weight: normal !important;} p#copyright { float:right; font-size:9px !important; color:#888888;} p#copyright a { color:#888888; } .bottom-menu li a {color:#aaaaaa !important; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ .widget { max-width:300px; min-width: 247px; margin-bottom: 30px; padding-left: 12px; color: #343434; } .widget ul li { padding:6px 15px; display: block; background:url(images/sidebar-bullet-2.png) no-repeat 0px 11px; } .widget ul li a { color:#002266; text-shadow:none; text-decoration: none; font-weight: bold;} .widget ul li a:hover { color:#0066fa; } .widget ul li ul { margin-top: 6px; } .widget ul li ul li { padding:0px 15px; display: block; background:url(images/sidebar-bullet.png) no-repeat 0px 5px; } .widget ul li ul li a { color:#111111; text-shadow:1px 1px 0px #ffffff; text-decoration: none; font-weight: normal; } .widget p { padding:6px 19px; color:#343434; text-shadow:1px 1px 0px #ffffff; line-height: 21px; } .rated-info h3.title { font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 9px 0 0; } .rated-info h3.title a { color: #343434; } .rated-info h3.title a:hover { text-decoration: none; color: #111; } .et-top-rated-top { background: url(images/rating-widget-top.png) no-repeat; padding-top: 4px; } .et-top-rated-bottom { background: url(images/rating-widget-bottom.png) no-repeat bottom left; padding-bottom: 4px; } .et-top-rated { background: url(images/rating-widget-bg.png) repeat-y; padding: 8px 17px 6px 9px; } #sidebar .widget_topratedwidget { padding-left: 1px; width: 335px; } #sidebar .widget_topratedwidget h4.widgettitle { padding-left: 32px; } .rated-info { float: left; width: 225px; } .rated-thumb { position: relative; float: left; margin-right: 13px; } .rated-thumb span.overlay { display: block; position: absolute; top: 0; left: 0; background: url(images/rating-widget-overlay.png) no-repeat; } .rated-thumb, .rated-thumb span.overlay { width: 34px; height: 34px; } .rated-widget-stars { float: right; padding-top: 8px; } body.single #sidebar { padding-top: 22px; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 191px; z-index:1000; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { position: relative; font-family:Helvetica,Arial,sans-serif; font-size: 12px; text-align: right; padding: 21px 50px 0 0; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #343434 !important; border: none !important; background: none !important; } .wp-pagenavi a, .wp-pagenavi a:link , .wp-pagenavi a:visited, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 12px 17px !important; margin: 2px; font-weight: bold; background: url(images/pagenavi-bg.png) no-repeat !important; border: none !important; color: #343434 !important; font-size: 15px !important; } .wp-pagenavi span.current, .wp-pagenavi a:hover { color: #a0a0a0 !important; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .foursixeight { margin: 0px 0px 15px 84px;} .et_pt_blogentry a.readmore { position: relative !important; left: 0 !important; } #comment-wrap .navigation { padding: 10px 0; } .nav-previous { float: left; } .nav-next { float: right; } h3#reply-title small { display: block; } h3#reply-title small a { font-size: 12px; letter-spacing: 0px; } #commentform input[type=text] { width: 40%; display: block; padding: 5px; } #commentform textarea#comment { width: 91%; } .commentlist #respond textarea#comment { width: 98% !important; } .commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; } .comment_navigation_top, .comment_navigation_bottom { padding: 10px 0; } .et_embedded_videos { display: none !important; } .js #featured-slides { background: url(images/ajax-loader.gif) no-repeat center; min-height: 305px; } .js #featured .slide { display: none; } /* Oleg Home Page h1 Fix */ body.home h1.title {display: none;} /*------------------------------------------------*/ #ccode table tr td, th {padding: 0px 12px 0px 12px; } #ccode table tr th {text-transform: uppercase; color:#ffffff; font-weight:bold; background-color:#002266; font-size: 10px; line-height:13px; padding-top:9px; padding-bottom: 9px; border-top: 2px solid #00dd00;} .trdark {background-color:#dddddd; border-top: 2px solid #ffffff;} .trlite {background-color:#eeeeee; border-top: 2px solid #ffffff;} .trlast {background-color:#dddddd; border-top: 2px solid #ffffff; border-bottom: 4px solid #002266;} #ccode table {border-bottom: 4px solid #002266; margin-bottom: 0px !important;} a.green { text-decoration: none; color: #00ff00 !important; } a.green:hover { text-decoration: underline; color: #ffffff; } a.score {color:#002266 !important; text-decoration: underline;} a.score:hover {color:#00ff00 !important; text-decoration: none;} .summary{ margin-left:0px; margin-top:9px; margin-bottom:9px; border-top:4px solid #00dd00; border-bottom:3px solid #002266; text-shadow:none !important; } .summary td, p{ line-height: 18px !important; font-size: 12px !important; color:#000000; text-shadow:none !important; padding-top:6px !important; padding-bottom:6px !important; } .summary h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left; } #ranking{ width: 47%; float:right !important; clear: none !important; margin-left:25px; margin-top:-6px; margin-bottom:9px; border-bottom:3px solid #00dd00; text-shadow:none !important; } #ranking td{ line-height: 18px !important; font-size: 12px !important; color:#000000; text-shadow:none !important; padding-left:10px; padding-top:0px !important; padding-bottom:0px !important; } #ranking h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left; clear:none !important;} #bottomline{ width:46.5%; float: left !important; margin-left:0px; margin-top:-6px; margin-bottom:9px; border-bottom:3px solid #00dd00; text-shadow:none !important; } #bottomline p{ line-height: 17px !important; font-size: 12px !important; color:#000000; text-shadow:none !important; padding-left:10px; padding-top:6px !important; padding-bottom:0px !important; clear: none !important; } #bottomline h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-left:10px; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left;} #bottomline h4 {padding-left:10px; padding-top:12px; padding-bottom:12px;} #bottomline h5 { font-size: 12px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #0066fa; padding-left:10px; padding-top:0px; padding-bottom: 8px; margin-top: 0px; line-height: 1em; font-weight: bold; text-align:left;} .context { max-width: 568px !important; } .context p { color: #000000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px; line-height: 15px !important; text-shadow:none !important; } .context ul{ margin-left: 0px; padding: 0px; margin-top:0px; margin-bottom: 12px; list-style: none; clear:none; } .context ul li { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-shadow:none; background: url(https://www.ncmonline.com/wp-content/uploads/bullet.png) no-repeat 12px -3px; padding-left: 26px; padding-bottom: 3px; margin-left: 0px; } .context h3 {clear:none !important;} .authored { font-weight: normal !important; font-size: 10px; line-height:12px !important; color: #000000 !important; font-family: Arial, Helvetica, sans-serif !important; margin-left: 0px !important; padding: 0px !important; margin-top:0px !important; margin-bottom: 6px !important; text-shadow:none !important; } .spreads { letter-spacing: 3px; word-spacing: 2px; text-transform: uppercase; } .whitespaced { padding-top:6px; padding-bottom:21px; } .righty {width:270px; float:right; padding:0px; margin-left:20px; margin-top:6px; margin-bottom:3px; } .righty p { font-size: 11px !important; line-height:12px !important; color: #000000 !important; font-family: Arial, Helvetica, sans-serif !important; padding:0px; margin-left: 0px !important; margin-top:-3px !important; margin-bottom: 6px !important; text-shadow:none !important; } .lefty {float:left; margin-right:20px; margin-top: 0px; margin-bottom: 3px; } p.disclaimer {font-size: 10px !important; line-height: 11px !important; } p.disclaimer-padded {font-size: 10px !important; line-height: 11px !important; padding: 0px 10px 0px 10px;} .pricing{ margin-left:0px; margin-top:9px; margin-bottom:9px; border-bottom:2px solid #00dd00; text-shadow:none !important; } .pricing td { line-height: 15px !important; font-size: 12px !important; color:#000000; text-shadow:none !important; padding-top:3px !important; padding-bottom:3px !important; padding-left: 0px !important; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; text-align: center; } td.first { text-align: left; padding-left: 6px !important; } .pricing p { line-height: 15px !important; font-size: 12px !important; color:#000000; text-shadow:none !important; padding-top:3px !important; padding-bottom:3px !important; padding-left: 6px !important; } .pricing h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left; } .pricing th {font-size: 14px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #ffffff; padding-bottom: 4px; padding-top: 4px; background-color: #002266; display: block-inline; line-height: 1.2em; font-weight: bold; text-align:left; padding-left:6px;} .listprice {font-size:19px; line-height:25px;} .ts {font-size:10px !important; padding-top:0px !important;} .central {padding-left:6px !important; padding-right:6px !important; text-align: center !important; } b {color: #002266;} .starred {padding-top:0px !important; padding-bottom:0px !important;} .visit {padding-right:0px !important; margin-right:0px !important;} #homer table { border-bottom: 2px solid #002266;} #homer table tr td,#homertop-test table tr td {padding: 0px 12px 0px 12px; } #homertop table, #homertop-test thead {text-transform: uppercase; color:#ffffff; font-weight:bold; background-color:#0066fa; background-image: url(https://www.ncmonline.com/wp-content/uploads/homerpattern.png); font-size: 10px; line-height:13px; padding-top:3px; padding-bottom: 3px; border-top: 2px solid #0066fa; border-right: 2px solid #002266; border-bottom: 2px solid #002266; border-left: 2px solid #0066fa;} #homertop table td {margin-left:0px; padding-left:0px; text-align:left; text-shadow:1px 1px 0px #002266; } #homertop h2, #homertop-test h2 { font-family: Georgia, serif; font-size: 36px; letter-spacing: -2px; color: #0066fa; padding-bottom: 7px; line-height: 1em; font-weight: normal; text-align:center !important; padding-top: 9px !important;} #homerbottom {background-color:#dddddd; padding-bottom: 4px;} #homerbottom h2 { font-family: Georgia, serif; font-size: 36px; letter-spacing: -2px; color: #0066fa; padding-bottom: 7px; line-height: 1em; font-weight: normal; text-align:center !important; padding-top: 12px !important;} .cont {color:#cc0000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:15px !important; text-align:center; letter-spacing:6px; word-spacing:3px; font-weight:bold; padding-top:15px; padding-bottom:12px; } .cont a:link {color:#cc0000 !important; text-decoration: none;} .cont a:visited { color:#cc0000 !important; text-decoration: none; } .cont a:hover { color:#00dd00 !important; text-decoration: underline; } .cont a:active { color:#00dd00 !important; text-decoration: underline; } .cont2 {color:#cc0000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:15px !important; text-align:center; letter-spacing:2px; word-spacing:2px; font-weight:bold; padding-top:15px; padding-bottom:12px; } .cont2 a:link {color:#cc0000 !important; text-decoration: none;} .cont2 a:visited { color:#cc0000 !important; text-decoration: none; } .cont2 a:hover { color:#00dd00 !important; text-decoration: underline; } .cont2 a:active { color:#00dd00 !important; text-decoration: underline; } table.rankable { margin: 9px auto !important; text-shadow:none !important; border-bottom: 2px solid #00dd00; } .rankable td { margin-left:0px !important; line-height: 15px !important; font-size: 12px !important; color:#000000; text-shadow:none !important; padding-top:3px !important; padding-bottom:3px !important; padding-left: 6px; text-align: left; } .rankable th {text-transform: uppercase; text-align:left; color:#ffffff; font-weight:bold; background-color:#002266; font-size: 10px; line-height:13px; padding-top:4px; padding-bottom: 4px; padding-left: 6px; border-top: 2px solid #00dd00;} body {max-width:100%;} .real { float: left; margin-right: 22px; max-width: 23%; min-width: 222px; } .real-1 { float: left; max-width: 23%; min-width: 222px; } .prob { float: left; margin-left: 20px; margin-right: 20px; width: 48%; } .sol-1 { float: left; width: 45%; } .anty { float: right; width: 78%; margin-top: 10px; } .pat {float:left;} #left-area .summary table {width: 100% !important;} #tabs-div {width:100%; float:left;} #tabs-div iframe {width:100% !important;} #tabs-div .pricing table {width:100% !important;} #ranking table {width:100% !important;} #left-area .context .score img { width: 100% !important; height:auto !important;} @media only screen and (max-width: 900px) { /*bug*/ .context {width:100% !important;} } /* Ipad portrait */ @media only screen and (max-width: 830px) { ul.bottom-nav li { padding-left: 16px;} #bottomline, #ranking {width:100%; float:none;} #top-shadow .container {margin-left: 8px;} #top-menu {display:none;} #bottom-header { float: left; margin-left: 10%; } .resp-head {margin-left:10%;} #breadcrumbs {margin-left:1%;} #bottom-header { background: #fff none repeat scroll 0 0; float: left; margin: 2% 0 0 0; } #bottom-header li { border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; } #bottom-header #search-form {display: none;} p#copyright { float: left; padding-left: 16px;} /*alojamiento page table*/ #ccode table.alojamiento, #ccode .alojamiento thead, #ccode .alojamiento tbody, #ccode .alojamiento th, #ccode .alojamiento td, #ccode .alojamiento tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #ccode .alojamiento thead { position: absolute; top: -9999px; left: -9999px; } td::before { font-size: 12px; font-weight: normal; left: 6px; padding-right: 9px; position: absolute; top: 6px; white-space: nowrap; width: 20px; } #ccode table.alojamiento tr td{ border: medium none; display: block; padding-bottom: 8px; padding-left: 65%; position: relative; text-align: left; padding-top: 6px; } #ccode .alojamiento td:nth-of-type(1):before { content: "Velocidad Mundial"; } #ccode .alojamiento td:nth-of-type(2):before { content: "Velocidad EE.UU."; } #ccode .alojamiento td:nth-of-type(3):before { content: "Compañía de Alojamiento Web"; } #ccode .alojamiento td:nth-of-type(4):before { content: "Compañía de Alojamiento Web"; } #ccode .alojamiento td:nth-of-type(5):before { content: "Velocidad Mundial Promedia*"; } #ccode .alojamiento td:nth-of-type(6):before { content: "Velocidad Promedia EE.UU.**"; } #ccode .alojamiento td:nth-of-type(7):before { content: "Tiempo Disponible 10 Días"; } /*End of alojamiento page table*/ } @media only screen and (max-width: 710px) { #main-content { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } #left-area { max-width: 100%; } .post { border-bottom: 2px solid #e3e3e3; padding: 0 25px 14px 0; } .real,.real-1{ margin-left: 10%;} } @media only screen and (max-width: 600px) { #slogan {display: none;} #logo { float: left; margin-top: 14px; margin-bottom: 7px; } #sidebar {width:100% !important;} #bottomline, #ranking {width:100% !important; float:none;} .anty, .pat { float: none; width: 100%; } .real, .real-1 { margin-left: 10px; } .prob, .sol-1 {width: 90%;margin-left: 20px;} p.disclaimer { margin-left:10px; padding-right: 7px; } } /*Begin Tabel settings*/ @media only screen and (max-width: 800px) { #main-content-wrap { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;} /*Criticas page table*/ #ccode table.criticas, #ccode .criticas thead, #ccode .criticas tbody, #ccode .criticas th, #ccode .criticas td, #ccode .criticas tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #ccode .criticas thead { position: absolute; top: -9999px; left: -9999px; } td::before { font-size: 12px; font-weight: normal; left: 6px; padding-right: 9px; position: absolute; top: 6px; white-space: nowrap; width: 20px; } #ccode table.criticas tr td{ border: medium none; display: block; padding-bottom: 8px; padding-left: 66%; position: relative; text-align: left; padding-top: 6px; } #ccode .criticas td:nth-of-type(1):before { content: "RANGO"; } #ccode .criticas td:nth-of-type(2):before { content: "CALIFICACIÓN"; } #ccode .criticas td:nth-of-type(3):before { content: "COMPAÑÍA DE ALOJAMIENTO WEB"; } #ccode .criticas td:nth-of-type(4):before { content: "COMPAÑÍA DE ALOJAMIENTO WEB"; } #ccode .criticas td:nth-of-type(5):before { content: "PLAN DE RENOVACIÓN DE 1 AÑO"; } #ccode .criticas td:nth-of-type(6):before { content: "CALIFICACIÓN BBB"; } #ccode .criticas td:nth-of-type(7):before { content: "INFORMACIÓN ADICIONAL"; } /*End of criticas page table*/ /*descuento page table*/ #ccode table.descuento, #ccode .descuento thead, #ccode .descuento tbody, #ccode .descuento th, #ccode .descuento td, #ccode .descuento tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #ccode .descuento thead { position: absolute; top: -9999px; left: -9999px; } td::before { font-size: 12px; font-weight: normal; left: 6px; padding-right: 9px; position: absolute; top: 6px; white-space: nowrap; width: 20px; } #ccode table.descuento tr td{ border: medium none; display: block; padding-bottom: 8px; padding-left: 60%; position: relative; text-align: left; padding-top: 6px; } #ccode .descuento td:nth-of-type(1):before { content: "CALIFICACIÓN"; } #ccode .descuento td:nth-of-type(2):before { content: "COMPAÑÍA"; } #ccode .descuento td:nth-of-type(3):before { content: "COMPAÑÍA"; } #ccode .descuento td:nth-of-type(4):before { content: "DESCUENTO"; } #ccode .descuento td:nth-of-type(5):before { content: "CODIGO DE CUPON"; } #ccode .descuento td:nth-of-type(6):before { content: "ESTADO"; } #ccode .descuento td:nth-of-type(7):before { content: "INFORMACIÓN ADICIONAL"; } /*End of descuento page table*/ /***************Homepage Table*****************/ /* Force table to not be like tables anymore */ #homertop table, #homertop thead, #homertop tbody, #homertop th, #homertop td, #homertop tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #homertop table { position: absolute; top: -9999px; left: -9999px; } td::before { font-size: 12px; font-weight: normal; left: 6px; padding-right: 9px; position: absolute; top: 6px; white-space: nowrap; width: 20px; } #homer table tr td{ border: medium none; display: block; padding-bottom: 8px; padding-left: 66%; position: relative; text-align: left; padding-top: 6px; } #homer td:nth-of-type(1):before { content: "Rango"; } #homer td:nth-of-type(2):before { content: "Calificación"; } #homer td:nth-of-type(3):before { content: "Compañía de Alojamiento Web"; } #homer td:nth-of-type(4):before { content: "Compañía de Alojamiento Web"; } #homer td:nth-of-type(5):before { content: "PLAN DE RENOVACIÓN DE 1 AÑO"; } #homer td:nth-of-type(6):before { content: "Calificación BBB"; } #homer td:nth-of-type(7):before { content: "Información Adicional"; } /*-----------!!!!!!!!!!!!!!!!End Homepage table!!!!!!!!!!!!!!!!--------------------*/ } /*End Tabel settings*/ @media only screen and (max-width: 340px) { .real, .real-1 {margin:0 auto !important; float: none !important;} #tabs-div iframe {height:300px !important;} .righty {margin:6px 0px 3px 0px; float:none;} } @media only screen and (max-width: 420px) { .righty {margin:6px 0px 3px 0px; float:none;} }