/* Theme Name:Medialets.com WordPress Theme v2.5 Theme URI:http://www.medialets.com/blog/ Description:A customized theme based on the WordPress Default theme Version:2.5 Author:The Medialets Team Author URI:http://www.medialets.com/ Tags:pixelated, custom header, fixed width, two columns, widgets */ /*@import url("/assets/css/styles.css");*/ /* zero out all browser styles props to Eric Meyer ...but we tweaked a few things :) */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; } :focus { outline:0; } /* remember to explicitly define focus styles if you want a click trail */ body { line-height:1; color:black; background:transparent; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } /* any tables still need 'cellspacing="0"' in the markup */ caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } /* end zero out browser styles */ body { background:#fff url('/assets/img/top-gradient-bg2.5.jpg') repeat-x 0 0; } #header { } #headerinner { position:relative; width:925px; height:130px; margin:0 auto; } #headerinner a { color:#fff; } #headerinner h1 a { position:absolute; top:16px; left:10px; display:block; width:159px; height:0; padding-top:55px; overflow:hidden; background:transparent url('/assets/img/medialets-logo-blue.gif') 0 0 no-repeat; } #mainnavbar { position:absolute; top:79px; width:925px; height:37px; background:transparent url('/assets/img/header-nav-bar-bg2.5.jpg') no-repeat 0 0; } #mainnav { font:14px/14px "Helvetica Neue", Helvetica, Arial; list-style:none; } /* global mainnav styles */ #mainnav li { float:left; } #mainnav a { display:block; padding:10px; float:left; text-decoration:none; } #mainnav a:hover { text-decoration:underline; } #mainnav a.active { color:#96ceff; } ul.mainnav li ul { position:absolute; top:34px; font:13px/14px "Helvetica Neue", Helvetica, Arial; list-style:none; } /* subnav container */ ul.mainnav { position:absolute; top:80px; height:36px; } /* main nav container */ ul.mainnav li ul { visibility:hidden; z-index:10; } ul.mainnav li.current ul { visibility:visible; } #mainnav li.current a, #mainnav li.current ul a { background:#000; } ul.mainnav li.current ul li:first-child a { -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; } ul.mainnav li.current ul li:last-child a { -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; } .mn1,.mn2.active,.mn3.active,.mn4.active,.mn5.active,.mn6.active,.mn7.active,.mn8.active { -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px;} .mn5.active { -webkit-border-radius:6px; } #mn1 ul { left:0; width:700px; } /* what we do subnav */ #mn2 ul { left:2.5em; } /* who we are subnav */ #mn3 ul { left:11.2em; } /* blogs subnav */ #mn4 ul { left:0em; width:700px; } /* media relations long subnav */ #mn4 ul { left:200px; width:500px; } /* media relations short subnav */ #mn5 ul { } /* contact subnav */ #mn6 ul { right:0; } /* support subnav */ #mn7 ul { width:450px; top:100px; right:-130px; } /* medialytics subnav */ #mn7 ul.notlogged { width:250px; top:100px; left:1px; } /* medialytics subnav when user not logged in */ /* #mn7 { position:absolute; left:653px; top:-66px; text-align:center; } #mainnav li#mn7 a.mn7 { width:107px; padding-top:76px; background:transparent url('/assets/img/header-app-icon-medialytics.gif') 50% 12px no-repeat; } #mainnav li#mn7.current a.mn7 { background:transparent url('/assets/img/header-app-icon-medialytics-active.gif') 50% 0 no-repeat; } */ #mn7 { position:absolute; left:808px; height:122px; text-align:center; } #mainnav li#mn7 a.mn7 { color:#e9f3ad; padding-right:32px; background:transparent url('/assets/img/header-app-icon-medialytics2.5.gif') 100% 3px no-repeat; } #mainnav li#mn7.current a.mn7 { background:transparent url('/assets/img/header-app-icon-metrics-active.gif') 50% 0 no-repeat; } /* Layout */ #main { clear:both; padding-bottom:49px; font:16px/26px "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial; color:#333; } #content { width:925px; margin:0 auto; } /* float containers fix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* basic horizontal content containers (inside content) */ .one, .two, .three, .four, .leftnav, .rightnav, .single { clear:both; display:inline-block; } /* add the clearfix */ .one:after, .two:after, .three:after, .four:after, .thirdleft:after, .thirdright:after, .quarterleft:after, .quarterright:after, .rightleft:after, #content dl.leftheadings:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* apply .spaceabove class to rows to add space above them */ #main #content .spaceabove { margin-top:25px; } .col1, .col2, .col3, .col4 { float:left; margin-right:25px; } /* 1 big column */ .one .col1 { width:925px; margin-right:0; } /* 2 even columns */ .two .col1, .two .col2 { width:450px; } .two .col2 { margin-right:0; } /* 3 even columns */ .three .col1, .three .col2, .three .col3 { width:292px; } .three .col2 { margin-right:24px; } .three .col3 { margin-right:0; } /* 4 even columns */ .four .col1, .four .col2, .four .col3, .four .col4 { width:213px; } .four .col1, .four .col3 { margin-right:24px; } .four .col4 { margin-right:0; } /* 1/3 left sidebar */ .thirdleft .col1 { width:292px; } .thirdleft .col2 { width:608px; margin-right:0;} /* 1/3 right sidebar */ .thirdright .col1 { width:608px; } .thirdright .col2 { width:292px; margin-right:0; } /* 1/4 left sidebar */ .quarterleft .col1 { width:213px; margin-right:24px; } .quarterleft .col2 { width:688px; margin-right:0; } /* 1/4 right sidebar */ .quarterright .col1 { width:688px; margin-right:24px; } .quarterright .col2 { width:213px; margin-right:0; } /* right + left sidebars */ .rightleft .col1 { width:213px; margin-right:24px; } .rightleft .col2 { width:451px; margin-right:24px; } .rightleft .col3 { width:213px; margin-right:0; } #main #content .spaceright { margin-right:25px; } #main #content .spaceleft { margin-left:25px; } #main #content .spaceabove { margin-top:25px; } #main #content .spacebelow { margin-bottom:25px; } .hidden { width:0; height:0; overflow:hidden; position:absolute; } #footer { min-height:100px; } #footerinner { color:#fff; position:relative; width:895px; padding:0 15px; margin:0 auto; height:37px; font:12px/14px "Helvetica Neue", Helvetica, Arial; background:transparent url('/assets/img/header-nav-bar-bg2.5.jpg') no-repeat 0 0; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer ul { padding:11px 1em 0 0; } #footer li { display:inline; padding:0 1em 0 0; } #footer a.medialytics { color:#e9f3ad; position:absolute; right:15px; } /* Standard Content Elements */ /* Big Section Titles */ #main div.sectiontitle .col1 { max-width:820px; auto; position:relative; padding:46px 10px 24px; font-size:49px; line-height:42px; font-weight:bold; color:#9c9c9c; } #content .sectiontitle .sectiontitleextra ul { float:left; font-size:13px; line-height:12px; font-weight:normal; list-style:none; padding-left:15px; margin-left:15px; border-left:1px solid #dadada; } /* centered section titles */ #main div.centeredtitle .col1 { padding:52px 0 24px; font-size:33px; line-height:35px; text-align:center; font-weight:bold; color:#333; background:transparent url('/assets/img/rainbow-heading-bg.jpg') 50% 50% no-repeat; } #main div.centeredtitle .col1 p { font-size:18px; line-height:24px; padding-top:10px; font-weight:normal; color:#333; } /* Section Nav */ #content ul.sectionnav { list-style:none; margin:0; padding:0; font-size:17px; line-height:20px; color:#333; } #content ul.sectionnav li { width:239px; margin:0; background:transparent url('/assets/img/sectionnav-lines-bg.gif') 0 0 repeat-y; } #content ul.sectionnav li.active { position:relative; top:-1px; width:265px; background:#fff url('/assets/img/sectionnav-active-bg.gif') no-repeat; } #content ul.sectionnav a { height:20px; display:block; padding:17px 10px 12px 46px; color:#333; text-decoration:none; } #content ul.sectionnav a:hover, #content ul.sectionnav li.active a { color:#0a77d5; } #content ul.sectionnav li.active a:hover { text-decoration:underline; } #content .quarterleft ul.sectionnav li { width:200px; } #content .quarterleft ul.sectionnav li.active { width:213px; background:#fff url('/assets/img/sectionnav-quarter-active-bg.gif') no-repeat; } #content ul.sectionsubnav { list-style:none; margin:0; padding:7px 0 11px 0; font-size:14px; line-height:20px; color:#333; background:transparent url('/assets/img/sectionnav-lines-bg.gif') 0 100% no-repeat;} #content ul.sectionsubnav li { width:265px; margin:0; } /* #content ul.sectionsubnav li.active { position:relative; top:-1px; width:265px; background:#fff url('/assets/img/sectionnav-active-bg.gif') no-repeat; }*/ #content ul.sectionsubnav a { height:20px; display:block; padding:10px 10px 7px 80px; color:#333; text-decoration:none; } #content ul.sectionsubnav a:hover, #content ul.sectionsubnav li.active a { color:#0a77d5; } #content ul.sectionsubnav li.active a:hover { text-decoration:underline; } /* text styles */ #content h2 { padding:11px 18px 0 0; font-size:26px; line-height:30px; font-weight:600; color:#4e4e4e; } #content h2 small { font-size:70%; color:#999; } #content h3 small { font-size:80%; color:#999; } #content h3 { padding:11px 18px 0 0; font-size:19px; line-height:23px; font-weight:bold; color:#4e4e4e; } #content h3.top { padding-top:0; } #content h3.bar { padding:5px 3px 1px 5px; margin-top:18px; background-color:#eee; } #content p, #content pre { color:#555; margin-bottom:18px; } #content p.teamphoto { margin-top:5px; } #content p.small, #content p small { font-size:13px; line-height:16px; } #content p.centeredquote { font-size:22px; line-height:30px; width:600px; margin:0 auto; } #content ul, #content ol { color:#555; margin-bottom:18px; line-height:20px; } #content ul { list-style:disc outside; margin-left:1.5em; } #content ol { list-style:decimal; margin-left:1.5em; } #content li { margin-top:5px; } #content dl { margin-top:18px; } #content dt { font-weight:bold; } #content dl.leftheadings { margin-top:10px; } #content dl.leftheadings dt { float:left; width:18%; text-align:right; } #content dl.leftheadings dd { float:left; padding-left:9px; } /* contact forms */ body.contactpage td { vertical-align:top; padding-top:10px;} body.contactpage #content label { font-size:20px; display:block; width:200px; padding:10px 10px 3px 0; text-align:right; } body.contactpage #content input, #content textarea { width:250px; padding:6px; font-size:20px; border:1px solid #000; } body.contactpage #content select { font-size:20px; width:200px; padding:6px; margin-top:10px; } body.contactpage #content textarea { height:160px; } body.contactpage #content input.submit { border:none; height:2em; width:8em; margin-top:10px; background-color:#0a77d5; color:#fff; font-weight:bold; } body.contactpage #content td em { color:#e00; font-style:normal; } strong { font-weight:bold; } em { font-style:italic; } hr { height:1px; border:none; background-color:#dadada; } /* links */ #content a { color:#4889bd; text-decoration:none; } #content a:hover { text-decoration:underline; } #content p a.go, #content li a.go, #content dl a.go { padding-right:13px; background:transparent url('/assets/img/arrow-right-small.gif') 100% 3px no-repeat; } #content .promobox p a.go { background-position:100% 1px; } #content h2 a.go { padding-right:13px; background:transparent url('/assets/img/arrow-right-small.gif') 100% 9px no-repeat; } #content h3 a.go { padding-right:13px; background:transparent url('/assets/img/arrow-right-small.gif') 100% 4px no-repeat; } /* promoboxes */ #content .promobox { float:left; width:271px; margin:0 0 25px 0; padding:10px; background:#e6e6e7 url('/assets/img/promobox-bg.gif') repeat-x; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #content .promobox h3 { padding:3px 18px 0 0; font-size:17px; line-height:26px; font-weight:normal; color:#333; } #content .promobox p, #content .promobox ul, #content .promobox ol { font-size:14px; line-height:18px; color:#555; margin-bottom:3px; } #content .promobox .promoboximage { padding-left:106px; } #content .promobox .promoboximage h3 { font-size:15px; line-height:24px; } #content .promobox .promoboximage p { font-size:13px; line-height:17px; } #content .thirdleft .col1 .promobox { width:219px; margin:49px 0; } #content .thirdright .col2 .promobox { width:292px; margin:49px 0; } #content .colb { float:right; width:281px; margin:0 0 25px 25px; padding:0 0 0 25px; border-left:1px solid #e4e4e4; } /* Section Title Icons */ .appdevelopers { padding-left:97px; background:transparent url('/assets/img/icons/app-developers-88.png') no-repeat 0 50%; } .advertisers { padding-left:97px; background:transparent url('/assets/img/icons/advertisers-88.png') no-repeat 0 50%; } .inspiration { padding-left:60px; background:transparent url('/assets/img/icons/inspiration-60.png') no-repeat 0 50%; } .oldmac { padding-left:84px; background:transparent url('/assets/img/icons/old-mac-80.png') no-repeat 5px 50%; } .star { padding-left:76px; background:transparent url('/assets/img/icons/star-68.png') no-repeat 0 50%; } .racecar { padding-left:84px; background:transparent url('/assets/img/icons/race-car-76.png') no-repeat 0 50%; } .battery { padding-left:84px; background:transparent url('/assets/img/icons/battery-76.png') no-repeat 0 50%; } .mediarelations { padding-left:84px; background:transparent url('/assets/img/icons/bull-horn-82.png') no-repeat 0 50%; } .contact { padding-left:80px; background:transparent url('/assets/img/icons/mail-bag-76.png') no-repeat 0 50%; } .support { padding-left:80px; background:transparent url('/assets/img/icons/life-preserver-88.png') no-repeat 0 50%; } .ecosystem { padding-left:89px; background:transparent url('/assets/img/icons/tree-88.png') no-repeat 0 50%; } .privacy { padding-left:89px; background:transparent url('/assets/img/icons/police-badge-88.png') no-repeat 0 50%; } .terms { padding-left:89px; background:transparent url('/assets/img/icons/stuffed-folder-88.png') no-repeat 0 50%; } .androidbeta { padding-left:89px; background:transparent url('/assets/img/icons/android-beta-88.png') no-repeat 0 50%; } .androidmarket { padding-left:89px; background:transparent url('/assets/img/icons/android-market-88.png') no-repeat 0 50%; } /* Section Nav Icons */ #content ul.sectionnav a.appdevelopers { background:transparent url('/assets/img/icons/app-developers-36.png') no-repeat 5px 50%; } #content ul.sectionnav a.androidbeta { background:transparent url('/assets/img/icons/android-beta-32.png') no-repeat 5px 50%; } #content ul.sectionnav a.androidmarket { background:transparent url('/assets/img/icons/android-market-36.png') no-repeat 5px 50%; } #content ul.sectionnav a.sdks { background:transparent url('/assets/img/icons/sdks-32.png') no-repeat 6px 50%; } #content ul.sectionnav a.medialytics { background:transparent url('/assets/img/icons/medialytics-24.png') no-repeat 9px 50%; } #content ul.sectionnav a.flexible { background:transparent url('/assets/img/icons/swiss-army-knife-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.support { background:transparent url('/assets/img/icons/user-32.png') no-repeat 6px 50%; } #content ul.sectionnav a.adformats { background:transparent url('/assets/img/icons/storm-36.png') no-repeat 3px 50%; } #content ul.sectionnav a.adnetwork { background:transparent url('/assets/img/icons/ad-network-36.png') no-repeat 4px 50%; } #content ul.sectionnav a.experiences { background:transparent url('/assets/img/icons/honey-spoon-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.advertisers { background:transparent url('/assets/img/icons/advertisers-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.mediarelations { background:transparent url('/assets/img/icons/bull-horn-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.factsheet { background:transparent url('/assets/img/icons/chalkboard-34.png') no-repeat 6px 50%; } #content ul.sectionnav a.executives { background:transparent url('/assets/img/icons/chairs-34.png') no-repeat 6px 50%; } #content ul.sectionnav a.timeline { background:transparent url('/assets/img/icons/alarm-clock-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.pressarchive { background:transparent url('/assets/img/icons/newspapers-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.events { background:transparent url('/assets/img/icons/microphone-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.pressdownloads { background:transparent url('/assets/img/icons/gift-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.contact { background:transparent url('/assets/img/icons/mail-bag-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.privacy { background:transparent url('/assets/img/icons/police-badge-36.png') no-repeat 6px 50%; } #content ul.sectionnav a.terms { background:transparent url('/assets/img/icons/stuffed-folder-36.png') no-repeat 6px 50%; } #content ul.sectionsubnav a.games { background:transparent url('/assets/img/icons/games-36.png') no-repeat 41px 0; } #content ul.sectionsubnav a.social { background:transparent url('/assets/img/icons/speech-bubbles-36.png') no-repeat 40px 0; } #content ul.sectionsubnav a.productivity { background:transparent url('/assets/img/icons/clock-32.png') no-repeat 42px 1px; } /* promobox icons */ #content .promobox .sdks { background:transparent url('/assets/img/icons/sdks-96.png') no-repeat 0 50%; } #content .promobox .medialytics { background:transparent url('/assets/img/icons/medialytics-96.png') no-repeat 0 50%; } #content .promobox .flexible { background:transparent url('/assets/img/icons/swiss-army-knife-96.png') no-repeat 0 50%; } #content .promobox .support { background:transparent url('/assets/img/icons/user-96.png') no-repeat 0 50%; } #content .promobox .adformats { background:transparent url('/assets/img/icons/storm-96.png') no-repeat 0 50%; } #content .promobox .adnetwork { background:transparent url('/assets/img/icons/ad-network-96.png') no-repeat 0 50%; } #content .promobox .androidmarket { background:transparent url('/assets/img/icons/android-market-96.png') no-repeat 0 50%; } #content .promobox .experiences { background:transparent url('/assets/img/icons/honey-spoon-96.png') no-repeat 0 50%; } #content .promobox .factsheet { background:transparent url('/assets/img/icons/chalkboard-96.png') no-repeat 0 50%; } #content .promobox .timeline { background:transparent url('/assets/img/icons/alarm-clock-96.png') no-repeat 0 50%; } #content .promobox .pressarchive { background:transparent url('/assets/img/icons/newspapers-96.png') no-repeat 0 50%; } #content .promobox .events { background:transparent url('/assets/img/icons/microphone-96.png') no-repeat 0 50%; } #content .promobox .executives { background:transparent url('/assets/img/icons/chairs-96.png') no-repeat 0 50%; } #content .promobox .pressdownloads { background:transparent url('/assets/img/icons/gift-96.png') no-repeat 0 50%; } #content .promobox .contact { background:transparent url('/assets/img/icons/mail-bag-96.png') no-repeat 0 50%; } /* iconbox icons */ .iconbox { padding-left:43px; clear:both; } #content .iconbox p { padding:0; line-height:1; } #content .iconbox h3 { line-height:1; } .iconboxappdevelopers { background:transparent url('/assets/img/icons/app-developers-36.png') 0 12px no-repeat; } .iconboxadvertisers { background:transparent url('/assets/img/icons/advertisers-36.png') 0 12px no-repeat; } .iconboxmediarelations { background:transparent url('/assets/img/icons/bull-horn-36.png') 0 9px no-repeat; } .iconboxsupport { background:transparent url('/assets/img/icons/user-32.png') 0 12px no-repeat; } .iconboxtwitter { background:transparent url('/assets/img/icons/twitter-36.png') 0 9px no-repeat; } .iconboxmedialytics { background:transparent url('/assets/img/icons/medialytics-24.png') 5px 11px no-repeat; } .iconboxsdk { background:transparent url('/assets/img/icons/sdks-36.png') 0 9px no-repeat; } .iconboxsdk2 { background:transparent url('/assets/img/icons/sdks2-36.png') 0 9px no-repeat; } .iconboxcontact { background:transparent url('/assets/img/icons/mail-bag-36.png') 0 9px no-repeat; } .iconboxhelp { background:transparent url('/assets/img/icons/life-preserver-36.png') no-repeat 0 50%; } /* WordPress-specific Elements */ .commentlist li, #commentform input, #commentform textarea { font:0.9em 'Myriad Pro', Myriad, 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight:bold; } .commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; } .commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; } .commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; } #commentform p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight:normal; } .navigation { margin-bottom:18px; overflow:hidden; } #content .post h2 { clear:both; font-size:200%; line-height:1.1; } #content .post h2 a { color:#000; text-decoration:none; } #content .post h2 a:hover { color:#2971a7; text-decoration:underline; } .post { margin-bottom:50px; } .post small { font-size:80%; padding-bottom:20px; } /* Begin Images */ p img { padding:0; max-width:100%; } img.centered { display:block; margin-left:auto; margin-right:auto; } img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; } img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; } .alignright { float:right; } .alignleft { float:left } /* End Images */ /* Begin Form Elements */ #searchform { margin:10px auto; padding:0; text-align:center; } #sidebar #searchform #s { width:108px; padding:2px; } #sidebar #searchform input { width:120px; padding:1px; } #sidebar ul { list-style:none; } #content #sidebar ul { margin-left:0; } #content { padding-top:2em; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width:130px; } #commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; } #commentform textarea { width:100%; padding:2px; } #commentform #submit { margin:0; float:right; } /* End Form Elements */