/* Theme Name: Daily Fantasy Promo Codes Description: DailyFantasyPromoCode.com Version:1.0 Author: SEO Services Los Angeles Author URI: seoserviceslosangeles */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries */ /* #Site Styles ================================================== */ @charset "UTF-8"; body { background: #222222; } img { max-width: 100%; } #header { background: #fff; padding: 20px 0 0; border-bottom: 1px #2f2f2f solid; } #logo img { display: block; } #ad { text-align: right; } #nav { margin-top: 20px; background: #e4e4e4; } #nav ul { position: relative; text-align: left; padding: 0; margin: 0; } #nav ul, #nav ul li { list-style: none; } #nav ul li { display: inline; background: #e4e4e4; height: 40px; float: left; margin: 0; text-align: center; border-left: 1px #a7a7a7 solid; border-right: 1px #f1f1f1 solid; } #nav ul a { font: 600 14px/40px 'Open Sans', sans-serif; color: #000; padding: 0 9px; } #nav ul li.first { border-left: 0; } #nav ul li.last { border-right: 0; } #nav ul li.last a { margin-right: 0; } #nav ul li a:hover,#nav ul li a:focus { text-decoration: none; } #nav ul .current_page_item, #nav ul li:hover { background: #c5975f; border-right: 1px #e0c49c solid; } #nav ul .current_page_item a { text-decoration: none; } #content { background: #fff; -webkit-box-shadow: 0 8px 20px -6px #000; -moz-box-shadow: 0 8px 20px -6px #000; box-shadow: 0 8px 20px -6px #000; } #maincontent .heading, #maincontent .title { } #maincontent .heading, #maincontent .heading a { font: 700 34px 'Open Sans', sans-serif; } #maincontent .title, #maincontent .title a { font: 700 24px 'Open Sans', sans-serif; } #maincontent .subtitle, #maincontent .subtitle a { font: 700 20px 'Open Sans', sans-serif; } #maincontent .heading a:hover, #maincontent .title a:hover { text-decoration: none; } #maincontent ul, #maincontent ol { margin-left: 22px; } #maincontent li { margin-bottom: 3px; line-height: 24px; } #maincontent .post { padding-bottom: 50px; } #sidebar { padding-top: 39px; } #sidebar .widget { border: 1px #9b9b9b solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top: 30px; } #sidebar .widget .title { background: #cecece; font: 700 18px/26px 'Open Sans', sans-serif; text-indent: 29px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: left; margin: 0; padding: 8px 0; border-bottom: 1px #9b9b9b solid; } #sidebar .widget .textwidget { padding: 28px; padding-top: 25px; } #sidebar .widget ul { list-style: disc outside none; margin: 25px 0 25px 40px; } #sidebar .widget ul li a:hover { text-decoration: none; } #sidebar .widget .top-rated-promo-codes { margin: 0; } #sidebar .widget .top-rated-promo-codes li { list-style: none inside none; margin: 0; margin-bottom: 14px; } #sidebar .widget .top-rated-promo-codes li.last { margin-bottom: 0; } #coupon-listing { margin-bottom: 26px; } #coupon-listing .coupon-box { border: 1px #c8c8c8 solid; padding: 29px; margin-bottom: 26px; } #coupon-listing .coupon-box img { display: block; } #coupon-listing .coupon-details { padding-top: 7px; } #coupon-listing .coupon-details p { margin-bottom: 10px; } #coupon-listing .coupon-details p strong { display: inline-block; width: 80px; text-align: right; margin-right: 8px; } #coupon-listing .coupon-details .code{ position: relative; } #coupon-listing .coupon-details .code span.click-to-copy{ padding: 0; float: left; width: 178px; height: 27px; text-indent: -99999px; background: transparent url("images/click-to-copy.png") no-repeat; } #coupon-listing .coupon-details .code .coupon-code{ position: absolute; left: 90px; top: 0; display: inline-block; min-width: 60px; max-width: 100px; height: 29px; float: right; background: #c5960c url("images/coupon-code.png") no-repeat right; float: left; font: bold 11px/29px Arial; color: #000; padding: 0 220px 0 0; overflow: hidden; text-align: center; } #coupon-listing .coupon-details .code .hover{ background: #c5960c url("images/coupon-code-hover.png") no-repeat right; } #promo-code-box { border: 1px #c8c8c8 solid; padding: 29px; margin-bottom: 32px; } #promo-code-box .coupon-thumb a { color: #003d7b; } #promo-code-box .coupon-thumb a:hover { text-decoration: none; } #promo-code-box .coupon-details h3 { font-size: 24px; line-height: 24px; margin-bottom: 10px; } #promo-code-box .coupon-details .draft-button img { display: block; } #coupon-code-box { border: 1px #c8c8c8 solid; padding: 29px; margin-bottom: 32px; } #coupon-code-box strong { text-align: right; width: 80px; display: inline-block; margin-right: 8px; } #coupon-code-box .code { display: inline-block; float: left; margin: 10px 0; } #coupon-code-box .code .coupon-code { background: url("images/coupon-code-large.png") no-repeat scroll right center #C5960C; color: #000000; display: block; float: left; font: bold 24px/48px Arial; height: 50px; max-width: 256px; min-width: 216px; overflow: hidden; padding: 0 376px 0 0; text-align: center; } #coupon-code-box .code .hover { background: url("images/coupon-code-hover-large.png") no-repeat scroll right center #C5960C; } #maincontent .embed { margin: 0 50px; } .embed { position: relative; padding: 0; padding-bottom: 56.25%; /* 16:9 ratio*/ height: 0; overflow: hidden; } .embed iframe, .embed object, .embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #footer { background: #141313; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: #fff; padding: 40px 0; text-align: center; font-weight: 300; margin-bottom: 30px; } #footer a { color: #fff; } /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* 1280 and larger (devices and browsers) */ @media only screen and (min-width: 1280px) { .container { width: 1280px; } #header .container .one-third.column { width: 460px; } #header .container .two-thirds.column { width: 780px; } #logo { margin-right: 20px; } #ad { margin-left: 20px; padding-top: 20px; } #maincontent { width: 837px; margin-left: 40px; margin-right: 0; margin-top: 38px; } #sidebar { width: 325px; margin-right: 40px; margin-left: 38px; } #sidebar-text { width: 323px; height: 283px; background: transparent url("images/content/sidebar/sidebar-about-content.png") no-repeat; margin-bottom: 5px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 960px) and (max-width: 1279px) { #nav ul a { font: 600 12px/40px 'Open Sans',sans-serif; padding: 0 7px; } #maincontent { margin-left: 10px; margin-top: 20px; } #maincontent .heading, #maincontent .heading a { font: 700 30px 'Open Sans',sans-serif; } #coupon-listing .coupon-box { padding: 15px; } #coupon-listing .coupon-thumb { width: 200px; padding-top: 20px; } #coupon-listing .coupon-details { width: 250px; } #promo-code-box .six.columns { width: 100%; } #promo-code-box .coupon-thumb { text-align: center; margin: 0; margin-bottom: 15px; } #promo-code-box .coupon-details { margin: 0; } #promo-code-box .coupon-details .draft-button img { margin: 0 auto; } #coupon-code-box .code .coupon-code { background: url("images/coupon-code-medium.png") no-repeat scroll right center #C5960C; padding: 0 290px 0 0; min-width: 100px; } #coupon-code-box .code .hover { background: url("images/coupon-code-hover-medium.png") no-repeat scroll right center #C5960C; } #sidebar { padding-top: 30px; } #sidebar .widget .title { font-size: 20px; } #sidebar-text { width: 298px; height: 306px; background: transparent url("images/content/sidebar/sidebar-about-content-960.png") no-repeat; margin-bottom: 5px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #nav ul li { height: 30px; margin: 0 3px 0 0; } #nav ul li.last { margin: 0; } #nav ul a { font: 600 10px/30px 'Open Sans',sans-serif; padding: 0 5px; } #maincontent { margin-left: 10px; margin-top: 20px; } #maincontent .heading, #maincontent .heading a { font: 700 25px 'Open Sans',sans-serif; } #maincontent .title, #maincontent .title a { font: 700 20px 'Open Sans',sans-serif; } #maincontent .subtitle, #maincontent .subtitle a { font: 700 18px 'Open Sans',sans-serif; } #coupon-listing .coupon-box { padding: 15px; } #coupon-listing .six.columns { width: 100%; margin: 0; } #promo-code-box .six.columns { width: 100%; } #promo-code-box .coupon-thumb { text-align: center; margin: 0; margin-bottom: 15px; } #promo-code-box .coupon-details { margin: 0; } #promo-code-box .coupon-details .draft-button img { margin: 0 auto; } #coupon-code-box strong { width: auto; } #coupon-code-box .code .coupon-code { background: url("images/coupon-code-medium.png") no-repeat scroll right center #C5960C; padding: 0 290px 0 0; min-width: 90px; } #coupon-code-box .code .hover { background: url("images/coupon-code-hover-medium.png") no-repeat scroll right center #C5960C; } #sidebar { padding-top: 30px; } #sidebar .widget { font-size: 13px; line-height: 20px; } #sidebar .widget .title { font-size: 20px; line-height: 20px; } #sidebar .widget .textwidget { padding: 15px; } #sidebar-text { width: 234px; height: 263px; background: transparent url("images/content/sidebar/sidebar-about-content-768.png") no-repeat; margin-bottom: 5px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #logo { text-align: center; } #logo img { display: inline-block; } #ad { margin-top: 10px; } #nav ul li { height: 30px; margin-right: 3px; } #nav ul li.last { margin: 0; } #nav ul a { font: 600 10px/30px 'Open Sans',sans-serif; padding: 0 3px; } #maincontent { margin-top: 20px; padding: 0 15px; width: 390px; } #maincontent .heading, #maincontent .heading a { font: 700 25px 'Open Sans',sans-serif; } #maincontent .title, #maincontent .title a { font: 700 20px 'Open Sans',sans-serif; } #maincontent .subtitle, #maincontent .subtitle a { font: 700 18px 'Open Sans',sans-serif; } #coupon-listing .coupon-box { padding: 15px 10px; } #coupon-listing .coupon-box img { display: inline-block; } #coupon-listing .coupon-thumb { text-align: center; } #coupon-listing .coupon-details p strong { margin-right: 3px; } #coupon-listing .coupon-details .code .coupon-code { left: 83px; } #coupon-listing .six.columns { width: 100%; margin: 0; } #promo-code-box { padding: 15px; } #promo-code-box .six.columns { width: 100%; } #promo-code-box .coupon-thumb { text-align: center; margin: 0; margin-bottom: 15px; } #promo-code-box .coupon-details { margin: 0; } #promo-code-box .coupon-details .draft-button img { margin: 0 auto; } #coupon-code-box { padding: 15px; } #coupon-code-box strong { width: auto; } #coupon-code-box .code .coupon-code { background: url("images/coupon-code-medium.png") no-repeat scroll right center #C5960C; padding: 0 290px 0 0; min-width: 65px; } #coupon-code-box .code .hover { background: url("images/coupon-code-hover-medium.png") no-repeat scroll right center #C5960C; } #sidebar { padding-top: 30px; } #sidebar .widget { font-size: 13px; line-height: 20px; } #sidebar .widget .title { font-size: 20px; line-height: 20px; } #sidebar .widget .textwidget { padding: 15px; } #sidebar-text { width: 234px; height: 263px; background: transparent url("images/content/sidebar/sidebar-about-content-768.png") no-repeat; margin-bottom: 5px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #logo { text-align: center; } #logo img { display: inline-block; } #ad { margin-top: 10px; } #nav ul li { height: 30px; margin-right: 3px; } #nav ul a { font: 600 10px/30px 'Open Sans',sans-serif; padding: 0 3px; } #maincontent { margin-top: 20px; padding: 0 15px; width: 390px; } #maincontent .heading, #maincontent .heading a { font: 700 25px 'Open Sans',sans-serif; } #maincontent .title, #maincontent .title a { font: 700 20px 'Open Sans',sans-serif; } #maincontent .subtitle, #maincontent .subtitle a { font: 700 18px 'Open Sans',sans-serif; } #maincontent .embed { margin: 0 20px; } #coupon-listing .coupon-box { padding: 15px 10px; } #coupon-listing .coupon-box img { display: inline-block; } #coupon-listing .coupon-thumb { text-align: center; } #coupon-listing .coupon-details p strong { margin-right: 3px; } #coupon-listing .coupon-details .code .coupon-code { left: 83px; } #coupon-listing .six.columns { width: 100%; margin: 0; } #promo-code-box { padding: 15px; } #promo-code-box .six.columns { width: 100%; } #promo-code-box .coupon-thumb { text-align: center; margin: 0; margin-bottom: 15px; } #promo-code-box .coupon-details { margin: 0; } #promo-code-box .coupon-details .draft-button img { margin: 0 auto; } #coupon-code-box { padding: 15px; } #coupon-code-box strong { width: auto; margin-right: 3px; line-height: 29px !important; } #coupon-code-box .code .coupon-code { background: #c5960c url("images/coupon-code-small.png") no-repeat right; padding: 0 190px 0 0; min-width: 32px; height: 29px; font: bold 11px/29px Arial; } #coupon-code-box .code .hover { background: #c5960c url("images/coupon-code-hover-small.png") no-repeat right; } #sidebar { padding-top: 30px; } #sidebar .widget { font-size: 13px; line-height: 20px; } #sidebar .widget .title { font-size: 20px; line-height: 20px; } #sidebar .widget .textwidget { padding: 15px; } #sidebar-text { width: 418px; height: 163px; background: transparent url("images/content/sidebar/sidebar-about-content-480.png") no-repeat; margin-bottom: 5px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { body { font-size: 13px; } #logo { text-align: center; } #logo img { display: inline-block; } #ad { margin-top: 10px; } #nav ul li { height: 30px; margin-right: 2px; display: block; width: 100%; border: 0; border-radius: 0; } #nav ul li.current_page_item, #nav ul li:hover { border: 0; border-radius: 0; } #nav ul a { font: 600 10px/30px 'Open Sans',sans-serif; padding: 0 3px; } #maincontent { margin-top: 20px; padding: 0 10px; width: 280px; } #maincontent .heading, #maincontent .heading a { font: 700 20px 'Open Sans',sans-serif; } #maincontent .title, #maincontent .title a { font: 700 16px 'Open Sans',sans-serif; } #maincontent .subtitle, #maincontent .subtitle a { font: 700 14px 'Open Sans',sans-serif; } #maincontent .embed { margin: 0 20px; } #coupon-listing .coupon-box { padding: 15px 10px; } #coupon-listing .coupon-box img { display: inline-block; } #coupon-listing .coupon-thumb { text-align: center; } #coupon-listing .coupon-details p { font-size: 11px; margin-bottom: 3px; } #coupon-listing .coupon-details p strong { margin-right: 3px; width: auto; } #coupon-listing .coupon-details .code .coupon-code { left: 32px; min-width: 33px; background: #c5960c url("images/coupon-code-small.png") no-repeat right; padding: 0 190px 0 0 } #coupon-listing .coupon-details .code .hover{ background: #c5960c url("images/coupon-code-hover-small.png") no-repeat right; } #coupon-listing .six.columns { width: 100%; margin: 0; } #coupon-code-box { padding: 15px 10px; font-size: 11px; } #coupon-code-box strong { width: auto; margin-right: 3px; line-height: 29px !important; } #coupon-code-box .code .coupon-code { background: #c5960c url("images/coupon-code-small.png") no-repeat right; padding: 0 190px 0 0; min-width: 32px; height: 29px; font: bold 11px/29px Arial; } #coupon-code-box .code .hover { background: #c5960c url("images/coupon-code-hover-small.png") no-repeat right; } #sidebar { padding-top: 30px; } #sidebar .widget { font-size: 13px; line-height: 20px; } #sidebar .widget .title { font-size: 16px; line-height: 20px; } #sidebar .widget .textwidget { padding: 15px; } #sidebar-text { width: 298px; height: 203px; background: transparent url("images/content/sidebar/sidebar-about-content-mobile.png") no-repeat; margin-bottom: 5px; } } /* Theme Creator: Lester Tarranza Theme Creator URI: bit.ly/1ap8uau Theme Creator Email: lestertarranza@gmail */ /* --- injected clearfix (WaybackScraper) --- */ .clearfix::after{content:"";display:table;clear:both} .clearfix{display:block}