/* * * Theme Name: Disney Blogs Theme * Theme URI: blogs.disney.com/ * Version: 2.0 * Author: Chad Workman * Author URI: disney.go.com ================================================== */ html, body { margin: 0; width: 100%; height: 100%; font-family: Matterhorn, Arial, sans-serif; background-color: #ffffff; text-decoration: none; } img { border:0; border-width:0; } strong { font-weight:bold; } #leaderboard-ad-container { text-align: center; padding: 10px 0px 10px 0px; width: 100%; } #leaderboard-ad-container-black { text-align: center; padding: 10px 0px 5px 0px; width: 100%; background-color:#333333; margin-bottom:10px; } .leaderboardContainer, #div-gpt-ad-rectangle1 { display: block } #div-gpt-ad-mobile-rectangle1 { display: none; margin-left: auto; margin-right: auto; } .adSlug { width: 728px; color: #000000; font-size: 0.625em; text-align: right; padding-right: 10px; margin-left: auto; margin-right: auto; } .adSlugMobile { width: 310px; color: #000000; font-size: 0.625em; text-align: right; margin-left: auto; margin-right: auto; } .rectangleSlug { width: 95%; color: #000000; font-size: 0.625em; text-align: right; padding-right: 15px; } .rectangleSlug-sub { width: 290px; color: #000000; font-size: 0.625em; text-align: right; padding-right: 10px; background-color: #e5e5e5; } #container { width: 1024px; height: 100%; margin: 0px auto 0px auto; position: relative; display: block; } .insider-container { width:1200px; } #page-logo { width: 28%; position: absolute; margin-top: 24px; margin-left: 24px; z-index: 100; min-width: 150px; } #page-logo img { width: 100%; display: block; } #page-logo-omd { width: 25%; position: absolute; z-index: 100; top: 1%; } #page-logo-omd img { width: 100%; display: block; } #feature-article-image { width: 100%; height: 320px; margin: 0; display: block; position: relative; overflow: hidden; } #feature-article-image-small { width: 68%; height:225px; margin: 8px 0 0 0; display: block; position: relative; overflow: hidden; float:left; } #feature-article-image img, #feature-article-image-small img { width: 100%; position: absolute; top: 0px; left: 0px; display: inline-block; } #feature-article-title { width: 100%; margin: 0px 0 0px 0; } #feature-article-title h1 { font-size: 44px; color: #1786eb; font-weight: normal; font-weight: bold; font-family: Matterhorn, helvetica, arial, sans-serif; margin:15px 0 10px 0; } #feature-article-title h1 a:hover { color: #1786eb; text-decoration: underline; } #feature-article-title h1 a, #feature-article-title h1 a:visited { color: #1786eb; text-decoration: none; } #feature-article-copy { width: 100%; font-size: 20px; line-height: 28px; color: #545454; font-family: Matterhorn, helvetica, arial, sans-serif; } #feature-article-text { width: 65%; float: left; margin: 0 2% 0 0; } #feature-article-text-omd { width: 63%; float: left; margin: 0 2% 0 0; } .feature-ad-right { float:right; width:300px; } #ad-box-container { width: 31%; float: right; margin: -11% 0 0 0; position: relative; display: block; } #ad-box-container-right { width: 300px; float: right; margin: 0 0 0 0; position: relative; display: block; } #ad-box-container-sub { width: 300px; float: right; margin: 0 0 0 0; position: relative; display: block; border: 8px; border-style: solid; border-color: #e5e5e5; } #ad-box { width:300px; float:right; border-left:8px solid #FFFFFF; border-top:8px solid #FFFFFF; } #ad-box-container-right #ad-box { width: 300px; float: right; } #ad-box-sub { width: 290px; float: left; background-color: #e5e5e5; margin-right: 10px; } #ad-box-container-single { float: right; margin: 10px 0 0 0; position: relative; display: block; } #ad-box-single { width: 300px; float: right; border: 8px; border-style: solid; border-color: #e5e5e5; margin-bottom: 25px; background-color: #e5e5e5; } #ad-box-container-music { float: right; margin: 10px 0 0 0; position: relative; display: block; } #ad-box-music { width: 300px; float: right; border: 8px; border-style: solid; border-color: #e5e5e5; margin-bottom: 25px; background-color: #e5e5e5; } .separator { width: 100%; height: 1px; background-color: #c9cac5; margin-bottom: 2%; } .separator-t5 { width: 100%; height: 1px; background-color: #c9cac5;} .clear { clear: both } #global-blogs-logo-container { width: 100px; overflow: hidden; margin-left:38%; } #global-blogs-logo { padding-top: 10px; position: absolute; text-align: center; top: 7px; width: 100px; z-index: 5000000;; padding-left: 28%; display: none; } #global-blogs-logo .blogs-logo { color: #FFFFFF; display: inline-block; margin-left: auto; margin-right: auto; padding-left: 83px; padding-top: 3px; text-decoration: none; width: auto; height: 30px; font-size:1.3em; } .item-row { width: 100%; margin-top: 5%; } .item-left { width: 47%; float: left; } .item-right { width: 47%; float: right; } .bucket-container { margin-bottom: 15px } .more-container { border-top: 1px solid #cdcbc0; width: 100%; text-align: center; padding-top: 10px; font-size: 20px; font-family: Matterhorn, helvetica, arial, sans-serif; font-weight: 400; } .more-container a { text-decoration: none; color: #1786eb; } .more-container a:visited { color: #1786eb } .more-container a:active { color: #1786eb } .more-container a:hover { text-decoration: underline; color: #1786eb; } .item-image-container { display: inline-block; height: auto; margin: 0 0 3% 0; max-width: 481px; overflow: hidden; position: relative; } .item-image-container a { border:none; } .item-image-container span { display: none } .item-image-container .item-label { display: block; height: auto; width: 481px; } .item-list-container { width: 100%; margin-bottom: 5%; } .item-thumb { width: 25%; height: 100px; margin: 0; display: inline-block; position: relative; overflow: hidden; float: left; } .item-thumb img { width: 100%; position: absolute; top: 0px; left: 0px; display: block; } .item-data { width: 70%; float: right; } .item-title { width: 100% } .item-title h1 { color: #1786eb; font-size: 20px; line-height: 24px; font-family: Matterhorn, helvetica, arial, sans-serif; margin-top:0; } .item-copy { width: 100%; color: #333333; font-size: 16px; line-height: 24px; font-weight: 400; margin: 2px 0 16px 0; font-weight: normal; font-family: Matterhorn, helvetica, arial, sans-serif; } .item-title h1 a, .item-title h1 a:visited, .item-title h1 a:hover { color: #1786eb; text-decoration: none; } #insider-label, #omd-label, #music-label, #movies-label { position: absolute; z-index: 15; bottom: 1%; left: 1%; } /* * FOOTER STYLES * ================================================== ================================================== */ #footer { width: 100%; background: url('images/footer-background.jpg'); background-color: #f3f3f3; background-position: 0 0; background-repeat: repeat-x; padding-top: 25px; padding-bottom: 35px; margin-top: 25px; } #footer-container { width: 1024px; margin-left: auto; margin-right: auto; } .footer-column { float: left; width: 20%; margin: 0 5% 0 0; } .footer-column-static { float: left; width: 20%; margin: 0 0 0 0; } .footer-column-image { width: 100%; height: 74px; margin: 0; display: inline-block; position: relative; overflow: hidden; border-bottom: solid 1px #c9cac5; } .footer-column-image a:hover span { color: #1786EB; text-decoration: none; } .footer-column-image a span, .footer-column-image a:visited span { color: #333333; text-decoration: none; } .footer-column-image span { font-size: 24px; font-family: Matterhorn, helvetica, arial, sans-serif; display: none; position: absolute; left: 3%; bottom: 30%; } .footer-column-image img { width: 100%; position: absolute; top: 0px; left: 0px; display: block; } ul.footer-posts { width: 100%; margin: 10px 10px; padding: 0; list-style-type: none; } ul.footer-posts li { margin: 0; padding-bottom: 18px; font-size: 16px; line-height: 18px; color: #666666; } ul.footer-posts li a, ul.footer-posts li a:hover, ul.footer-posts li a:visited { text-decoration: none; color: #666666; } #footer-bottom-divider { width: 100%; height: 26px; margin: 0; display: inline-block; position: relative; overflow: hidden; } ul.footer-posts li a:hover { text-decoration: underline; color: #666666; } #footer-bottom-divider img { width: 100%; position: absolute; top: 0px; left: 0px; display: block; } .footer-item { width: 25%; height: auto; float: left; text-align: center; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-item img { width: 100% } /* ***** LEGEL FOOTER ******* ================================================== ================================================== */ section, nav { display: block } #help { color: #303030; font-family: Matterhorn,Helvetica,sans-serif; font-size: 1em; margin: 12px 0px 40px 0px; display: block; } #help-data { float: left } #about, #legal { list-style: none outside none; margin:0; padding:0; } #about li, #legal li { display: inline-block; font-size: 0.75em; margin-top: 0; padding-right: 12px; vertical-align: baseline; } #about li a, #legal li a { color: #303030; text-decoration: none; } #about li a:hover, #legal li a:hover { color: #1786EB; text-decoration: none; } #copyright { color: #93989A; font-size: 0.75em; margin: 8px 0; } #footer-logo { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAyCAYAAAAA9rgCAAAEWklEQVR42s3ab0xVZRzA8Qcwe6GyNm3YRsJMrTFh2B9rhrIWmIWZoSay1BiNFxQDgWixVau1wVjRH5trQNnyha50KUr%2BCdvohQukzNRNJ%2BnIUFszl9YyF%2Fz6st1Xz85zz3MP55x7zvYZG7u75%2FkyLpzze44qLCyMJxUZeAhPYwMa0IyX8QpewvNYjfEjG1OgwiAiCXF6k1lYhTYcwhn8A7EwimEcRScasBjTohhcgz7cgPjsMvaiFjlRCO6AhOhbNOKuZAQvgMT8gWPoxVa0oBF12IhnUYN6vIEt6EE%2FrnoI%2Fw97sCbM4F4IfsZqKI9mIA8VaMcR%2FAux9BNeRHrQwZe0Ew%2FjDigfZOIZdOK8ZfgImpAeVPA8NKELR7AdGVA%2Bm4zH0YUrFuG%2Foh5pfgcnw3TU4rhF%2BCmURT%2FYXgm%2BsgjvQX70g%2B0V4HOL8LeQEv1gew%2Bj2yX6OBZ7DY6q5TjqEv5qFINXohrKowaXa%2FltUQu%2BCEEVlEdzcQhi0ItboxCcqy1sOtQEvAYx6MfkZAfXaYuq9Omzfd0Q%2FR3S9Ei%2B90BYwV3agtqhfJCDYUP0Nw7Bk8IKPqwtZguUT2binCH6s2T9Sp%2FUFtIB5XP0L4bo%2BrCDJ%2BGCtogdUD6bHec29N4wg2fgmraAnUHMtPi6zBA8HGZwJkTTHURwLLrNEN0aVvB8iGYY5ahEdcx6lGIRsr0FA3GGDHcGFZyPKnTgFMSD09iFGsxLMLgI4mC7X8FpKMFHOA3x2VgsfqlNcCx6AOIgayLBs9GKIUhIdiHTNdj8B%2BxtL8FT0Y4bkCS4ikf1YJ3hf%2FNl3JJI7BKLyeNNXMJJnMCYYSLZjA%2FRjR%2B1BdqY6RL8KcTBfbaxT0E0Z7EPbajEQmRhKhQehGj2xplo5mApmrEbv8cb87gEN0IclNnE3o5RCAbRhDwoF09CNF9DWboNa%2FGlw65Gn0twhSG4wubEqyB4HyoB6ww36sqDzdr7HAgyOA%2BC16ESUOlT8EKH3ZEil%2BBaQ%2FA625N%2BDMGKBGdRojkIZSnFMOFogHIJ7jIEL0rkJz0CwWNQFt40bJMmEjwIifkbG6Asgi9CNNcxJZHgOZCYtVAu3oVojnkc4I0fsyyvtNZAHOz2cuFRBIlpdXntJxDN91A%2B0mNTMWIIXqYFW1sOiRnEEigHOyCagYCDD5s25CZ68%2FCEPkNCrvaa%2FYYtkpQABgD3oB9iUKAFe5KPIYcL%2FGIofAHRnEMalI82uTxp0O7nACA9FimafsNE8byP87Ln8AMkjgNBjXiqcA3i4soEnyAoQCvOQlzsD3pqmYVtFjf0fdiMeqzEI5iPObgbc7EAxShHC3biAsTSB2HOpcePgx4fYRrDKMSjE1iRrL2l9yAhOYOaZO8elgYceRM9KEdqFPaHxw%2FR%2FIZqdKIff0Is%2FYUBbEUFsqP2yMM0h8%2FjkMPjS7kowXq8gAZsQh02ohT3IwORf2zpHS24JQqPDwetLKYYKtnB%2FwNg0GvKj9NiwgAAAABJRU5ErkJggg%3D%3D") no-repeat scroll center center transparent; display: block; float: left; height: 70px; width: 60px; margin-right: 25px; } /* ***** SIDE BAR ***** ================================================== ================================================== */ .linkcat { margin-top: 30px; float: right; } #side-bar-widgets li, .thumb-title li { list-style: none } .aspectImageContainer { width: 320px !important; height: 115px !important; overflow: hidden !important; margin-bottom: 5px; } .aspectImageContainer img.thumb, .aspectImageContainer img { width: 320px !important; height: auto !important; margin-top: 0; } .overlay-title { margin-top: 7px !important; font-weight: 400; } .sidebar-title, .widget-title { font-size: 26px; color: #000; font-weight: 400; padding-bottom: 5px; width:320px; margin:0; } #sidebar-popular-posts ul li, .blogroll li { font-size: 16px; color: #000000; line-height: 18px; font-weight: 400; padding-bottom: 30px; font-weight: bold; } #sidebar-popular-posts ul li a { text-decoration: none; color: #000; } #sidebar-popular-posts ul li a:hover { text-decoration: none; color: #000; } .blogroll { clear:both; } .widget-title { padding-bottom: 5px !important; float:right; margin:0; } #searchResultsTitle { font-size: 34px; color: #000000; font-weight: normal; font-weight: normal; font-family: Matterhorn, helvetica, arial, sans-serif; margin: 20px 0px 20px 0px; } #searchResultsTitle span { font-weight: bold; color:#2C81DE; } .popular-float { float: right } #submit-story-header { font-size: 34px; color: #000000; font-family: Matterhorn, Arial, sans-serif; text-transform: uppercase; } #submit-story-body { font-size: 16px; color: #8C8383; line-height: 28px; font-family: Matterhorn, Arial, sans-serif; margin: 15px 0px 0px 0px; } #submit-story-terms { font-size: 20px; color: #2C81DE; font-family: Matterhorn, Arial, sans-serif; margin-top: 40px; } #submit-story-terms a:hover { color: #2C81DE; text-decoration: underline; } #submit-story-terms a, #submit-story-terms a:visited { color: #2C81DE; text-decoration: none; } #submit-story-notice { margin: 10px 0px 10px 0px; font-size: 14px; } #submit-checkbox { margin: 10px 0px 10px 0px } #submit-checkbox span { font-size: 14px; color: #8C8383; line-height: 28px; font-family: Matterhorn, Arial, sans-serif; } #submit-checkbox span a:hover { color: #2C81DE; text-decoration: underline; } #submit-checkbox span a, #submit-checkbox span a:visited { color: #2C81DE; text-decoration: none; } #submit-submission-header { font-size: 20px; color: #2C81DE; margin: 20px 0px 0px 0px; } #submit-fist, #submit-age, #submit-city, #submit-state, #submit-title, #submit-story { margin: 10px 0 10px 0 } #submit-story #Message { width: 406px; height: 200px; } #submit-captcha { margin: 10px 0 10px 160px } #validation { margin: 8px 0px 0px 0px } #submit-captcha-text { font-size: 14px; color: #8C8383; line-height: 28px; font-family: Matterhorn, Arial, sans-serif; } #reload-captcha { float: left; margin-left: 5px; cursor: hand; cursor: pointer; } #hover-captcha { font-size: 14px; color: #8C8383; font-family: Matterhorn, Arial, sans-serif; margin-left: 5px; margin-top: -5px; float: left; visibility: hidden; } .messagebox { position: fixed; z-index: 900; display: none; } .messagebox .gray-out { min-height: 100%; width: 100%; background-color: #CCC; filter: alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75; position: fixed; top: 0px; left: 0px; } .messagebox .container { padding-top: 40px; width: 500px; height: 240px; background-color: #FFF; border: 2px; border-style: solid; border-color: #b6b5bb; position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -260px; } .messagebox .message { font-size: 20px; color: #7b7575; font-family: Matterhorn, Arial, sans-serif; text-align: center; } .messagebox .button { width: 121px; height: 39px; background: url("images/box-button.jpg"); background-repeat: no-repeat; color: #FFF; font-family: Matterhorn, Arial, sans-serif; font-size: 18px; text-align: center; padding-top: 10px; position: absolute; bottom: 25px; left: 190px; cursor: hand; cursor: pointer; } #submit { width: 121px; height: 39px; font-size: 12px; color: #FFF; font-family: Matterhorn, Arial, sans-serif; background-image: url("images/box-button.jpg"); background-repeat: no-repeat; margin: 0; padding: 0; border: none; cursor: hand; cursor: pointer; } .submit-float { float: left } #Topic { width: 406px } .labelHolder { width: 150px; float: left; text-align: right; margin-right: 10px; } .textHolder { float: left } #submit-first { margin-top: 25px } #feature-article-title-omd h1 { font-size: 3em; margin:0; } .list-data-container { width: 55%; float: left; padding: 0px 0px 5px 2%; } #left-side { width: 65%; display: inline-block; float: left; } #right-side { box-sizing: border-box; display: inline-block; float: right; width: 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-image { width: 45%; max-width: 200px; height: 120px; display: inline-block; position: relative; overflow: hidden; float: left; } .killImg { display: none } .fullWidth { width: 100% } #tag-logo { margin-left:0%; } #pf-ft { display:none !important; } @media screen and (max-width: 1024px) { #container { width: 100%; height: 100%; margin: 0px auto 0px auto; position: relative; } #omd-container { width: 100%; height: 100%; margin: 0px auto 0px auto; position: relative; } .leaderboardContainer { display: none } .leaderboardMobileContainer { display: block } #div-gpt-ad-rectangle1 { display: none } #div-gpt-ad-mobile-rectangle1 { display: block } .rectangleSlug { display: none } .mobilRectangleSlug { display: block } #ad-box-container { display: none } #feature-article-text { width: 96%; margin-left: 2%; in-width: 300px; float: none; margin-bottom: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px; } #feature-article-image, #feature-article-image-small { width: 100%; height: 250px; margin: 0; display: inline-block; position: relative; overflow: hidden; margin-left: 0px; } .item-row { width: 96%; margin-left: 2%; } #footer-container { width: 98%; margin-left: 2%; } #right-side { width: 100%; position: relative; display: block; margin: 0 auto; } #left-side { width: 100%; position: relative; display: block; } #feature-article-title-omd h1 { font-size: 3.2em } #feature-article-title { width: 100%; margin: 20px 0 10px 0; } #side-bar-widgets { display: none } .item-row { width: 96%; margin-top: 5%; margin-left: 2%; } .item-left { width: 45%; float: left; } .item-right { width: 45%; float: right; } .item-image-container { display: inline-block; height: auto; margin: 0 0 3% 0; overflow: hidden; position: relative; width: 100%; } .item-image-container .item-label { display: block; height: auto; width: 100%; } #insider-label, #omd-label, #music-label, #movies-label { position: absolute; z-index: 15; margin-top: 12%; margin-left: 1%; } #global-blogs-logo { padding-top: 10px; position: absolute; text-align: center; top: 7px; width: 100px; z-index: 5000000; display: none; padding-left: 7.5%; display: block; } .killImg { display: none } .separator-t5 { width: 96%; height: 1px; background-color: #c9cac5; margin-left:2%; } } @media screen and (max-width: 768px) { .item-left, .item-right { width: 96%; float: none; margin-left: 3%; margin-bottom: 40px; } #feature-article-text { width: 100%; padding: 1%; } #ad-box-container, #ad-box-container-music { display: none } #ad-box-music { display:none; } .leaderboardContainer { display: none } #feature-article-text { width: 96%; padding-left: 2%; } #feature-article-image, #feature-article-image-small { width: 100%; height: 250px; margin: 0; display: inline-block; position: relative; overflow: hidden; margin-left: 0px; } .item-row { width: 96%; margin-left: 2%; } #footer-bottom-divider { display: none } #footer-logo { display: none } #help { margin: 12px 0px 40px 3%; display: block; } #about li, #legal li { display: block; padding: 5px 0px 5px 0px; } #footer { padding-top: 0px } #footer-container { width: 100%; margin-left: 0; } .footer-column { float: none; width: 100%; margin: 0 0 0 0; padding-left: 0; } .footer-column-image { border-bottom: none } .footer-column-image:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABBAAAAAAZp70QAAAABGdBTUEAALGPC%2FxhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJ0Uk5TAA%2FmLNCpAAAAAmJLR0QADzoyPqMAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAALSURBVAjXY5j%2FHwACQAGfMSJZswAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wMS0xMlQxNjozMToyMi0wODowMBl4csUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDEtMTJUMTY6MzE6MjItMDg6MDBoJcp5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg%3D%3D"); background-repeat: repeat-x; background-position: left bottom; content: ""; height: 1px; left: 0; position: absolute; right: 0; bottom: 0; } .footer-column-static { float: none; width: 100%; margin: 0 0 0 0; padding-left: 0; } .footer-column-image img { display: none } .footer-column-image span { color: #333333; font-size: 18px; font-family: Matterhorn, helvetica, arial, sans-serif; display: block; } ul.footer-posts { display: none } #right-side { width: 100%; position: relative; display: block; } #left-side { width: 100%; position: relative; display: block; } #page-logo { margin-left: 2% } #feature-article-title-omd h1 { font-size: 3.2em } #side-bar-widgets { display: none } #social-icons-sidebar { margin: 40px auto auto auto; width: 385px; } #right-side { width: 100%; position: relative; display: block; } #left-side { width: 100%; position: relative; display: block; } #leaderboard-ad-container, #div-gpt-ad-mobile-rectangle1, #leaderboardMobileContainer { display: block } .item-row { margin-left: 0; width: 100%; } .item-image-container span { display: block; text-transform: uppercase; font-size: 3em; } .item-image-container .item-label { display: none } #insider-label, #omd-label, #music-label, #movies-label { display: none } .item-image-container { height: auto; width: 100%; } #feature-article-text { width: 100%; margin-left: 0; in-width: 300px; float: none; margin-bottom: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px; } .labelHolder { width: 100%; float: none; text-align: left; margin-right: 0; } .textHolder { float: none } #submit-captcha { margin: 10px 0 10px 0px } .bucket-container { margin-bottom: 5px } .item-copy { width: 96% } .item-title { width: 96% } #global-blogs-logo-container { margin-left:35%; } #global-blogs-logo { padding-top: 10px; position: absolute; text-align: center; top: 7px; width: 100px; z-index: 5000000; display: none; padding-left: 28%; display: block; } .killImg { display: none } .separator-t5 { display:none; } #tag-logo { margin-left:3%; } } @media screen and (max-width: 480px) { #omd-logo { display: none } #feature-article-title h1 { font-size: 24px } .more-container { display: none } .item-image-container { width: 100% } .item-left, .item-right { width: 95%; float: none; margin-left: 4%; } #feature-article-image, #feature-article-image-small { height: 150px } .leaderboardContainer { display: none } #feature-article-text { width: 96%; padding-left: 0px; } #insider-label img, #omd-label img, #music-label img, #movies-label img { width: 60%; margin-top: 35px; } #footer { padding-top: 0px } #footer-bottom-divider { display: none } .footer-column-image { border-bottom: none } #footer-logo { display: none } #help { margin: 12px 0px 40px 3%; display: block; } #about li, #legal li { display: block; padding: 5px 0px 5px 0px; } .footer-column-image:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABBAAAAAAZp70QAAAABGdBTUEAALGPC%2FxhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJ0Uk5TAA%2FmLNCpAAAAAmJLR0QADzoyPqMAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAALSURBVAjXY5j%2FHwACQAGfMSJZswAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wMS0xMlQxNjozMToyMi0wODowMBl4csUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDEtMTJUMTY6MzE6MjItMDg6MDBoJcp5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg%3D%3D"); background-repeat: repeat-x; background-position: left bottom; border-bottom: none; content: ""; height: 1px; left: 0; position: absolute; right: 0; bottom: 0; } #footer-container { width: 100%; margin-left: 0; } .footer-posts { display: none } .footer-column { float: none; width: 100%; margin: 0 0 0 0; padding-left: 0; } .footer-column-static { float: none; width: 100%; margin: 0 0 0 0; padding-left: 0; } .footer-column-image img { display: none } .footer-column-image span { color: #333333; font-size: 16px; font-family: Matterhorn, helvetica, arial, sans-serif; display: block; } ul.footer-posts { display: none } #social-icons-sidebar .social-icons-item { margin: 0 6px } #feature-article-title-omd h1 { font-size: 2.3em } #left-side { width: 100%; margin: 0 auto; padding-top: 0px; } .list-image { width: 100%; max-width: 100%; height: 120px; margin: 0 0 0 0; display: inline-block; position: relative; overflow: hidden; float: none; margin: 0 auto; } #leaderboard-ad-container, #div-gpt-ad-mobile-rectangle1, #leaderboardMobileContainer { display: block } #omd-container { width: 100% } .list-data-container { width: 100% } .item-image-container span { display: block; text-transform: uppercase; font-size: 1.5em; } .labelHolder { width: 100%; float: none; text-align: left; margin-right: 0; } .textHolder { float: none } #submit-captcha { margin: 10px 0 10px 0px } .bucket-container { margin-bottom: 5px } #ad-box-container, #ad-box-container-music { display: none } #global-blogs-logo-container { margin-left:0; } #global-blogs-logo { padding-top: 10px; position: absolute; text-align: center; top: 7px; width: 90%; z-index: 5000000; display: none; padding-left: 10%; display: block; } .killImg { display: none } #feature-article-image, #feature-article-image-small { height: 120px } .separator-t5 { display:none; } #page-logo, #page-logo-omd { display:none; } #feature-article-text { margin-bottom:0px; } .phonePhoto { width:100%; } } @media screen and (max-width: 320px) { #omd-logo { display: none } #feature-article-title h1 { font-size: 24px } .more-container { display: none } .item-image-container { width: 100% } .item-left, .item-right { width: 96%; float: none; margin-left: 2%; } #feature-article-image, #feature-article-image-small { height: 120px } .leaderboardContainer { display: none } #feature-article-text { width: 96%; padding-left: 2%; } #footer-bottom-divider { display: none } .footer-column-image { border-bottom: none } #footer { padding-top: 0px } #footer-logo { display: none } #help { margin: 12px 0px 40px 3%; display: block; } #about li, #legal li { display: block; padding: 5px 0px 5px 0px; } .footer-column-image:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABBAAAAAAZp70QAAAABGdBTUEAALGPC%2FxhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJ0Uk5TAA%2FmLNCpAAAAAmJLR0QADzoyPqMAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAALSURBVAjXY5j%2FHwACQAGfMSJZswAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wMS0xMlQxNjozMToyMi0wODowMBl4csUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDEtMTJUMTY6MzE6MjItMDg6MDBoJcp5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg%3D%3D"); background-repeat: repeat-x; background-position: left bottom; border-bottom: none; content: ""; height: 1px; left: 0; position: absolute; right: 0; bottom: 0; } #footer-container { width: 100%; margin-left: 0; } .footer-posts { display: none } .footer-column { float: none; width: 100%; margin: 0 0 0 0; padding-left: 0; } .footer-column-static { float: none; width: 100%; margin: 0 0 0 0; padding-left: 0; } .footer-column-image img { display: none } .footer-column-image span { color: #333333; font-size: 16px; font-family: Matterhorn, helvetica, arial, sans-serif; display: block; } ul.footer-posts { display: none } #side-bar-widgets { display: none } #social-icons-sidebar .social-icons-item { margin: 0 6px } .list-image { display: block } #leaderboard-ad-container, #div-gpt-ad-mobile-rectangle1, #leaderboardMobileContainer { display: block } .labelHolder { width: 100%; float: none; text-align: left; margin-right: 0; } .textHolder { float: none } #submit-captcha { margin: 10px 0 10px 0px } .bucket-container { margin-bottom: 5px } #ad-box-container, #ad-box-container-music { display: none } #global-blogs-logo { padding-top: 10px; position: absolute; text-align: center; top: 5px; width: 86%; z-index: 5000000; display: none; padding-left: 14%; display: block; } .killImg { display: none } .separator-t5 { display:none; } .phonePhoto { width:100%; } }