/* Theme Name: 500 Framework Theme URI: http://Theme500.com/ Description: Theme 500 is the original WordPress crowdfunding theme, built for the IgnitionDeck plugin in order to offer a beautiful grid-based layout for projects, a first of its kind project template, and easy to install child themes. Author: Virtuous Giant Version: 1.02 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, white, blue, one-column, two-columns, right-sidebar, theme-options, full-width-template, custom-menu */ /* @group Reset */ /*This is where everything gets reset to zero, so we can start from a clean slate. Don't touch anything in here.*/ 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} /* @end */ /* @group Basic Wordpress Styles */ /* Images -------------------------------------------------------------- */ .entry-content img { margin: 0 0 1.5em 0; } .entry-content img.transparent { border: none; padding: 0; background-color: transparent; } .entry-content img.size-projectpage-large { width: 100%; height: auto; padding: 0; } .entry-content img.singlethumb { margin: -11px 0 0 0 !important; } .entry-content img { max-width: 100%; height: auto; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright, img.alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1.5em; background: rgb(252,252,252); border: 1px solid #ddd; font-size: .8em; } .wp-caption img { border: 0 none; margin: 4px 0 0 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0 !important; } .wp-smiley { max-height: 1em; margin:0 !important; } .gallery dl { margin: 0; } .gallery-caption { margin:-1.5em 0 0 0; } /* Pullquotes -------------------------------------------------------------- */ blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; } blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; } /* @end */ /* @group Basic Layout */ body { margin: 0; height: 100%; height: auto; } header#header { padding: 10px 0; margin: 10px auto 0; width: 90%; max-width: 960px; position: relative; height: 50px; } #branding { max-width: 300px; margin: 0; display: inline-block; vertical-align: middle; } #branding img#logo { max-height: 50px; max-width: 300px; } #branding img#logo:hover { max-height: 50px; max-width: 300px; opacity: .9; } #site-description { position: relative; margin: 0 auto 10px auto; width: 100%; max-width: 960px; } .home #site-description { width: 100%; } #container { width: 90%; min-width: 320px; max-width: 960px; margin: 0 auto; clear: both; padding: 0; } footer { padding: 20px 0; margin: 0 auto; width: 960px; } .clear { clear: both; } /* @end */ /* @group Basic Style */ body { color: #616161; background: rgb(250,250,250); font-family: Helvetica, Verdana, Arial, Geneva, sans-serif; font-size: 16px; } body a { color: #181818; } body a:hover, body a:active { color: #41aac7; } .home #about-us.entry-content { width: 60%; max-width: 960px; float: left; padding: 0; } #home-widget { padding: 0; margin: 0; } #home-widget #sidebar { width: 30%; margin: 0 0 0 5%; } #home-widget #sidebar li.widget-container { margin: 0 0 15px 0; padding: 0 10px; } #about-us h3.sub-entry-title { display: block; } .archive #content { width: 100%; max-width: 960px; } hr.fancy { display: block; height: 2px; border: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin: 0 0 1em 0; padding: 0; background-color: transparent; } /* @end */ /* @group Article and Comment styling */ /* =Main content and comment content -------------------------------------------------------------- */ .entry-meta { clear: both; } .entry-header { margin-bottom: 24px; } .entry-header img.wp-post-image { margin-bottom: 24px; } .entry-header .entry-title { font-size: 20px; line-height: 1.2; font-weight: normal; } .entry-header .entry-title a { text-decoration: none; } .entry-header .entry-format { margin-top: 24px; font-weight: normal; } .entry-header .comments-link { margin-top: 24px; font-size: 13px; line-height: 1.846153846; color: #181818; } .comments-link a, .entry-meta a { color: #181818; text-decoration: none; } .comments-link a:hover, .entry-meta a:hover { color: #41aac7; } .entry-footer { display: block; text-align: right; margin: 5px 0 20px 0; } .entry-footer a { font-size: 10px; color: #30303f; padding: 3px 5px; text-decoration: none; } article.sticky .featured-post { color: #757575; font-size: 13px; line-height: 3.692307692; margin-bottom: 24px; text-align: center; } .entry-content, .entry-summary, .mu_register { line-height: 1.714285714; } .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; line-height: 1.714285714; color: #30303f; } #content h1, .entry-content h1, .comment-content h1 { font-size: 28px; line-height: 1.5; font-weight: bold; } #content h2, .entry-content h2, .comment-content h2, .mu_register h2 { font-size: 24px; line-height: 1.6; padding: 0 0 3px 0; margin: 10px 0 15px 0; } #content h3, .entry-content h3, .comment-content h3 { font-size: 20px; line-height: 1.846153846; padding: 0 0 3px 0; margin: 10px 0 15px 0; } #content h4, .entry-content h4, .comment-content h4 { font-size: 16px; line-height: 1.846153846; font-weight: bold; } #content h5, .entry-content h5, .comment-content h5 { font-size: 14px; line-height: 1.846153846; font-weight: bold; } #content h6, entry-content h6, .comment-content h6 { font-size: 12px; line-height: 1.846153846; font-weight: bold; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 24px; line-height: 1.714285714; } .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; line-height: 1.714285714; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; } .entry-content ol, .comment-content ol { list-style: decimal outside; } .entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; } .entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; padding: 24px; font-style: italic; background-color: #eeeeea; border: 1px solid #fafafa; } .entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; } .entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; line-height: 2; } .entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; line-height: 1.714285714; margin: 24px 0; overflow: auto; padding: 24px; } .entry-content pre code, .comment-content pre code { display: block; } .entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; } .entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; } img.alignleft { margin: 0 24px 12px 0; } img.alignright { margin: 0 0 12px 24px; } img.aligncenter { margin-top: 0; margin-bottom: 12px; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; } .entry-content dl, .comment-content dl { margin: 0 24px; } .entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; } .entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; } .entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; line-height: 2; margin: 0 0 24px; width: 100%; } .entry-content table caption, .comment-content table caption { font-size: 16px; margin: 24px 0; } .entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } /* Comment form */ #respond { margin-top: 48px; } #respond h3#reply-title { font-size: 24px; line-height: 1.5; color: #30303f; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; font-weight: normal; font-size: 12px; } #respond form { margin: 24px 0; } #respond form p { margin: 11px 0; } #respond form p.logged-in-as { margin-bottom: 24px; } #respond form label { display: block; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 1.714285714; padding: 10px; width: 100%; } #respond form p.form-allowed-tags { display: none; } .required { color: red; } /* @end */ /* @group Nav Style */ nav#menu-header { width: 67%; max-width: 650px; height: 26px; display: inline-block; margin: 0; vertical-align: middle; text-align: right; z-index:3; } /****** Main Tabs ******/ #menu-header ul.menu, #menu-header div.menu ul.defaultMenu, #menu-header .menu ul { list-style:none; margin-bottom:0px; display:inline-block; z-index: 999; position: absolute; right: 0; } #menu-header ul.menu li, #menu-header ul.defaultMenu li, #menu-header .menu ul li { margin: 0; padding: 0; width: auto; float: left; border-right: 1px solid #ddd; border-bottom-width: 1px; } #menu-header ul.menu li:last-of-type, #menu-header ul.defaultMenu li:last-of-type, #menu-header .menu ul li:last-of-type { border-right: none; } #menu-header ul.menu li:hover, ul.menu li:active, #menu-header ul.defaultMenu li:hover, #menu-header ul.defaultMenu li:active, #menu-header .menu ul li:active { border: 1px solid #ddd; background:#fcfcfc; margin: -11px -1px 0 -1px; padding: 9px 1px 1px 0; } #menu-header ul.menu li.noBottom, #menu-header ul.defaultMenu li.noBottom,#menu-header .menu ul li.noBottom { border-bottom: none !important; } #menu-header ul.menu li a, #menu-header ul.defaultMenu li a, #menu-header .menu ul li a{ padding: 3px 16px 9px 16px; margin:0; display:block; overflow:hidden; color: #6c6c78; text-align:center; text-decoration:none; font-size: 15px; font-weight: bold; } #menu-header ul.menu li a:hover, ul.menu li a:active, #menu-header ul.defaultMenu li a:hover, #menu-header ul.defaultMenu li a:active, #menu-header .menu ul li a:active { color: #31313f; } #menu-header ul.menu li.current-menu-item a, #menu-header ul.menu li.current_page_item a, #menu-header ul.menu li.current-menu-ancestor a, #menu-header .menu ul li.current-menu-ancestor a { color: #31313f; } /****** SUB MENU ******/ #menu-header ul.menu ul.sub-menu, #menu-header div.menu ul.defaultMenu ul.children, #menu-header .menu ul ul.children { width: auto; position: absolute; overflow:hidden; border: 1px solid #ddd; white-space: nowrap; min-width: 120px; max-width: 240px; z-index: -1; margin: -1px -1px 0 -1px; padding: 0; background: rgb(252,252,252); right: initial; } #menu-header ul.menu li:last-of-type ul.sub-menu, #menu-header div.menu ul.defaultMenu li:last-of-type ul.children, #menu-header .menu ul li:last-of-type ul.children { right: 0; } #menu-header ul.sub-menu li, #menu-header ul.defaultMenu li ul.children li, #menu-header .menu ul li ul.children li { border: none; display:block; margin:-1px; padding:0; width:auto; float: none; } #menu-header ul li ul.sub-menu li a, #menu-header ul.defaultMenu li ul.children li a, #menu-header .menu ul li ul.children li a { line-height:1.3em; font-size:13px; font-weight: normal; color:#333; text-shadow: none; margin:0px; padding:10px 18px; text-align: left; } #menu-header ul ul.sub-menu a:hover, #menu-header ul.defaultMenu li ul.children a:hover, #menu-header ul li ul.sub-menu li.current-menu-item a, #menu-header ul.defaultMenu li ul.children li.current-menu-item a, #menu-header .menu ul ul.children li.current-menu-item a { color:#41aac7; margin: 0; padding: 11px 18px 9px 18px; } #menu-header ul.menu ul.sub-menu li:hover, ul.menu ul.sub-menu li:active, #menu-header ul.defaultMenu li ul.children li:hover, #menu-header ul.defaultMenu li ul.children li:active, #menu-header .menu ul li ul.current-menu-item li:active { border: none; background: none; } #menu-header ul ul.sub-menu, #menu-header ul.defaultMenu li ul.children, #menu-header .menu ul li ul.children { display: none; list-style:none; z-index: 9; } .border-gone { border-right: none !important; padding-right: 1px !important; } /* FOOTER MENU */ .footerright { float: right; } nav#menu-footer { height:21px; z-index:3; position: relative; margin: 0; display: block; right: 0; } /****** Main Tabs ******/ nav#menu-footer ul.menu, nav#menu-footer div.menu ul.defaultMenu {list-style:none; margin-bottom:0px; display:inline-block; z-index: 999; } #menu-footer ul.menu li, #menu-footer ul.defaultMenu li { margin: 0; padding:0; width:auto; display: inline-block; border-right: 1px solid #ddd; } #menu-footer ul.menu li:last-of-type, #menu-footer ul.defaultMenu li:last-of-type { border-right: none; } #menu-footer ul.menu li a, #menu-footer ul.defaultMenu li a{ padding: 3px 16px 9px 16px; margin:0; display:block; overflow:hidden; color: #6c6c78; text-align:center; text-decoration:none; font-size:12px; font-weight: lighter; } #menu-footer ul.menu li a:hover, ul.menu li a:active, #menu-footer ul.defaultMenu li a:hover, #menu-footer ul.defaultMenu li a:active { color: #31313f; } /* ----- Pagination Style ------- */ #content nav.navigation { padding: 10px 0; margin: 20px 0; } #content nav.navigation .nav-previous a, #content nav.navigation .nav-next a { font-size: 18px; color: #30303f; } #content nav.navigation .nav-previous a:hover, #content nav.navigation .nav-next a:hover { color: #6b6b78; } /* @end */ /* @group Header Style*/ header#header { border-bottom: 1px solid #ddd; } #site-title a { font-size: 36px; font-weight: bold; text-decoration: none; color: #313140; vertical-align: middle; display: inline-block; } #site-title a:hover { color: #6b6b78; } #site-description { text-align: left; padding: 30px 0; clear: left; position: relative; border-bottom: 1px solid #ddd; } .ignition_project #site-description { border-bottom: none; padding: 20px 0 5px 0; } #site-description h1 { font-size: 32px; line-height: 38px; color: #404246; width: auto; max-width: 55%; display: inline-block; height: auto; max-height: 112px; vertical-align: middle; } #site-description h2 { font-size: 12px; line-height: 14px; color: #777; display: inline-block; width: auto; max-width: 40%; height: auto; max-height: 28px; vertical-align: middle; border-left: 1px solid #ddd; padding: 3px 0 3px 10px; margin: 0 0 0 8px; } .home #site-description h1 { font-size: 22px; line-height: 22px; color: #404246; width: auto; height: auto; max-height: 64px; vertical-align: middle; max-width: 960px; } .home .container-home .article-home #site-description h1 { font-size: 32px; } /* @end */ /* @group Footer Style*/ footer { width: 90%; max-width: 960px; border-top: 1px solid #ddd; margin-top: 10px; padding: 5px 0; } footer #copyright { font-size: 12px; } /* @end */ /* @group Content Style */ #content, .author #content { width: 65%; float: left; } #content.fullwidth { width: 100%; max-width: 960px; } #content.ignition_project { width: 100%; max-width: 960px; } .home #content { width: 100%; max-width: 960px; padding: 0; margin: 0 auto; } #content p { margin-bottom: 1em; } #content blockquote p:last-of-type { margin-bottom: 0; } #content h1.entry-title { font-size: 2.2em; color: #333; padding: 0 0 3px 0; border-bottom: 1px solid #ccc; margin: 10px 0 15px 0; } #content h2.entry-title { font-size: 1.6em; color: #30303f; padding: 0; margin: 10px 0; border-bottom: 1px solid #ddd; clear: both; } .home #content h2.entry-title { margin: 0 0 15px 0; border: none; } #content h2.entry-title a { color: inherit; text-decoration: none; } #content h2.entry-title a:hover { color: #41aac7; } h3.sub-entry-title { font-size: 1.3em; color: #30303f; margin: 20px 0; padding-bottom: 15px; border-bottom: 1px solid #ddd; text-shadow: none; } .entry-meta { text-align: right; margin: 0 0 10px 0; font-size: 11px; } .entry-content { padding: 10px 0; margin: 0 0 10px 0; } h2.entry-title.featuredimage { width: auto; position: relative; border-bottom: none !important; margin: 0 0 20px 0 !important; line-height: 1.1em !important; height: 100px; } h2.entry-title.featuredimage .headlinewrapper { position: absolute; bottom: 0; display: block; padding: 0; width: 100%; height: 100%; background-color: rgba(248, 249, 248, 0.15); } h2.entry-title.featuredimage span.entry-title { position: absolute; left: 2.5%; padding: 4px 0 4px 5px; bottom: 20px; width: 95%; background-color: rgba(249, 250, 249, 0.9); } h2.entry-title.featuredimage .entry-meta { position: absolute; left: 2.5%; display: block; padding: 2px; bottom: -25px; width: 47.5%; text-align: left; background: rgba(249, 250, 249, 0.9); } .entry-meta a.url.fn { border-bottom: 1px dotted rgba(22, 22, 25, 0.5); } .entry-meta a.url.fn:hover { border-bottom: 1px dotted rgba(65, 169, 198, 0.55); } /* @end */ /* @group Sidebar Style */ #sidebar { width: 30%; float: right; margin: 0 0 0 5%; } .widget-area .widget-container { padding: 10px; margin: 10px 0; } .widget-area .widget-container h3 { margin: 0 0 5px -10px; font-size: 22px; font-weight: normal; border-bottom: 1px solid #e9e9e9; padding: 0 0 3px 0; color: #30303f; } .widget-area .widget-container { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word; } .widget-area .widget-container p, .widget-area .widget-container li, .widget-area .widget-container .textwidget { font-size: 16px; line-height: 1.4em; } .widget-area .widget-container p { margin-bottom: 24px; } .widget-area .textwidget ul { list-style: disc; margin: 0 0 24px; } .widget-area .textwidget li { margin-left: 16px; } .widget-area .widget-container a { color: #757575; } .widget-area .widget-container a:hover { color: #41aac7; } .widget-area .widget-container li { font-size: 16px; line-height: 1.4em; list-style: square; list-style-position: outside; margin: 0 0 .8em 10px; } /* @end */ /* @group Project Page Specifics */ .ignition_project #site-description { border-bottom: none; } #ign-project-content { width: 100%; max-width: 960px; } #ign-project-content #sidebar { width: 35%; float: right; margin: 0 0 0 5%; } #ign-project-content .entry-content { width: 60%; float: left; } #content.ignition_project { width: 100%; } #ign-hDeck-wrapper { width: 100%; height: 390px; margin: 10px auto 10px auto; padding: 0; overflow: visible; position: static; } #ign-hDeck-wrapper #ign-hdeck-wrapperbg { width: 100%; min-width: 320px; margin: 0 auto; background: rgb(252,252,252); position: absolute; left: 0; display: block; border: 1px solid #ddd; border-left: none; border-right: none; } #ign-hDeck-header { width: 90%; max-width: 960px; margin: 0 auto; padding: 10px 0 0 0; } #ign-hDeck-left { display: block; width: 60%; float: left; height: 380px; vertical-align: top; } #ign-hDeck-left .video{ width: 100%; height: 90%; } #ign-hDeck-left .video iframe{ width: 100%; height: 100%; } #ign-hDeck-left .video img { width: 100%; height: auto; } #ign-hDeck-right { height: 380px; width: 35%; float: right; margin: 0 0 0 5%; display: block; position: relative; color: #6E6E6E; padding: 0; } #ign-hDeck-right .internal { width: 100%; height: 90%; text-align: center; position: relative; } #ign-hDeck-social { margin: 10px 0; z-index: 99; } #ign-hDeck-right .ign-progress-wrapper{ height: 46px; line-height: 46px; position: relative; z-index: 9; background: rgb(114,114,114); width: auto; padding: 0; margin: 0 0 10px 0; } #ign-hDeck-right .ign-progress-bar { position: absolute; z-index: 1; top: 0; margin: 0; padding: 0; max-width: 100%; height: 46px; background: rgb(0,212,255); } #ign-hDeck-right .ign-progress-percentage{ color: #fff; font-size: 22px; margin: 0 auto; position: relative; z-index: 9; width: 100%; text-align: center; } #ign-hDeck-right .ign-product-goal { text-align: left; margin: 0 0 5px 0; display: inline-block; float: left; } .ign-product-goal strong{ font-weight: normal; display: inline-block; } .ign-goal { border-bottom: none; display: inline-block; } .ign-days-left { font-size: 12px; font-weight: bold; letter-spacing: 2px; display: inline-block; opacity: 0.9; float: right; } .ign-progress-raised { text-align: center; width: auto; margin: 0 auto; } .ign-progress-raised strong{ letter-spacing: 0; display: block; color: #6f6f6f; font-size: 64px; } .ign-raised { text-align: center; } .ign-product-supporters { text-align: center; width: auto; margin: 10px auto 0 auto; } .ign-product-supporters strong{ font-size: 64px; color: #6f6f6f; font-weight: normal; letter-spacing: 2px; } #ign-hDeck-right .internal #hDeck-right-bottom { width: 100%; padding: 0; position: absolute; bottom: 0; } .ign-supportnow { display: inline-block; vertical-align: bottom; position: absolute; bottom: 0; left: 0; width: 65%; } .ign-supportnow a { color: #9cdff6; background: #525152; font-weight: 400; text-decoration: none; line-height: 78px; text-align: center; font-size: 24px; padding: 0; height: 75px; width: 100%; display: inline-block; } .ign-supportnow a:hover, .ign-supportnow a:active { color: #E9E9E9; opacity: .9; } .ign-supportnow.mobile { display: none; } /* @group Proposed End Date */ .ign-product-proposed-end { color: #333; text-shadow: none; font-size: 11px; display: inline-block; text-align: center; line-height: 11px; position: absolute; bottom: 0; right: 0; } .ign-product-proposed-end #ign-widget-date { color: #333; width: 80px; background-color: #52565D; padding: 1px; margin: 0; } .ign-product-proposed-end #ign-widget-date #ign-widget-month { color: #A14A36; font-weight: bold; width: 80px; display: block; text-align: center; line-height: 18px; font-size: 10px; background: rgb(246,164,127); text-transform: uppercase; } .ign-product-proposed-end #ign-widget-date #ign-widget-day { display: block; font-size: 38px; text-align: center; line-height: 44px; font-weight: 700; color: #52565D; background: #fefefe; } .ign-product-proposed-end #ign-widget-date #ign-widget-year { color: #52565D; background: #fefefe; } /* @end */ #ign-product-levels { margin: 0 0 20px 0; } #ign-product-levels .ign-level-title { font-weight: normal; font-size: 20px; padding: 3px; display: block; margin: 15px 0 3px 0; } #ign-product-levels .ign-level-title span { color: #30303f; float: left; } #ign-product-levels .ign-level-title .level-price { color: #0dbbf2; float: right; } #ign-product-levels .ign-level-desc { color: #606160; font-weight: normal; background-color: #fbfcfb; padding: 8px 8px 8px 16px; border: 1px solid #ddd; font-size: 16px; line-height: 1.4em; } #ign-product-levels .ign-level-counts { color: #0bbbf2; font-weight: normal; background-color: #eee; padding: 3px 8px 3px 8px; margin: 0 10px; font-size: 11px; border-top: none; } #ign-project-content #updateslink, #ign-project-content #faqlink { } #ign-project-content h3.product-dashed-heading, #ign-project-content h3.product-dashed-heading1 { display: block; border: 1px solid #e9e9e9; padding: 5px 10px; margin: 20px 0 0 0; color: #38363a; background-color: #fafcfa; } #ign-project-content #prodfaq, #ign-project-content #produpdates { display: none; background-color: #f5f5f7; border: 1px solid #ddd; border-top: 0; padding: 5px 10px; color: #6e6f6e; text-shadow: none; margin: 0 0 10px 0; } #ign-project-content #poweredbyID span a { color: #333; background: transparent url(http://ignitiondeck.com/id/skyscraper-poweredbyID.png) no-repeat center center !important; } /* @end */ /* @group Projects List */ #project-grid { width: 100%; margin: 0 auto; } #content .ign-project-summary { width: 30%; height: 360px; float: left; margin: 0 5% 30px 0; } #content .ign-project-summary:nth-child(3n+3) { margin: 0 0 30px 0; } #content .ign-project-summary a { width: 100%; height: 360px; float: left; margin: 0; text-decoration: none; color: inherit; } #content .ign-project-summary .title { height: 35px; width: 100%; position: relative; text-align: center; display: block; } #content .ign-project-summary .title h3 { font-size: 16px; line-height: 16px; position: absolute; bottom: 3px; width: 100%; color: #31313f; margin: 0; } #content .ign-project-summary .title h3:hover { color: #41aac7; } #content .ign-project-summary .ign-summary-container { padding: 0; border: 1px solid #ddd; height: 325px; width: 97%; background: rgb(252,252,252); } #content .ign-project-summary .ign-summary-container:hover { background-color: #f8fafb; border: 1px solid #41aac7; } #content .ign-project-summary .ign-summary-container .ign-summary-image { width: 100%; height: 145px; background-size: 100% auto; background-position-y: 50%; background-repeat: no-repeat; border-bottom: 1px solid #ccc; margin: 0 0 3px 0; } #content .ign-project-summary .ign-summary-container .ign-summary-image:hover { opacity: .8; } #content .ign-project-summary .ign-summary-desc { background: none; font-size: 13px; font-weight: normal; line-height: 14px; margin: 5px 0px; padding: 3px 10px; height: 115px; display: block; overflow: hidden; text-transform: none; color: #131313; overflow: hidden; } #content .ign-project-summary .ign-progress-wrapper{ width: 100%; height: 18px !important; border: 0; z-index: 5; position: relative; background-color: #e6e6e6; margin: 0; } #content .ign-project-summary .ign-progress-bar{ float: left; max-width: 100% !important; height: 18px !important; background-color: #93ddf2; } #content .ign-project-summary .ign-progress-raised{ position: absolute; left: 5px; margin: 0 auto; font: normal 11px/18px Arial, sans-serif; color: #333; text-transform: uppercase; text-align: right; } #content .ign-project-summary .ign-progress-percentage{ position: absolute; right: 5px; margin: 0 auto; font-size: 11px; line-height: 18px; font-weight: normal; color: #909BA3; text-transform: uppercase; text-align: right; } #content .ign-project-summary .ign-summary-days { float: left; font-size: 14px; margin: 10px 0 5px 5px; color: #9099A3; } #content .ign-project-summary .ign-summary-days strong { color: #41aac7; font-weight: bold; font-size: 16px; } #content .ign-project-summary .ign-summary-learnmore { float: right; font-size: 14px; margin: 10px 10px 5px 0; text-transform: uppercase; text-decoration: underline; color: #31313f; font-weight: bold; } #content .ign-project-summary .ign-summary-learnmore:hover { color: #41aac7; text-decoration: none; } #content .ign-project-summary .id-product-infobox .id-product-proposed-end { background: none; color: black; margin: 0; padding: 5px; font-size: 12px; text-transform: uppercase; text-align: center; } #content .ign-project-summary .id-product-infobox .learn-more-btn { text-align: center; margin: 0 auto; } #content #home-sharing { display:table; width: 100%; max-width: 960px; margin: 40px 0 60px 0; } #content #home-sharing ul { display:table-row; width: 100%; } #content #home-sharing ul li.twitter-btn a, #content #home-sharing ul li.linkedin-btn a, #content #home-sharing ul li.facebook-btn a, #content #home-sharing ul li.gplus-btn a { display: block; width: 70px; height: 36px; padding: 0 0 0 46px; line-height: 36px; text-decoration: none; font-size: 24px; font-weight: bold; color: #6C6C78; } #content #home-sharing ul li.twitter-btn a:hover, #content #home-sharing ul li.linkedin-btn a:hover, #content #home-sharing ul li.facebook-btn a:hover, #content #home-sharing ul li.gplus-btn a:hover { color: #3EA9C6; } #content #home-sharing ul li.twitter-btn a { background: transparent url('images/home-social.png') no-repeat 0 -72px; } #content #home-sharing ul li.twitter-btn a:hover { background: transparent url('images/home-social.png') no-repeat 0 -108px; } #content #home-sharing ul li.linkedin-btn a { background: transparent url('images/home-social.png') no-repeat 0 -216px; } #content #home-sharing ul li.linkedin-btn a:hover { background: transparent url('images/home-social.png') no-repeat 0 -252px; } #content #home-sharing ul li.facebook-btn a { background: transparent url('images/home-social.png') no-repeat 0 0px; width: 55px; } #content #home-sharing ul li.facebook-btn a:hover { background: transparent url('images/home-social.png') no-repeat 0 -36px; } #content #home-sharing ul li.gplus-btn a { background: transparent url('images/home-social.png') no-repeat 0 -144px; width: 45px; } #content #home-sharing ul li.gplus-btn a:hover { background: transparent url('images/home-social.png') no-repeat 0 -180px; } #content #home-sharing ul li { display: table-cell; text-align: left; width: auto; } #content #home-sharing ul li.ign-more-projects { text-align: right; text-decoration: none; font-size: 24px; font-weight: bold; width: 230px; color: #6C6C78; } #content #home-sharing ul li.ign-more-projects a { color: #6C6C78; text-decoration: none; background: transparent url('images/home-social.png') no-repeat right -293px; padding-right: 16px; } #content #home-sharing ul li.ign-more-projects a:hover { color: #3EA9C6; background: transparent url('images/home-social.png') no-repeat right -329px; padding-right: 16px; } h3#ign-levels-headline { display: none; } /* @end */ /* @group Theme Settings in Admin */ #logo-preview img { max-width: 200px; max-height: 50px; } /* @end */ /* @group Comments */ #comments-title { color: #666; font-size: 10px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist .commentarrow { width: 0px; height: 0px; border-style: solid; border-width: 10px 5px 10px 0; border-color: transparent #ddd transparent transparent; position: absolute; left: -5px; top: 10px; } .children .commentarrow { display: none; } .commentlist { list-style: none; margin: 0 0 0 auto; width: 90%; } .commentlist > li.comment { border: 1px solid #ddd; margin: 0 0 1.625em; padding: 1.625em; position: relative; background-color: #fbfcfb; } .commentlist article.comment { padding-bottom: 15px; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .comment-author { font-size: 1em; } .commentlist time { font-size: .6em; display: block; margin: 0; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { margin: 0; padding: 1.625em 1.625em 0 50px; position: relative; border-top: 1px dashed #ddd; background-color: #fafcfa; } .commentlist .children li.comment .fn { display: block; } .comment-meta .fn { font-style: normal; font-weight: bold; display: block; } .comment-meta .fn span { font-style: normal; font-weight: lighter; display: block; position: absolute; right: 0; top: 0; color: #41aac7; background: #e6e6e6; width: 100%; text-align: left; padding: 3px 0; text-transform: uppercase; font-size: 11px; text-indent: 30px; } .comment-meta { color: #666; line-height: 1em; } .commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 3em; margin-bottom: 20px; } .commentlist .children li.comment .comment-author { line-height: 1em; margin-left: 30px; } .commentlist .children li.comment .comment-author cite, .commentlist .children li.comment .comment-author span { display: block; } .commentlist .children li.comment .comment-content { margin: 1.625em 0 0; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .comment-meta a { font-weight: bold; } .commentlist img.avatar { } .commentlist .avatar { left: -54px; padding: 0; position: absolute; top: 0; border: 1px solid #fefffe; } .commentlist .children .avatar { background: none; left: 30px; padding: 0; top: 20px; } a.comment-reply-link { background: #eee; color: #666; display: inline-block; font-size: 11px; padding: 3px 8px; text-decoration: none; text-transform: uppercase; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } /* Post author highlighting */ .commentlist > li.bypostauthor { background: #eee; border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { } .commentlist .children > li.bypostauthor .avatar { top: 30px; } .commentlist .children > li.bypostauthor .comment-author { margin: 10px 0 0 30px; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #eee; border: none; } /* @end */ @media screen and (max-width: 1110px) { #content .ign-project-summary .ign-summary-days strong { font-size: 14px; vertical-align: middle; } #content .ign-project-summary .ign-summary-days span { vertical-align: middle; } #content .ign-project-summary .ign-summary-days, #content .ign-project-summary .ign-summary-learnmore { font-size: 12px; line-height: 20px; vertical-align: middle; } } /* Between Desktop and Tablet Layout: 768px to 960px. */ @media screen and (min-width:769px) and (max-width:959px){ .ign-progress-raised strong { font-size: 50px; } } /* Tablet Layout: 768px. */ @media only screen and (min-width: 681px) and (max-width: 768px) { .ign-progress-raised strong { font-size: 44px; } .ign-progress-raised .ign-raised { font-size: 14px; } .ign-product-supporters strong { font-size: 54px; } .ign-product-supporters .ign-supporters { font-size: 14px; } #hDeck-right-bottom .ign-supportnow { } #hDeck-right-bottom .ign-supportnow a { font-size: 18px; } header#header { height: 100%; width: 100%; margin-left: 0; margin-right: 0; } #branding { width: 100%; max-width: 100%; display: block; text-align: center; } #branding img { margin: 0 auto; } h2.entry-title.featuredimage .entry-meta { position: absolute; left: 2.5%; display: block; padding: 2px; bottom: -25px; width: 95%; text-align: left; background: rgba(249, 250, 249, 0.9); } nav#menu-header { width: auto; display: block; text-align: center; margin: 0 auto; } #menu-header ul.menu { position: relative; padding: 10px 0; width: auto; } #site-description { text-align: center; width: 100%; } #site-description h1 { text-align: center; display: block; margin: 0 auto; max-height: 300px; max-width: 90%; } #site-description h2 { display: block; text-align: center; border: none; margin: 10px auto 0; max-width: 90%; } #content .ign-project-summary .ign-summary-container { height: 300px; } #content .ign-project-summary .ign-summary-container .ign-summary-image { height: 110px; } } /* Mobile Layout: 320px to 680px. */ @media screen and (min-width:321px) and (max-width:680px){ header#header { height: 100%; width: 100%; margin-left: 0; margin-right: 0; } #branding { width: 100%; max-width: 100%; display: block; text-align: center; } #branding img { margin: 0 auto; } nav#menu-header { width: 100%; display: block; text-align: center; } #menu-header ul.menu { position: relative; padding: 10px 0; width: auto; } #menu-header ul.menu li a, #menu-header ul.defaultMenu li a { font-size: 12px; } #site-description { text-align: center; width: 100%; } #site-description h1 { text-align: center; display: block; margin: 0 auto; max-height: 300px; max-width: 90%; } #site-description h2 { display: block; text-align: center; border: none; margin: 10px auto 0; max-width: 90%; } #container { margin-top: 20px; width: 100%; } .constrainedwrapper { width: 100%; margin: 0; } .constrained { width: 90%; max-width: 960px; margin: 0 auto; } .entry-content img { max-width: 100%; height: auto; } .home #about-us.entry-content { width: 90%; padding: 0 5%; text-align: center; } #content, #content.ignition_project { width: 90%; padding: 0 5%; } .post-type-archive-ignition_product #content { width: 100%; margin: 0 auto; padding: 0; } #ign-project-content .entry-content { width: 100%; padding: 0; float: none; } h3#ign-levels-headline { display: block; margin-top: 50px; font-size: 28px; border-bottom: 1px solid #ddd; } #home-widget { width: 90%; padding: 0 5%; } #home-widget #sidebar { width: 100%; margin: 0 auto 0 auto; } #sidebar h3 { width: 100%; text-align: center; } #sidebar, #ign-project-content aside#sidebar { width: 100%; float: none; margin: 0; } footer { text-align: center; } .home #content { width: 90%; padding: 0 5%; } .home #content h2.entry-title { margin: 15px 0; } footer { border: none; padding: 0; } footer #copyright { width: 90%; margin: 0 auto; padding: 20px 0 0 0; border-top: 1px solid #ccc; } .home #content h2.entry-title { text-align: center; } .home #project-grid .ign-project-summary { width: 80%; max-width: 360px; margin: 0 auto 30px auto; float: none; display: block; height: auto; } .home #project-grid .ign-project-summary a { height: auto; float: none; } #content .ign-project-summary .ign-summary-desc { height: auto; } #content .ign-project-summary .ign-summary-container { height: auto; min-height: 300px; } .home #about-us.entry-content { text-align: left; } .home #about-us.entry-content h3.sub-entry-title { text-align: center; } #content #home-sharing { margin: 10px auto 20px auto; } #content #home-sharing ul { text-align: center; display: block; width: 60%; margin: 0 auto; } #content #home-sharing ul li { display: block; margin: 15px 0; padding: 0 20%; } #content #home-sharing ul li.ign-more-projects { text-align: left; } #home-sharing ul li a span { display: visible; } #ign-hDeck-wrapperbg { width: 100%; margin: 0; } #ign-hDeck-wrapper { width: 100%; height: 690px; margin: 10px auto 10px auto; padding: 0; overflow: visible; position: static; } #ign-hDeck-header #ign-hDeck-left { width: 100%; height: auto; float: none; } #ign-hDeck-header #ign-hDeck-right { width: 100%; float: none; margin: 40px 0 0 0; } #ign-hDeck-header #ign-hDeck-left .video {width: 100%; height: 240px;} #ign-hDeck-right .internal { width: 100%; margin-left: 0; } .ign-progress-raised strong { font-size: 64px; } .ign-supportnow { max-width: 300px; width: 60%; } .ign-supportnow a{ width: 100%; } .ign-supportnow.mobile { display: block; position: static; width: 85%; margin: 10px auto; } } @media screen and (max-width: 320px) { header#header { height: 100%; width: 320px; margin-left: 0; margin-right: 0; } #branding { width: 100%; max-width: 100%; display: block; text-align: center; } #branding img { margin: 0 auto; } nav#menu-header { width: 100%; display: block; text-align: center; } #menu-header ul.menu { position: relative; padding: 10px 0; } #menu-header ul.menu li:nth-child(4n + 3) { border-right: none; } #menu-header ul.menu li:nth-child(4n + 4) { margin-top: 10px; } #menu-header ul.menu li:nth-child(1n + 5) { margin-top: 10px; } #menu-header ul.menu li a, #menu-header ul.defaultMenu li a { font-size: 12px; } #site-description { text-align: center; width: 100%; } #site-description h1 { text-align: center; display: block; margin: 0 auto; max-height: 300px; max-width: 90%; } #site-description h2 { display: block; text-align: center; border: none; margin: 10px auto 0; max-width: 90%; } #container { margin-top: 20px; width: 320px; } .home #about-us.entry-content { width: 90%; padding: 0 5%; } #content, #content.ignition_project { width: 90%; padding: 0 5%; } #ign-project-content .entry-content { width: 100%; padding: 0; float: none; } .post-type-archive-ignition_product #content { width: 100%; margin: 0 auto; padding: 0 !important; } h3#ign-levels-headline { display: block; margin-top: 50px; font-size: 22px; border-bottom: 1px solid #ddd; text-align: center; } #home-widget { width: 100%; padding: 0; } #home-widget #sidebar { width: 100%; margin: 0; } #home-widget #sidebar h3 { width: 100%; text-align: center; } #sidebar, #ign-project-content aside#sidebar { width: 100%; float: none; margin: 0; } footer { text-align: center; } .home #content { width: 95%; padding: 0; margin: 0 auto; } .home #content h2.entry-title { margin: 15px 0; } footer { border: none; padding: 0; width: 100% } footer #copyright { width: 90%; margin: 0 auto; padding: 20px 0 0 0; border-top: 1px solid #ccc; } .home #content h2.entry-title { text-align: center; } #project-grid .ign-project-summary { width: 90%; margin: 0 auto 30px auto; float: none; display: block; } #content #home-sharing { margin: 10px auto 20px auto; } #content #home-sharing ul { text-align: center; display: block; width: 60%; margin: 0 auto; } #content #home-sharing ul li { display: block; margin: 15px 0; padding: 0 20%; } #content #home-sharing ul li.ign-more-projects { text-align: left; } #home-sharing ul li a span { display: visible; } #ign-hDeck-wrapperbg { width: 320px; margin: 0; } #ign-hDeck-wrapper { width: 100%; height: 640px; margin: 10px auto 10px auto; padding: 0; overflow: visible; position: static; } #ign-hDeck-header #ign-hDeck-left { width: 100%; height: 190px; margin-left: -5%; float: none; } #ign-hDeck-header #ign-hDeck-right { width: 100%; float: none; margin: 40px 0 0 0; } #ign-hDeck-header #ign-hDeck-left .video {width: 320px; height: 180px;} #ign-hDeck-right .internal { width: 100%; margin-left: 0; } .ign-progress-raised strong { font-size: 44px; } .ign-supportnow { max-width: 300px; width: 60%; } .ign-supportnow a{ width: 100%; } .ign-supportnow.mobile { display: block; position: static; width: 90%; margin: 10px auto; } }