/* Theme Name: Vook */ /* Hiding the adminbar for now, * unless we want to bring it * back for some odd reason */ #wpadminbar{ display: none; } .no_margin_bottom{ margin-bottom: 0; } body{ background-repeat: repeat; } header.head h1{ z-index: 4; text-indent: -9999px; background-image: url("images/logo.png"); background-repeat: no-repeat; background-position: center -4px; height: 103px; width: 140px; left: 17px; position: absolute; } header.head .logo { display:block; width: 100%; height: 103px; } a.try_vook_free{ background-image: url("images/tryvookfree-banner.png"); background-repeat: no-repeat; width: 152px; height: 108px; position: absolute; top: -9px; right: -9px; z-index: 10; } .row h1{ font-weight: normal; } .large.button{ padding: 10px 21px 10px; } .panel.texture{ padding-top: 50px; } .panel.curve{ position:relative; } .quotes{ text-align: right; } .quotes h3 { text-align: left; } .quotes q{ text-align: left; font-size: 1.9em; line-height: 1.3em; font-style: italic; font-family: serif; display: block; margin-top: 22px; margin-bottom: 2px; } q:before,q:after{ font-size: 1.9em; line-height: 20px; vertical-align: middle; } q:before{ content: '“'; margin-left:-30px; } q:after{ content: '”'; } .nav-bar > li { line-height: 32px; margin: 7px 0; } .nav-bar > li:first-child { margin: 7px 0 5px 2px; } .nav-bar > li:last-child { margin: 7px 2px 5px 0; } .nav-bar .button { font-size: 15px; font-size: 1.5rem; } .nav-bar.signup > li { margin: 7px; } .nav-bar.signup > li:first-child{ background-color: #ec008c; } .nav-bar.signup > li:first-child a{ color: #fff; } .nav-bar.signup > li:first-child:hover { background-color: #0192DD; } .nav-bar.signup > li:first-child:active { background-color: #C40075; } .nav-bar > li .flyout{ margin-top: -13px; } .nav-bar > li .flyout a{ padding: 10px 24px; } .nav-bar > li.has-flyout > a.flyout-toggle { padding: 15px 10px; } .nav-bar a { padding: 15px 18px; color: #ec008c; } .nav-bar a:hover, .nav-bar a:focus { color: #2A85E8; } .nav-bar a:active { color: #fff; } .nav-bar.signup a:hover, .nav-bar.signup a:focus, .nav-bar.signup a:active{ color: #fff; } footer.footer{ padding-top: 40px; padding-bottom: 20px; } footer.footer h3,footer.footer h3 a{ color: #eee; vertical-align: top; } footer.footer h3 a{ margin: 0; padding: 0; } footer.footer .need_help h3:before{ content: url(images/heart_footer.png); margin-left: -50px; padding-right: 8px; } footer.footer .need_help p{ font-size: 1.15em; } footer.footer .sit{ padding-top:10px; } footer.footer .message{ padding: 5px 0; } footer.footer #newsletter{ width: 90%; line-height: 24px; } footer.footer label{ color: #eee; font-size: 14px; font-size: 1.4rem; margin-bottom: 0; } footer.footer input[type=submit]{ line-height: 26px; padding: 0; width: 120px; text-align: center; margin-top:10px; } footer.footer li { font-size: 1.05em; margin-bottom: 2px; } footer.footer p { font-size: 1.1em; } footer.footer a{ color: #ddd; } footer.footer nav h4 { color: #eee; font-size: 1.2em; margin-bottom: 4px; } .social_wrapper h3{ display: inline-block; } .social{ position: relative; left: 20px; top: 10px; display: inline-block; vertical-align: middle; } .social li{ float: left; display: inline-block; width: 95px; overflow: hidden; } .connect_facebook, .connect_newsletter, .connect_tumblr, .connect_twitter{ background: url(images/share_sprite.png) no-repeat; display: inline-block; padding-top: 17px; width: 35px; height: 20px; text-indent: 44px; margin-bottom: 12px; } .connect_facebook{ background-position: -0px -0px; } .connect_newsletter{ background-position: -0px -200px; } .connect_tumblr{ background-position: -0px -100px; } .connect_twitter{ background-position: -0px -299px; } .main_hero{ height: 430px; } .tall_hero{ position: relative; min-height:600px; margin-bottom: 40px; } .tall_hero .price_blast{ margin-top: 0; top: 20px; } .tall_hero_images{ overflow:hidden; height: auto; } .tall_hero_images img{ display:none; border-radius: 5px; width: 978px; border: 1px solid rgba(0,0,0,.3); } .tall_hero_content{ position: absolute; top: 0; right: 0; width: 33%; padding: 30px 3.5% 0 0; overflow: hidden; } .tall_hero_content h1 { font-weight: bold; font-size: 33px; font-size: 3.3rem; margin-bottom: 40px; } .tall_hero_content h2{ font-size: 25px; color: #00aeef; } .tall_hero_content ul{ list-style: square; margin-left: 19px; font-size: 14px; font-size: 1.4rem; margin-bottom: 40px; color: #333; } .tall_hero_content p, .look01 p{ font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.2rem; margin: 0; color: #333; } .look01 { margin-top: 40px; text-align:left; } .carousel_wrapper{ overflow: hidden; min-height: 430px; } .carousel_wrapper span{ display: none !important; } .carousel_wrapper .orbit-caption{ display: block; background-color: rgba(0,0,0,.6); z-index: 29; height: 370px; width: 330px; padding: 30px; position: absolute; margin-top: -430px; margin-left: 630px; overflow: hidden; text-align: left; } .carousel_wrapper .orbit-caption h1{ color: #fff; } .carousel_wrapper .orbit-caption ul{ margin-top: 10px; margin-left: 22px; } .carousel_wrapper .orbit-caption ul li{ color: white; font-size: 1.1em; margin-bottom: 14px; } .carousel_wrapper .orbit-caption ul li:before{ content: url("images/dogear.png"); margin-right: 10px; margin-left: -22px; } .carousel_wrapper .orbit-caption a{ margin-top: 30px; } .carousel_wrapper .orbit-caption p{ font-size: 1em; color: white; padding: 5px 0 0 0; } .carousel_wrapper .orbit-caption .btn-center{ display: inline-block; text-align: center; position: absolute; bottom: 0; } .carousel_wrapper .orbit-caption a.button{ font-size: 1.3em; padding: 6px 16px; } div.orbit.with-bullets { margin-bottom: 0; } ul.orbit-bullets{ bottom: -10px; left: auto; right: 30px; z-index: 30; } ul.orbit-bullets li { background: url(images/bullets.png) no-repeat -13px 0; } ul.orbit-bullets li.active { background-position: 0 0; } div.orbit-wrapper div.slider-nav span.right { background: url(images/right-arrow.png) no-repeat 0 0; right: -40px; } div.orbit-wrapper div.slider-nav span.left { background: url(images/left-arrow.png) no-repeat 0 0; left: -40px; } .sm_car_wrapper{ width: 400px; height: 360px; margin-top: 22px; margin-left: 40px; text-align: center; } .sm_car_wrapper .orbit-caption{ display: block; background: none; color: #444; bottom: -35px; } .sm_car_wrapper span.orbit-caption{ display: none; } .lower{ padding: 0 0 40px; min-height: 400px; } .lower hr{ margin: 40px 0; } .lowest{ padding: 40px 0; background-color: #fff; } .lowest .pub-partners{ height: 100px; background-image: url("images/partner_logos.png"); background-repeat: no-repeat; background-position: center; } .share iframe { float: left; margin-top: 0.6em; } .feature-list{ height: 100px; } .vook_features h2{ float: left; } .learnmore{ clear: none; float: right; } .learnmore:after{ content: url("images/small_pink_triangle.png"); margin-left: 3px; } .feature-list{ clear: both; padding-top: 20px; } .feature-list li{ float: left; width: 13%; margin-right: 1%; height: 90px; text-align: center; background-image: url("images/features_icons.png"); background-repeat: no-repeat; background-position: center 0; overflow: visible; } .feature-list li:nth-child(2){ background-position: center -90px; } .feature-list li:nth-child(3){ background-position: center -180px; } .feature-list li:nth-child(4){ background-position: center -270px; } .feature-list li:nth-child(5){ background-position: center -360px; } .feature-list li:nth-child(6){ background-position: center -450px; } .feature-list li:nth-child(7){ background-position: center -540px; } .feature-list li span{ position: relative; top: 90px; } .what .whats_vook_paragraph p{ font-size: 16px; font-size: 1.6rem; } .what figure{ height: 200px; margin: 20px 0; } .what figure img{ -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.3); box-shadow: 0 1px 7px rgba(0,0,0,.3); width: 100%; } .what .signupbutton{ padding-top: 30px; margin-bottom: 40px; border-top: 2px solid #ccc; } .pricing .panel{ margin-top: 20px; } .pricing .signup{ text-align: center; } .tool_features{ margin: 30px 0 40px; font-size: 16px; } .panel.blue.radius{ text-align: center; color: #333; } .panel.blue.radius h2{ float: none; } .panel.blue.radius h4{ color: #555; font-weight: normal; font-size: 26px; font-size: 2.6rem; } .pricing .ribbon h3{ margin:0; line-height: 40px; float: left; clear: none; color: #fff; font-size: 32px; font-size: 3.2rem; } .pricing .ribbon p{ margin: 0; float: right; clear: none; width: 60%; line-height: 20px; font-size: 1.7rem; } .pricing .ribbon.gray{ top: -21px; left: 39px; font-size: 16px; font-size: 1.6rem; text-shadow: 0 1px 0 rgba(0,0,0,.4); } .pricing .row-border.alt-background{ width: 80%; margin: 0 auto; } .pricing .row-border.alt-background tbody tr:first-child td{ padding-top: 20px; padding-bottom: 2px; } .pricing .row-border.alt-background td{ padding: 2px 10px; } .pricing .row-border.alt-background tr td:last-child{ text-align:center; } .pricing .bottom{ margin-bottom: 0; padding-bottom: 40px; } .pricing .bottom ul:not(.social) li, .bottom_content ul:not(.social) li{ list-style: disc; margin: 6px 0; margin-left: 18px; } table.radius.cyan{ width: 100%; } .subscription_header{ clear: both; margin: 50px 0 18px; } .subscription.panel.simple{ background: none; border: none; box-shadow: none; width: 75%; padding: 0; margin: 0 auto; } .subscription h3{ margin-bottom: 30px; } .subscription td small{ display: block; font-size: 12px; font-size: 1.2rem; line-height: 1.8rem; margin-top: 8px; } .subscription tr:last-child td small{ margin-top:15px; } .nice.gray.panel.radius{ display: inline-block; min-height: 304px; width: 32.3%; z-index: 8; vertical-align: middle; margin: 0; padding: 15px 0 10px; position: relative; } .nice.gray.panel.radius:nth-child(2){ -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.4); -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.4); box-shadow: 0 2px 5px 1px rgba(0,0,0,.4); min-height: 314px; z-index: 12; margin-left: -1%; margin-right: -1%; width: 35.5%; } .nice.gray.panel.radius table, .nice.gray.panel.radius table tr, .nice.gray.panel.radius table th, .nice.gray.panel.radius table td, .nice.gray.panel.radius table thead{ background: none; border: none; width: 100%; text-align: center; vertical-align: bottom; } .nice.gray.panel.radius table{ width: 70%; margin: 0 15%; } .nice.gray.panel.radius table th{ color: #00aeef; font-size: 25px; font-size: 2.5rem; } .nice.gray.panel.radius table th small{ font-size: 14px; font-size: 1.4rem; color: #666; display: block; font-weight: normal; font-style: italic; margin-top: 6px; } .nice.gray.panel.radius table tr:first-child td{ font-size: 25px; font-size: 2.5rem; padding-bottom: 8px } .nice.gray.panel.radius td{ padding: 9px 7px; } .nice.gray.panel.radius table td h4{ color: #00aeef; display: inline-block; margin: 0; padding: 0; } .nice.gray.panel.radius table tbody tr:nth-child(2){ border-top: 1px solid #555; border-bottom: 1px solid #555; } .blue.panel.bottom.radius{ margin: 0 auto; margin-top: -16px; z-index: 1; width: 500px; padding: 25px 20px 15px; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 18px; font-weight: bold; } .blue.panel.bottom.radius small{ display: block; font-size: 12px; font-size: 1.2rem; margin-top: 6px; } .blue.panel.bottom.radius small a{ color: #ec008c; font-weight: normal; } .price_blast{ position: absolute; z-index: 100; margin-top: -40px; margin-left: -8px; } .tool_features li{ float: left; width: 50%; margin-bottom: 15px; } .tool_features li:nth-child(odd){ clear: left; } .distribution ul{ margin-top: 20px; margin-bottom: 30px; } .distribution .twelve.columns.small{ margin-top: 20px; margin-bottom: 60px; } .distribution table.distro_table{ width: 100%; } .distribution table.distro_table th, .distribution table.distro_table td{ padding: 15px; } .distribution table.distro_table th{ font-size: 16px; font-size: 1.6rem; } .small { font-size: .8em; } .investor_logos{ height: 200px; background-image: url("images/investor_logos.png"); background-repeat: no-repeat; background-position: center; } .news_blog article{ padding: 10px 0 40px; } .news_blog article:last-child{ border-bottom: none; } .news_blog header h3, .single header h3{ font-size: 1.6em; margin: 0; } .news_blog header h4, .single header h4{ font-size: 1em; } .news_blog article p{ clear: both; } .news_blog article section:first-child{ display: block; width: auto; margin-bottom: 15px; } .news_blog .nine.columns { border-bottom: 1px solid rgba(0,0,0,.1); } .news_blog h6, .single h6{ margin-bottom: 5px; font-size: 12px; font-size: 1.2rem; font-weight: bold; } .single .cat_tag_share h6{ margin-top: 20px; } .single .cat_tag_share h6:first-child{ margin-top: 0; } .news_blog .post{ zoom: 1; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 30px; margin-bottom: 30px; } .news_blog .post:before, .news_blog .post:after{ clear: both; } .news_blog .post img{ float: left; width: 24%; } .news_blog .post p{ clear: none; width: auto; } .news_blog .post a + p, .news_blog .post img + p{ width: 74%; margin-left: 2%; float: left; } .news_blog .post header{ margin-bottom: 20px; } .news_blog .post header h2{ margin-bottom: 0; } .news_blog .post footer{ top: 10px; clear: both; position: relative; } .news .nine.columns { padding-bottom: 25px; } .news article section img{ float: left; width: 24%; } .news article section p{ clear: none; width: auto; } .news article section a + p, .news article section img + p{ width: 74%; margin-left: 2%; float: left; } .blog header img, .single header img{ float: left; width: 80px; height: 80px; margin: 0 10px 10px 0; } .blog header img + hgroup{ float: left; max-width: 375px; } .single header img + hgroup{ float: left; max-width: 380px; } .blog article a .wp-post-image { display: none; } .addthis_toolbox.addthis_ { display: block; clear: left; position: relative; top: 10px; margin: 10px 0 20px; } .addthis_toolbox.addthis_:before { content: "Share"; display: inline; float: left; margin-right: 10px; font-size: 16px; font-weight: bold; } .addthis_toolbox.addthis_32x32_style{ margin-bottom:-14px; } .addthis_toolbox.addthis_32x32_style a{ margin:0; padding:0; margin-right: 7px; margin-bottom: 14px; } aside.sidebar li h5{ font-weight:bold; } aside.sidebar > ul > li{ margin-bottom: 30px; } aside.sidebar .author_images li{ float: left; margin-bottom: 6px; margin-right: 12px; } aside.sidebar .author_images img{ width: 50px; } .most_recent{ list-style: square; margin-left: 20px; } .most_recent li{ font-size: 20px; font-size: 2rem; line-height: 12px; line-height: 1.2rem; margin-bottom: 6px; } .most_recent li a{ font-size: 12px; font-size: 1.2rem; position: relative; top: -2.5px; left: -4px; } .yearly_archive h6{ color: #ec008c; cursor: default; margin-left: 14px; margin-bottom:6px; font-size: 12px; font-size: 1.2rem; } .yearly_archive h6:before{ border-style: solid; border-color: transparent transparent transparent #888; border-width: 4px 8px; content: ' '; height: 0; width: 0; position: absolute; left: 0; margin-top: 2px; } .yearly_archive h6.showing:before{ border-color: #888 transparent transparent transparent; border-width: 8px 4px; } .yearly_archive ul{ display: none; margin-left: 14px; } .yearly_archive li{ margin-bottom: 6px; } .tags li{ margin-bottom: 5px; font-size: 10px; font-size: 1.0rem; line-height:10px; line-height: 1.0rem; } .single article p{ margin: 20px 0; } #commentform p.form-allowed-tags{ font-size: .9em; } form#commentform div.form-field input, form#commentform input.input-text, form#commentform textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; width: 100%; } form div.form-field input, form#commentform input.input-text, form#commentform textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(img/input-bg.png) #fff; } form#commentform div.form-field input:focus, form#commentform input.input-text:focus, form#commentform textarea:focus { background-color: #f9f9f9; } /* Text input and textarea, disabled */ form#commentform div.form-field input[disabled], form#commentform input.input-text[disabled], form#commentform textarea[disabled] { background-color: #ddd; } form#commentform fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } form#commentform div.form-field input[type=radio], form#commentform div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; } form#commentform input[type=submit] { background-color: #ec008c; border: 3px solid #fff; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; -moz-box-shadow: 0 1px 4px rgba(0,0,0,.50); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.50); box-shadow: 0 1px 4px rgba(0,0,0,.50); display: inline-block; text-align: center; padding: 9px 34px 11px; color: #fff; text-decoration: none; font-weight: bold; font-size: 16px; font-size: 1.6rem; line-height: 1; font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; position: relative; cursor: pointer; outline: none; margin: 0; } form#commentform input[type=submit]:hover, form#commentform input[type=submit]:focus { background-color: #0092c8; border: 3px solid #fff; } /* Breadcrumb styles for site */ .next_previous { display: block; background: #f4f4f4; margin-bottom: 10px; padding: 2px 10px; border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; } .next_previous a{ line-height: 50px; color: #444; float:left; } .next_previous a:last-child{ float: right; } .contact .love_support_box{ background-image: url("images/loveandsupport_box.png"); background-repeat: no-repeat; background-position: top left; width: 236px; height: 60px; padding: 8px 10px 10px 46px; overflow: hidden; float: right; clear: none; margin-top: -90px; font-size: 12px; font-size: 1.2rem; } .contact .love_support_box h4{ font-size: 15px; font-size: 1.5rem; margin-bottom: 6px; font-weight: normal; } .contact .panel.curve{ padding: 40px; } .contact .right{ width: 300px; height: 480px; } .contact .right p{ font-size: 18px; font-size: 1.8rem } .contact .right input[type=text], .contact .right select, .contact div.custom.dropdown, .contact .right textarea{ width: 300px !important; margin: 0 0 16px 0 !important; white-space: nowrap; } .contact .right input[type=submit]{ float: right; } .contact .right textarea{ height: 110px; } .contact .right select{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; line-height: 23px; font-size: 14px; color: #666; border: 0; outline: 0; padding: 0 20px 0 5px; border: 1px solid #CCC; background-image: url("images/small_pink_triangle_dropdown.png"); background-repeat: no-repeat; background-position-x: 97%; background-position-y: 45%; } .contact .right .loading{ background-image: url("images/loading.gif"); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; position: relative; left: 160px; top: 14px; visibility: hidden; } .team-investors h2{ margin-bottom: 30px; } .team-investors article{ padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; } .team-investors article header{ margin-bottom: 20px; } .team-investors article header h3{ margin-bottom: 0; } .team-investors article p{ margin: 0 !important; } .article_content img{ padding: 4px 15px; } .wp-caption-text{ font-size: 10px; margin-top: 0; } .alignright { float: right; clear: both; padding-right: 0; } .alignright img{ padding-right: 0; } .alignleft { float: left; clear: both; padding-left: 0; } .alignleft img{ padding-left: 0; } .size-small{ width: 150px; } .size-medium{ width: 230px; } .size-large{ width: 310px; } .copyright{ font-size: 11px; font-size: 1.1rem; margin-top: 30px; } @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch .nav-bar a { padding: 15px 23px; } .touch .nav-bar li.has-flyout>a.flyout-toggle { padding: 15px 10px; } } article.comment{ -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(0,0,0,.2); background-color: #efefef; padding: 20px; margin-bottom: 20px; } article.comment.odd{ background-color: #fff; }