/* Digital Visions Queenstown W: http://dvq.co.nz/ E: contact@dvq.co.nz SCREEN.CSS */ @import url(reset.css); /* RESET CSS */ /* @license * MyFonts Webfont Build ID 1330890, 2011-10-06T01:29:11-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Museo Sans 300 by exljbris * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/ * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved. * Licensed pageviews: 100,000 * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=1330890 * * © 2011 Bitstream Inc */ @font-face { font-family: 'MuseoSans-300'; src: url('../type/144ECA_0.eot'); src: url('../type/144ECA_0.eot?#iefix') format('embedded-opentype'),url('../type/144ECA_0.woff') format('woff'),url('../type/144ECA_0.ttf') format('truetype'),url('../type/144ECA_0.svg#wf') format('svg'); } /* @license * MyFonts Webfont Build ID 1330888, 2011-10-06T01:28:58-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Museo Sans 100 by exljbris * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/100/ * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved. * Licensed pageviews: 100,000 * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=1330888 * * © 2011 Bitstream Inc */ @font-face { font-family: 'MuseoSans-100'; src: url('../type/144EC8_0.eot'); src: url('../type/144EC8_0.eot?#iefix') format('embedded-opentype'),url('../type/144EC8_0.woff') format('woff'),url('../type/144EC8_0.ttf') format('truetype'),url('../type/144EC8_0.svg#wf') format('svg'); } /* BASE ---------------------------- */ body { background: rgb(251,252,249) url(../img/ui/bg-repeat.gif) repeat 0 0; color: rgb(86,96,106); text-shadow: 1px 1px 0px rgb(256,256,256); font: 85%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; } /* FONTs ---------------------------- */ /* "DekarRegular" A font by http://www.fontfabric.com */ @font-face { font-family: 'DekarRegular'; src: url('../type/dekar-webfont.eot'); src: local('☺'), url('../type/dekar-webfont.woff') format('woff'), url('../type/dekar-webfont.ttf') format('truetype'), url('../type/dekar-webfont.svg#webfontrkwgAwz2') format('svg'); font-weight: normal; font-style: normal; } p { margin: 0 0 1.5em 0; } strong { font-weight: bold; } em, i { font-style: italic; } h1 { font: 220%/1.6em 'MuseoSans-100', Helvetica, Arial, sans-serif; color: rgb(256,256,256); letter-spacing: -1px; } h2 { font: 220%/1.6em 'MuseoSans-100', Helvetica, Arial, sans-serif; color: rgb(33,166,243); letter-spacing: -1px; } h2.blog { padding: 47px 0 0; line-height: 1em; } h3 { font: 160%/1.6em 'MuseoSans-300', Helvetica, Arial, sans-serif; color: rgb(85,79,86); } h4 { font: 115%/1.6em Helvetica, Arial, sans-serif; color: rgb(85,79,86); margin: 1.5em 0; text-transform: uppercase; font-weight: bold; } h5 { } h6 { } blockquote { font-style: normal; } blockquote p { border-left: 3px solid rgb(203,203,203); padding: 0.5em 0 0.5em 1.5em; margin: 0 0 1.5em 1.5em; } pre { white-space: pre; } pre, code { font: 1em 'Andale Mono', 'Lucida Console', Monospace; line-height: 1.5em; margin: 1.5em 0; display: block; } /* LINKS ------------------------------------------------------------------ */ a, a:visited { outline: none; color: rgb(33,166,243); text-decoration: none; } a:hover { color: rgb(123,192,0); text-decoration: none; } a:active, a:focus { color: rgb(145,120,194); } a { -moz-transition-duration: .33s; -moz-transition-property: color,; -webkit-transition-duration: .33s; -webkit-transition-property: color; -o-transition-duration: .33s; -o-transition-property: color; } /* IMGs ---------------------------- */ img { padding: 4px; border: 1px solid rgb(212,205,206); background: rgb(231,231,231); } .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .aligncenter { margin: 0 auto 1.5em auto; display: block; } /* LISTs ---------------------------- */ ul, ol { margin-bottom: 1.5em; list-style: none; } ul li { background: url(../img/ui/default-bullet.gif) 0.6em 0.6em no-repeat; padding-left: 1.7em; margin-bottom: 0.2em; } ol li { list-style-type: decimal; list-style-position: inside; margin-bottom: 0.2em; } ul li ul, ol li ol { margin: 0.2em 0 0 0; } ol li ol li { margin-left: 1.7em; } /* - CONTENT START ----------------------------------------------------------------------------------------------------- */ /* CONTAINERs ---------------------------- */ .container { width: 940px; margin: 0px auto; position: relative; } .divider-repeat { background: url(../img/ui/divider-repeat.gif) repeat-y 601px 0; } .bg-cover-top { width: 2px; height: 69px; background: url(../img/ui/bg-repeat.gif) repeat 0 0; position: absolute; top: 0; left: 601px; } .bg-cover-bottom { width: 2px; height: 67px; background: url(../img/ui/bg-repeat.gif) repeat 0 0; position: absolute; bottom: 0; left: 601px; } /* HEADER ---------------------------- */ #header { width: 100%; height: 60px; background: rgb(36,37,41) url(../img/ui/header-bg-repeat.gif) repeat-x 0 0; border-bottom: 1px solid rgb(256,256,256); } a#logo { background: url(../img/ui/logo-bg.gif) no-repeat 0 0; padding: 9px 0 0 0; float: left; display: block; color: rgb(256,256,256); text-shadow: 1px 1px 0px rgb(0,0,0); } a#logo:hover { color: rgb(256,256,256); } /* TOP NAV ---------------------------- */ #top-nav { float: right; margin: 0; } #top-nav ul li { float: left; height: 60px; line-height: 60px; text-transform: uppercase; background: url(../img/ui/top-nav-divider.gif) no-repeat 0 50%; padding: 0 0 0 22px; margin: 0 0 0 18px; } #top-nav ul li a { color: rgb(161,161,161); text-shadow: 1px 1px 0 rgba(0,0,0,0.5); display: block; } #top-nav ul li a:hover { color: rgb(256,256,256); } #top-nav ul li#top-nav-home a { width: 18px; height: 18px; overflow: hidden; margin: 19px 2px 0 0; display: block; text-indent: -9999px; background: url(../img/ui/top-nav-home-icon.gif) no-repeat 0 0; -moz-transition: none; -webkit-transition: none; -o-transition: none; } #top-nav ul li#top-nav-home a:hover { background-position: 0% 100% } /* INTRO ---------------------------- */ #intro { width: 100%; background: url(../img/ui/intro-bg-repeat.gif) repeat-x 0 0; padding: 44px 0 15px 0; } #intro-product { width: 100%; background: url(../img/ui/intro-bg-repeat.gif) repeat-x 0 0; padding: 44px 0 0px 0; } /* HOME INTRO ---------------------------- */ #intro-wrapper-home { width: 100%; background: url(../img/ui/intro-home-divider.gif) no-repeat 50% 0; } #intro-geekbench-column { width: 293px; float: left; padding: 0 0 30px 81px; text-align: center; } #intro-geekbench-icon { width: 293px; height: 263px; background: url(../img/ui/intro-geekbench-icon.jpg) no-repeat 0 0; display: block; text-indent: -9999px; } .version-number a, .version-number a:hover { font: 45% "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(128,138,148); text-transform: uppercase; margin-left: 8px; } #intro-geekbench-column p { margin: 0; } #intro-geekbench-column p a { color: rgb(86,96,106); padding-right: 20px; background: url(../img/ui/intro-arrow-icon.gif) no-repeat 100% 50%; } #intro-geekbench-column p a:hover { color: rgb(123,192,0);} #intro-wiinote-column { width: 293px; float: right; padding: 0 81px 30px 0; text-align: center; } #intro-wiinote-icon { width: 293px; height: 263px; background: url(../img/ui/intro-wiinote-icon.jpg) no-repeat 0 0; display: block; text-indent: -9999px; } #intro-wiinote-column p { margin: 0; } #intro-wiinote-column p a { color: rgb(86,96,106); padding-right: 20px; background: url(../img/ui/intro-arrow-icon.gif) no-repeat 100% 50%; } #intro-wiinote-column p a:hover { color: rgb(123,192,0); } /* GEEKBENCH INTRO ---------------------------- */ #intro-wrapper-geekbench { width: 100%; background: url(../img/ui/intro-geekbench-icon.jpg) no-repeat 50% 0; } #intro-geekbench-column-2 { width: 293px; float: left; padding: 43px 0 30px 0px; } #intro-geekbench-column-2 .version-number { font: 45% "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(128,138,148); text-transform: uppercase; margin-left: 8px; } #intro-geekbench-column-2 p { margin: 0; } /* WIINOTE INTRO ---------------------------- */ #intro-wrapper-wiinote { width: 100%; background: url(../img/ui/intro-wiinote-icon.jpg) no-repeat 50% 0; } #intro-wiinote-column-2 { width: 293px; height: 189px; float: left; padding: 43px 0 30px 0px; } #intro-wiinote-column-2 .version-number { font: 45% "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(128,138,148); text-transform: uppercase; margin-left: 8px; } #intro-wiinote-column-2 p { margin: 0; } /* ALL PRODUCT INTROs ---------------------------- */ #intro-screenshots-column { width: 293px; float: right; padding: 60px 0px 30px 0; } #intro-screenshots-column img.topleft { float: left; margin-bottom: 10px; display: inline; } #intro-screenshots-column img.topright { float: right; margin-bottom: 10px; display: inline; } #intro-screenshots-column img.bottomleft { float: left; margin-left: 21px; display: inline; } #intro-screenshots-column img.bottomcenter { float: left; margin: 0 10px; display: inline; } #intro-screenshots-column img.bottomright { float: left; display: inline; } #download-box { width: 100%; float: left; background: url(../img/ui/download-bg-repeat.gif) repeat-x 0 28px; text-align: center; margin: 15px 0 0 0; } #download-button-wrapper { width: 123px; height: 46px; background: url(../img/ui/download-button-bg.gif) no-repeat 0 0; display: block; margin: 0 auto; padding: 10px 0 0 0; } #download-button { width: 103px; height: 36px; background: url(../img/ui/download-button.gif) no-repeat 0 0; display: block; text-indent: -9999px; margin: 0 auto; } #download-button:hover { background-position: bottom left; } #download-info { font-size: 85%; color: rgb(136,152,166); text-transform: uppercase; } #download-info p { margin-bottom: 0; } #mas-button { width: 133px; height: 40px; background: url(../img/ui/mas_133_40.png) no-repeat 0 0; display: block; margin: 0 auto; text-indent: -9999px; } #appstore-button { width: 116px; height: 40px; background: url(../img/ui/appstore_116_40.png) no-repeat 0 0; display: block; margin: 0 auto; text-indent: -9999px; } #androidmarket-button { width: 117px; height: 45px; background: url(../img/ui/android_market.png) no-repeat 0 0; display: block; margin: 0 auto; text-indent: -9999px; } /* CONTACT INTRO ---------------------------- */ #intro-wrapper-contact { width: 940px; margin: 0 auto; background: url(../img/ui/intro-contact-bg.gif) no-repeat 100% 85%; } #intro-contact-column { width: 940px; float: left; padding: 43px 0 0px 0px; } /* DOWNLOADS INTRO ---------------------------- */ #intro-wrapper-downloads { width: 940px; margin: 0 auto; background: url(../img/ui/intro-downloads-bg.gif) no-repeat 100% 85%; } #intro-downloads-column { width: 940px; float: left; padding: 43px 0 0px 0px; } /* INFO COLUMNS ---------------------------- */ #info-columns { width: 100%; background: url(../img/ui/info-columns-bg.gif) repeat 0 0; color: rgb(141,141,141); } #info-columns-wrapper { width: 100%; background: url(../img/ui/info-columns-wrapper-bg.gif) repeat-x 0 0; padding-top: 71px; } #info-column-left { width: 293px; float: left; padding: 0 30px 50px 0; } #info-column-center { width: 293px; float: left; padding-bottom: 50px; } #info-column-right { width: 293px; float: right; padding-bottom: 50px;} .info-column-box { float: left; display: inline; margin-top: 30px; width: 291px; border: 1px dotted rgb(205,205,205); background: url(../img/ui/info-column-box-bg.gif) repeat 0 0; -moz-box-shadow: 0px 0px 10px rgba(111,111,111,0.1); -webkit-box-shadow: 0px 0px 5px rgba(111,111,111,0.1); box-shadow: 0px 0px 5px rgba(111,111,111,0.1); } .info-column-box-header { background: url(../img/ui/info-column-box-header.gif) repeat-x 0 0; height: 70px; margin-bottom: 16px; } .info-column-box-header h3 { padding: 20px 0 0 10px; float: left; } .header-icon { height: 36px; margin: 16px 0 0 19px; background: url(../img/ui/header-icons.gif) no-repeat 0 0; float: left; display: inline; } .header-icon-from-the-blog { background-position: 0 -13px; width: 22px; } .header-icon-latest-tweets { background-position: -62px -13px; width: 39px; } .header-icon-support { background-position: -124px -13px; width: 30px; } .header-icon-multicore { background-position: -186px -13px; width: 30px; } .header-icon-64-bit { background-position: -248px -13px; width: 29px; } .header-icon-rosetta { background-position: -310px -15px; width: 24px; } .header-icon-one-click-benchmark { background-position: -62px -74px; width: 22px; } .header-icon-cross-platform { background-position: 0px -74px; width: 35px; } .header-icon-results-browser { background-position: -124px -75px; width: 29px; } .header-icon-unlock { background-position: -248px -137px; width: 21px; } .header-icon-simple { background-position: -124px -136px; width: 29px; } .header-icon-flexible { background-position: -186px -136px; width: 29px; } .header-icon-general { background-position: -310px -74px; width: 30px; } .header-icon-sales { background-position: 0px -138px; width: 25px; } .header-icon-media { background-position: -62px -138px; width: 41px; } .header-icon-official-releases { background-position: -310px -137px; width: 36px; } .header-icon-experimental-builds { background-position: 0px -199px; width: 28px; } .header-icon-system-requirements { background-position: -62px -199px; width: 33px; } .info-column-box p { padding: 0 19px; } .info-column-box strong { color: rgb(86,96,106); } .info-column-box ul { padding: 0 19px; } #buy-now-button-wrapper { width: 291px; height: 76px; margin: 0 0 20px 0; background: url(../img/ui/buy-now-button-bg.gif) no-repeat 0 0; display: block; } #buy-now-button { width: 94px; height: 36px; margin: 20px 0 0 19px; background: url(../img/ui/buy-now-button.gif) no-repeat 0 0; float: left; display: block; text-indent: -9999px; } #buy-now-button:hover { background-position: bottom left; } #info-column-doublewide { width: 616px; float: right; padding-bottom: 50px; } .info-column-box-doublewide { float: left; display: inline; margin-top: 30px; width: 614px; border: 1px dotted rgb(205,205,205); background: url(../img/ui/info-column-box-bg.gif) repeat 0 0; -moz-box-shadow: 0px 0px 10px rgba(111,111,111,0.1); -webkit-box-shadow: 0px 0px 5px rgba(111,111,111,0.1); box-shadow: 0px 0px 5px rgba(111,111,111,0.1); } .info-column-box-doublewide p { padding: 0 19px; } #doublewide-left { width: 303px; float: left; padding: 0 25px 0 19px; margin-bottom: 19px; border-right: 1px dotted rgb(205,205,205); } #doublewide-right { width: 223px; float: right; padding: 0 19px; } #doublewide-left p, #doublewide-right p { padding: 0; } #doublewide-left strong, #doublewide-right strong { border-top: 1px dotted rgb(205,205,205); width: 100%; display: block; padding: 14px 0 0 0; } /* FEED BOX ---------------------------- */ #feed { } #feed ul li { margin: 0 0 1.5em 0; padding: 0; background: none; } /* TWEET BOX ---------------------------- */ .tweet ul li { margin: 0 0 1.5em 0; padding: 0; background: none; } .tweet_time { text-transform: uppercase; font-size: 75%; width: 100%; display: block; } .info-column-box .twitter-link-home { border-top: 1px dotted rgb(205,205,205); padding: 16px 0 0 0; margin: 0 19px 19px 19px; } /* BLOG ---------------------------- */ /* MAIN CONTENT ---------------------------- */ #main-content { width: 557px; float: left; padding: 20px 0 50px 0; } #fullwidth { width: 100%; } .metadata { color: rgb(157,157,157); } /* RELATED POSTS ---------------------------- */ #related { border-top: 1px dotted rgb(205,205,205); padding: 20px 0 0 0; } #related h3 { margin: 0 0 5px 0; } /* TABLES ---------------------------- */ table { border-bottom-width: 1px; border-top-width: 1px; border-collapse: collapse; border-top: #d3d3d3 solid; border-bottom: #d3d3d3 solid; font-size: 12px; width: 100%; margin-bottom: 1.5em; } td { padding: 10px 5px 10px 5px; line-height: 1.2em; } tr { border-top: #d3d3d3 1px solid; border-bottom: #d3d3d3 1px solid; } .benchmark-desc, .submit-time { font-size: 10px; } th { line-height: 1.25em; text-align: left; font-weight: bold; } th.first-child, th.only-child { width: 150px; } th.last-child, td.last-child { } .benchmark-name { width: 200px; background-image: none; } .benchmark-score { text-align: center; vertical-align: center; font-size: 120%; width: 50px; } .benchmark-graph { vertical-align: center; } .benchmark-container { } .benchmark-bar { background-color: #44a4f0; background-image: url(../img/ui/graph-background.png); height: 30px; } .alt.benchmark-bar { background-color: #c0fd6b; background-image: url(../img/ui/graph-background2.png); } /* SIDEBAR ---------------------------- */ #sidebar { width: 293px; float: right; padding: 62px 0 50px 0; } #sidebar h3 { margin: 0 0 5px 0; } .our-products-heading { border-top: 1px dotted rgb(205,205,205); padding: 18px 0 0 0; } /* FOOTER ---------------------------- */ #footer { width: 100%; background: url(../img/ui/footer-bg-repeat.gif) repeat-x 0 0; line-height: 1.3em; } #copyright { padding: 30px 0; margin: 0; color: rgb(179,179,179); float: left; } #footer-nav { float: right; margin: 30px 0 0 0; } #footer-nav ul li { float: left; background: none; margin: 0; padding: 0; } #footer-nav ul li a { color: rgb(132,148,162); display: block; border-bottom: 2px solid rgb(225,225,225); } #footer-nav ul li a:hover { color: rgb(123,192,0); border-bottom: 2px solid rgb(235,235,235); } #footer-nav ul li.divider { padding: 0 20px; color: rgb(224,224,224); } /* - CONTENT END ----------------------------------------------------------------------------------------------------- */