/* Styles for pages and categories */ .content-container{ width:1024px; margin:0 auto; } #right-pull-up { width: 316px; float: right; margin-top: -8%; } #omd-logo-paged { float: left; padding-top: 20px; } .logoMe { width: 100%; } .padMe { padding-top: 20px; } #top-five { width: 100%; margin: 0px 0px 0px 0px; padding: 24px 0; text-align: center; } #top-five-single { width: 100%; margin: 12px 0 44px 0; text-align: center; } .top-five-item { width: 100%; display: inline-block; position: relative; overflow: hidden; } .top-five-item-parent { display: inline-block; position: relative; margin-right: 18px; width: 18%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .top-last { margin-right: 0; } .top-five-item-image img { width: 100%; display: block; } .top-five-item-text { position: absolute; width: 100%; padding: 5px; left: 0; right: 0; bottom: 0; color: #ffffff; font-size: 15px; font-weight: lighter; text-align: left; line-height: 18px; text-transform: uppercase; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .5); display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .top-tag-left { float: left } .top-five-item-text a, .top-five-item-text a:hover, .top-five-item-text a:visited { color: #ffffff; text-decoration: none; } .top-tag-middle { background: url('../images/tag-banner-middle.png') 0 0; padding-top: 5px; padding-bottom: 2px; font-weight: bold; color: #ffffff; font-size: 17px; text-transform: uppercase; float: left; } .top-tag-right { float: left } .top-tag-middle a, .top-tag-middle a:visited, .top-tag-middle a:hover { color: #ffffff; text-decoration: none; } .top-five-item-tag { position: absolute; top: 8px; left: -4px; display: block; z-index: 10; } .list-item-container { width: 100%; padding: 24px 2px; border-bottom: 1px solid #f0f0f0; } .list-item-container:last-child { border-bottom: none } .list-image img { width: 100%; position: absolute; top: 0px; left: 0px; display: block; } .list-title h1 { color: #de0000; font-size: 1.5em; line-height: 24px; margin-bottom: 4px; font-weight: bold; text-transform: uppercase; margin-top:0; } .list-title h1 a:hover { color: #9a0101; text-decoration: underline; } .list-title h1 a, .list-title h1 a:visited { text-decoration: none; color: #de0000; } .mh-blue h1 { color: #2C81DE; font-size: 18px; line-height: 24px; font-weight: bold; margin: 0px 0px 0px 0px; text-transform: uppercase; } .mh-blue h1 a:hover { text-decoration: underline; color: #3ab4fa; } .mh-blue h1 a, .mh-blue h1 a:visited { text-decoration: none; color: #2C81DE; } .list-copy { font-size: 16px; line-height: 24px; color: #616161; margin-bottom: 8px; } .list-data { color: #cccccc; font-size: 12px; float:left; width:40%; } .list-data img { margin-right: 4px } #social-icons-sidebar { width: 32%; margin-top: 25px; float:right; } #social-icons-sidebar .social-icons-item { float: left; margin: 0 6px; } #social-icons-sidebar .social-icons-item img { width: 52px } #social-icons-paged { float: right; padding: 40px 0 40px 0; } #social-icons-paged .social-icons-item { float: left; margin: 0 6px; } #social-icons-paged .social-icons-item img { width: 52px } #social-icons-insider { display:inline-block; background-color: #f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; background: #f4f4f4; margin-left: 12px; padding: 7px 0px 7px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:300px; } #social-icons-insider .social-icons-item { float: left; margin: 0 10px 0 0; width:45px; } #social-icons-insider .social-icons-item img { width: 100%; } #ins-social-icons-paged { float: right; padding: 60px 0 0px 0; } #ins-social-icons-paged .social-icons-item { float: left; margin: 0 6px; } #ins-social-icons-paged .social-icons-item img { width: 52px } #social-icons-mobile { display: none } #social-icons-mobile .social-icons-item { float: left; margin: 0 6px; } #social-icons-mobile .social-icons-item img { width: 52px } #social-icons { width: 350px; position: relative; margin: 43px 12px 0 0; float: right; } #social-icons .social-icons-item { float: left; margin-left: 16px; } #social-icons .social-icons-item img { width:52px; } #social-icons-movies { width: 90%; margin-bottom: 25px; float:right; } #social-icons-movies .social-icons-item { float: left; margin: 0 6px; } #social-icons-movies .social-icons-item img { width: 52px } #signup-container { width: 100%; margin: 25px 0px 25px 0px; display: block; } #signup-container form { padding-top: 20px; padding-bottom: 25px; } #signup-title { font-size: 30px; font-weight: bold; line-height: 32px; color: #000000; } #signup-instruction { font-size: 16px; line-height: 18px; color: #ababab; } input#signup-email { font-size: 16px; color: #ababab; width: 215px; height: 30px; border: #ffffff none; background: url("images/OMDemailField.jpg") no-repeat; background-position: left center; padding-left: 10px; margin-bottom: 8px; padding-right: 10px; outline: none; } input.placeholder { font-size: 12px; font-weight: lighter !important; } #signup-submit-button { vertical-align: top } #side-bar-widgets { width:320px; float:right; } .post-pagination-omd { color: #1e80eb; font-size: 18px; margin-top: 6%; margin-bottom: 5%; text-align: center; width: 100%; } .post-pagination-omd .wp-paginate li:first-child { display: none } .post-pagination-omd .wp-paginate .current { background: none repeat scroll 0 0 #de0000 !important; border: none !important; font-size: 26px !important; font-weight: 600 !important; margin-right: 10px !important; padding: 6px 12px 2px !important; } .post-pagination-omd .wp-paginate .next { background: url("../images/pagination-next-omd.png") no-repeat scroll 0px 5px transparent !important; text-indent: -9999px !important; } .post-pagination-omd .wp-paginate .prev { background: url("../images/pagination-previous-omd.png") no-repeat scroll 0px 5px transparent !important; text-indent: -9999px !important; } .post-pagination-omd .wp-paginate .gap { color: #de0000 !important; margin-right: 10px !important; font-size: 24px !important; font-weight: 600 !important; } .post-pagination-omd .postPagenation { font-size: 0.9em } .post-pagination-omd .wp-paginate a { border: none !important; background: none !important; color: #de0000 !important; font-size: 24px !important; font-weight: 600 !important; margin-right: 10px !important; } .post-pagination { color: #1e80eb; font-size: 18px; margin-top: 6%; margin-bottom: 5%; text-align: center; width: 100%; } .wp-paginate li:first-child { display: none } .wp-paginate .current { background: none repeat scroll 0 0 #2C81DE !important; border: none !important; font-size: 26px !important; font-weight: 600 !important; margin-right: 10px !important; padding: 6px 12px 2px !important; } .wp-paginate a { border: none !important; background: none !important; color: #2C81DE !important; font-size: 24px !important; font-weight: 600 !important; margin-right: 10px !important; } .wp-paginate .gap { color: #2C81DE !important; margin-right: 10px !important; font-size: 24px !important; font-weight: 600 !important; } .wp-paginate .next { background: url("../images/pagination-next.png") no-repeat scroll 0px 5px transparent !important; text-indent: -9999px !important; } .wp-paginate .prev { background: url("../images/pagination-previous.png") no-repeat scroll 0px 5px transparent !important; text-indent: -9999px !important; } .postPagenation { font-size: 0.9em } #feature-article-title-omd { margin-top:15px; margin-bottom:10px; } #feature-article-title-omd h1 { color: #de0000; font-weight: normal; font-weight: bold; font-family: Matterhorn, helvetica, arial, sans-serif; word-wrap:break-word; } #feature-article-title-omd h1 a:hover { color: #9a0101; text-decoration: none; } #feature-article-title-omd h1 a, #feature-article-title-omd h1 a:visited { color: #de0000; text-decoration: none; } .social-music-movie { margin-top: 20px; width: 95%; margin-right: 15px; } .social-tags { margin-top: 20px; width: 95%; margin-right: 0px; } #feature-article-title-ins h1 { color: #000000; font-family: Matterhorn, helvetica, arial, sans-serif; font-size: 44px; font-weight: normal; font-weight: bold; } #feature-article-title-ins h1 a:hover { color: #3AB4FA; text-decoration: none; } #wrapper { width: 1024px; height: 100%; margin: 0px auto 0px auto; position: relative; display: block; } /* ================================================== */ .post-pagination-ins { color: #2b81dd; font-size: 18px; margin-top: 6%; margin-bottom: 5%; text-align: center; width: 100%; } .post-pagination-ins .wp-paginate li:first-child { display: none } .post-pagination-ins .wp-paginate .current { background: none repeat scroll 0 0 #2b81dd !important; border: none !important; font-size: 26px !important; font-weight: 600 !important; margin-right: 10px !important; padding: 6px 12px 2px !important; } .post-pagination-ins .wp-paginate .prev { background: url("../images/pagination-previous.png") no-repeat scroll 0px 5px transparent !important; text-indent: -9999px !important; } .post-pagination-ins .wp-paginate .next { background: url("../images/pagination-next.png") no-repeat scroll 0px 5px transparent !important; text-indent: -9999px !important; } .post-pagination-ins .wp-paginate .gap { color: #2b81dd !important; margin-right: 10px !important; font-size: 24px !important; font-weight: 600 !important; } .post-pagination-ins .postPagenation { font-size: 0.9em } .post-pagination-ins .wp-paginate a { border: none !important; background: none !important; color: #2b81dd !important; font-size: 24px !important; font-weight: 600 !important; margin-right: 10px !important; } .post-pagination { color: #2b81dd; font-size: 18px; margin-top: 6%; margin-bottom: 5%; text-align: center; width: 100%; } /* #icontainer { width: 100%; position: relative; max-width: 1024px; margin: 30px auto 0; }_NO__DOTCOMMA__AFTER__ ================================================== */ a, a:hover { text-decoration: none; nowhitespace: afterproperty; color: #000000; /* text color */ } #isign-up-social-container { width: 100%; max-width: 1024px; height: 55px; margin: 0 auto; /*border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin-top: 15px; padding-top: 15px;*/ padding-bottom: 15px; } #jsign-up-social-container { width: 100%; max-width: 1024px; height: 55px; margin: 0 auto; } #isocial-column-container { width: 1024px; border: none; background-color: #fff; } /* social share */ #isignup-label { float: left; width: 130px; background-color: #ffffff; color: #000000; font-family: Matterhorn, helvetica, arial, sans-serif; font-size: 30px; line-height: 28px; text-align: right; margin-right: 10px; } #isignup-container { width: 66%; float: right; color: #666666; font-size: 13px; line-height: 20px; background-color: #f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; background: #f4f4f4; margin-left: 12px; padding: 9px 8px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #isignup-container:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(244, 244, 244, 0); border-right-color: #f4f4f4; border-width: 12px; top: 50%; margin-top: -12px; } #isignup-insider-text { width: 205px; float: left; } #isignup-insider-button { float: right; width: 121px; height: 37px; } #isocial-label { float: left; width: 125px; background-color: #ffffff; color: #000000; font-family: Matterhorn, helvetica, arial, sans-serif; font-size: 30px; line-height: 28px; text-align: right; margin-right: 10px; } #isocial-icons { float: left; background-color: #f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; background: #f4f4f4; margin-left: 12px; padding: 4px 10px 0 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #isocial-icons:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(244, 244, 244, 0); border-right-color: #f4f4f4; border-width: 12px; top: 50%; margin-top: -12px; } #isocial-icons ul { margin: 0; padding: 0; list-style-type: none; } #isignup-wrapper { width: 52%; float: left; display: inline-block; } #isocial-icons ul li { display: inline-block; margin: 0 2px; } #isocial-wrapper { float: right; margin-top: 0; padding-right: 10px; display: inline-block; } #isocial-icons ul li img { width: 50px } #icontainer { width: 100%; max-width: 1024px; margin: 30px auto 0; } #ipost-column { float: left; nowhitespace: afterproperty; width: 100%; display: inline-block; } #icontent { padding-top: 10px; line-height: 0; -moz-column-count: 3; -moz-column-gap: 30px; -moz-column-fill: auto; -webkit-column-count: 3; -webkit-column-gap: 30px; -webkit-column-fill: auto; column-count: 3; column-gap: 30px; column-fill: auto; margin-left: 30px; max-width: 964px; } .post { width: 100%; height: auto !important; padding: 0 0 50px 0; display: inline-block; } .post-container { margin: -12px auto 0; max-width: 1024px; height: 1000px; display: inline-block; } .post-thumb { text-align: center } .post-thumb img { width: 100%; height: auto; } .post-synopsis h1 { color: #000000; font-size: 24px; line-height: 28px; font-weight: 400; margin: 8px 0 14px 0; } #column-container { width: 100%; height: 100%; display: block; padding-top: 10px; } .post-synopsis a, .post-synopsis a:hover { color: #000000 } .post-content { font-size: 16px; line-height: 24px; color: #a09595; } #clear { clear: both } #clearBreak { display: none; clear: none; } .article { padding: 8px; nowhitespace: afterproperty; line-height: 1; /*border: 1px solid #ddd;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } .article h4 { margin: 14px 0 4px 0 } #post-column { float: none; margin-left: auto; margin-right: auto; padding-top: 14px; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } push { height: 120px; /* same as wrapper's margin bottom */ clear: both; } #omd-container { -moz-box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1024px; padding: 0; width: 100%; overflow: hidden; } #sponsor-image { margin:10px 0px 0px 0px; } .sponsor-image-list { padding: 0px 0 0 0; float:right; margin-right:2%; } #cat-logo { margin:0px 0px 15px 0px; float:left; } .omd-space { width:1px; height:15px; } #nav-container { float:right; position:relative; margin-top:50px; } #nav-container.nav-insider { float:none; width:900px; position:relative; margin:30px auto 30px auto; } #drop-arrow { width:37px; height:37px; background: url("../images/icons.png") no-repeat scroll -37px center #CCCCCC; cursor: pointer; display: none; position:absolute; top:0; right:0; } #nav-container ul { list-style:none; margin:0px; padding:0px; } #nav-container ul li { float:left; margin-right:15px; font-size: 18px; } #nav-container.nav-insider ul li { font-size:22px; height:39px; line-height:39px; } #nav-container ul li a, #nav-container ul li a:visited { color: #2C81DE; text-decoration:none; } #nav-container ul li a:hover { color: #3AB4FA; text-decoration:none; } #nav-container ul li.nav-current a { color:#000000; } #nav-container ul li.nav-button { margin-right:0px; } #insider-feature { width:1200px; margin:0px auto; } #social-bar { width:100%; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:10px 0px 10px 0px; margin:20px 0; text-align:center; } .social-text { width:115px; display:inline-block; color: #000000; text-transform:uppercase; font-size: 30px; line-height: 30px; text-align: right; vertical-align:top; margin-top:6px; } .social-small-text { width: 210px; float: left; font-size: 0.9em; line-height:1.3em; margin:0px 10px 0 10px; padding:14px 0 14px 0; } .insider-sign-up { float:left; margin:11px 10px 5px 0px; } #insider-popular { width:300px; margin-right:0px; float:right; } .gray-background { background-color: #f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:inline-block; margin:5px 25px 0px 15px; } .insider-social-space { height:1px; width:4%; float:left; } #pinterest-articles { position:relative; width:100%; } .block { width:300px; } .block-image { width:100%; margin-bottom:5px; } .block-image img { width:100%; border:none; } .block-title { width:100%; color:#000000; text-decoration:none; font-size:24px; line-height:28px; margin-bottom:5px; } .block-title a, .block-title a:hover, .block-title a:visited { color:#000000; text-decoration:none; } .block-excerpt { width:100%; color:#A09595; font-size:16px; line-height:24px; text-decoration:none; margin-bottom:5px; } .block-excerpt a, .block-excerpt a:visited, .block-excerpt a:hover { color:#A09595; text-decoration:none; } .block-sponsor { width:100%; } #page-logo-omd-mobile, #page-logo-mobile { display:none; } .d23-logo { float:right; margin:20px 28px 0px 0px; } .d23-logo-second { float:left; margin:38px 0px 0px 20px; } #omd-feature-head { float:left; } .sponsorBackground { background-color:#f9efdf; margin-left:-5px; padding-left:5px; } @media screen and (max-width: 1200px) { #insider-feature { width:100%; } } @media screen and (max-width: 1024px) { #right-side { width: 100%; position: relative; display: block; text-align:center; } #left-side { width: 96%; position: relative; display: block; margin-left:2%; } #social-icons-sidebar{ width:320px; margin:0 auto 0 auto; position:relative; display:block; float:none; } #top-five{ padding: 24px 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .top-five-item-parent{ width: 17%; } #isocial-label, #ksocial-label { width: 96px; } #isocial-wrapper, #ksocial-wrapper { padding-right: 0; } #cat-logo { width:96%; margin:0px 0px 15px 2%; } #social-icons-movies { margin-left:auto; margin-right:auto; float:none; width:320px; } #nav-container, #nav-container.nav-insider { position:relative; height:37px; border:none; width:300px; margin:25px auto; overflow:hidden; float:none; z-index:5000; } #nav-container ul { border:1px solid #CCCCCC; border-bottom:none; } #nav-container ul li, #nav-container.nav-insider ul li { float:none; margin:0px auto; width:100%; text-align:center; height:35px; vertical-align:middle; font-size:22px; border-bottom:1px solid #CCCCCC; } #nav-container ul li a { width:100%; display:block; background-color:#EEEEEE; height:35px; line-height:35px; } #nav-container ul li a:hover { background-color:#F8F8F8; } #drop-arrow { display:block; } #nav-container ul li.nav-button { display:none; } #social-bar { width:96%; padding:10px 0px 10px 0px; margin:20px 0 0 2%; } .social-small-text { display:none; } .insider-sign-up { margin:6px 10px 5px 10px; } .insider-social-space { display:none; } } @media screen and (max-width: 768px) { #top-five{ display:none; } #feature-article-text, #feature-article-text-omd { width:95%; margin-left:3%; } #left-side { width: 94%; position: relative; display: block; margin-left:3%; margin-top:0px; } #social-icons-sidebar{ width:320px; margin:0 auto 0 auto; position:relative; display:block; float:none; } #omd-logo-paged { float: none; } #social-icons-paged { width: 400px; margin: auto; float: none; padding: 40px 24px 5px 0; } #ins-social-icons-paged { width: 400px; margin: auto; float: none; padding: 40px 24px 5px 0; } #social-icons-movies { margin-left:auto; margin-right:auto; float:none; width:320px; } #cat-logo { margin:0px 0px 15px 2%; } #social-bar { width:94%; padding:10px 0px 10px 0px; margin:20px 0 0 2%; } .social-small-text { display:none; } .social-text { float:none; display:block; width:232px; white-space:nowrap; margin:15px auto; } #social-icons-insider { float:none; width:300px; display:block; margin:0px auto 15px auto; } .social-small-text { float:none; } .insider-sign-up { float:none; margin:10px 10px 10px 10px; } .gray-background { margin-bottom:10px; } #right-side { margin-top:10px; } .d23-logo { float:none; margin-left:3%;} .d23-logo-second { float:none; margin:10px 0px 0px 3%; } } @media screen and (max-width: 480px) { .list-data-container{ padding:5px 0 0 0; } #social-icons-sidebar{ width:320px; margin:0 auto 0 auto; position:relative; display:block; float:none; } #feature-article-text, #feature-article-text-omd { border-bottom:1px; border-bottom-style:solid; border-bottom-color:#F0F0F0; margin-top:1%; padding-bottom:13px; } #sponsor-image{ margin-bottom:10px; } .post-pagination-omd{ margin-top: 8%; margin-bottom: 8%; } #cat-logo { margin:0px 0px 15px 2%; } .omd-space { display:none; } #page-logo-omd-mobile, #page-logo-mobile { display:block; margin-left:3%; margin-bottom:5px; } #insider-feature #feature-article-text { border-bottom:none; } } @media screen and (max-width: 320px) { .list-data-container{ padding:5px 0 0 0; } #social-icons-sidebar{ width:250px; margin:0 auto 0 auto; position:relative; display:block; float:none; } #feature-article-text, #feature-article-text-omd { border-bottom:1px; border-bottom-style:solid; border-bottom-color:#F0F0F0; } #sponsor-image{ margin-bottom:10px; } .post-pagination-omd{ margin-top: 8%; margin-bottom: 8%; } #social-icons-sidebar .social-icons-item img { width: 35px; } #cat-logo { margin:0px 0px 15px 2%; } }