/* @override http://virtuousgiant.com/idtest/wp-content/themes/fivehundred/style.css http://localhost:8888/wp-content/themes/fivehundred/style.css */ /* Theme Name: Theme 500 Theme URI: http://ignitiondeck.com/id/fivehundred/ 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 Author URI: http://virtuousgiant.com/ Version: 1.0 */ /* @group Reset */ /*This is where everything gets reset to zero, so we can start from a clean slate. Don't touch anything in here.*/ @import url(http://fonts.googleapis.com/css?family=Anton|Open+Sans:400,700,300); 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; border: 1px solid #31313f; padding: 2px; background-color: #fff; } .entry-content img.transparent { border: none; padding: 0; background-color: transparent; } .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; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; } .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 { padding: 10px 0; margin: 10px auto 0; width: 960px; position: relative; height: 50px; } #branding { width: 300px; margin: 0; display: inline-block; vertical-align: middle; } #branding img#logo { max-height: 50px; max-width: 300px; } #site-description { position: relative; margin: 0 auto 10px; width: 960px; } #container { padding: 0; margin: 0 auto; width: 960px; } footer { padding: 20px 0; margin: 0 auto; width: 960px; } .clear { clear: both; } /* @end */ /* @group Basic Style */ body { background-color: #fefefd; color: #3e3e3e; } body { font-family: "Open Sans", Helvetica, Arial, Geneva, sans-serif; } body a { color: #757575; } body a:hover, body a:active { color: #41aac7; } #about-us h3.sub-entry-title { display: inline-block; } .archive #content { width: 960px; } /* @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: #757575; } .comments-link a, .entry-meta a { color: #757575; } .comments-link a:hover, .entry-meta a:hover { color: #21759b; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; 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; } #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; border: none; } #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; border: none; } #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: #f2f2ef; } .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: 12px 24px 12px 0; } img.alignright { margin: 12px 0 12px 24px; } img.aligncenter { margin-top: 12px; 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: 16px; line-height: 1.5; } #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 { margin: 0; font-size: 12px; line-height: 2; color: #5e5e5e; } .required { color: red; } /* @end */ /* @group Nav Style */ nav#menu-header { 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 { 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 { 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 { 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 { border: 1px solid #31313f; background:#e5e5e5; margin: -11px -1px 0 -1px; padding: 9px 1px 1px 0; -webkit-box-shadow: inset 0px 2px 0px 0px #ffffff; box-shadow: inset 0px 2px 0px 0px #ffffff; } #menu-header ul.menu li.noBottom, #menu-header ul.defaultMenu li.noBottom { border-bottom: none !important; } #menu-header ul.menu li a, #menu-header ul.defaultMenu li a{ padding: 3px 16px 9px 16px; margin:0; display:block; overflow:hidden; color: #31313f; text-shadow:0 1px 0 rgba(255,255,255,.9); text-align:center; text-decoration:none; font-size:15px; font-weight:bold; font-family: Helvetica, Verdana; } #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 { color: #31313f; text-shadow:0 1px 0 rgba(255,255,255,.7); } /****** SUB MENU ******/ #menu-header ul.menu ul.sub-menu, #menu-header div.menu ul.defaultMenu ul.children { width: auto; position: absolute; overflow:hidden; border: 1px solid #31313f; white-space: nowrap; min-width: 120px; max-width: 240px; z-index: -1; margin: -1px -1px 0 -1px; padding: 0; background: rgb(229,229,229); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(244,244,244,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */ } #menu-header ul.menu li a:hover ul.sub-menu, #menu-header ul.defaultMenu li a:hover ul.children { background:#c6d7ef; } #menu-header ul.sub-menu li, #menu-header ul.defaultMenu 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 { 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 { color:#41aac7; 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 { border: none; background: none; box-shadow: none; -moz-box-shadow: none; } #menu-header ul ul.sub-menu, #menu-header ul.defaultMenu li ul.children { display: none; /* For testing, change to display: block; */ 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 #31313f; border-bottom-width: 1px; } #menu-footer ul.menu li:last-of-type, #menu-footer ul.defaultMenu li:last-of-type { border-right: none; } #menu-footer ul.menu li:hover, ul.menu li:active, #menu-footer ul.defaultMenu li:hover, #menu-footer ul.defaultMenu li:active { border: 1px solid #31313f; background:#e5e5e5; margin: -11px -1px 0 -1px; padding: 9px 1px 0 1px; -webkit-box-shadow: inset 0px 1px 0px 1px #ffffff; box-shadow: inset 0px 1px 0px 1px #ffffff; } #menu-footer ul.menu li.noBottom, #menu-footer ul.defaultMenu li.noBottom { border-bottom: none !important; } #menu-footer ul.menu li a, #menu-footer ul.defaultMenu li a{ padding: 3px 16px 9px 16px; margin:0; display:block; overflow:hidden; color: #31313f; text-shadow:0 1px 0 rgba(255,255,255,.9); text-align:center; text-decoration:none; font-size:12px; font-weight: lighter; font-family: Helvetica, Verdana; } #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; text-shadow:0 1px 0 rgba(255,255,255,.7); } /* @end */ /* @group Header Style*/ 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-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; } .home #site-description h1 { font-size: 22px; color: #404246; width: auto; display: inline-block; height: auto; max-height: 64px; vertical-align: middle; } #site-description h1 { font-size: 32px; line-height: 38px; color: #404246; width: auto; max-width: 360px; display: inline-block; height: auto; max-height: 112px; vertical-align: middle; } #site-description h2 { font-size: 12px; line-height: 14px; color: #aaa; display: inline-block; width: 500px; max-width: 500px; height: auto; max-height: 28px; vertical-align: middle; border-left: 1px solid #ddd; padding: 3px 0 3px 10px; margin: 0 0 0 8px; } /* @end */ /* @group Footer Style*/ footer { border-top: 1px solid #333; margin-top: 10px; padding: 5px 0; } footer #copyright { font-size: 12px; float: left; } /* @end */ /* @group Content Style */ #content { width: 700px; float: left; } #content.fullwidth { width: 960px; } #content.ignition_project { width: 960px; } .home #content { width: 960px; padding: 10px 0; margin-top: 10px; } #content p { margin-bottom: 1em; } #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; } h2.entry-title { font-size: 2em; color: #333; padding: 0 0 3px 0; margin: 10px 0 15px 0; color: black; border: none; text-shadow: 1px 1px 0 #fbfbfa, 2px 2px 0 #41aac7; } h2.entry-title a { color: inherit; text-decoration: none; } 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: 2px 0 10px 0; font-size: 11px; } .entry-content { padding: 10px 0; margin: 0 0 10px 0; } /* @end */ /* @group Sidebar Style */ #sidebar { width: 220px; float: right; margin: 0 0 0 20px; } .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: #6d6e6d; } .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: 13px; line-height: 1.8em; } .widget-area .widget-container p { margin-bottom: 24px; } .widget-area .textwidget ul { list-style: disc outside; 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; } /* @end */ /* @group Project Page Specifics */ .ignition_project #site-description { border-bottom: none; } #ign-project-content { width: 960px; } #ign-project-content #sidebar { width: 289px; float: right; margin: 0 0 0 20px; } #ign-project-content .entry-content { width: 640px; float: left; } #content.ignition_project { width: 100%; } #ign-hDeck-wrapper { width: 100%; margin: 10px 0 10px 0; padding: 0; border: 1px solid #fff; border-left: none; border-right: none; overflow: visible; background: rgb(242,242,242); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #ign-hdeck-wrapperbg { background-image: url(images/hdeck-wrapper-bg.png); } #ign-hDeck-header { width: 960px; margin: 0 auto; padding: 10px 0; } #ign-hDeck-left { float: left; width: 642px; } #ign-hDeck-left .video { border: 1px solid #333; } #ign-hDeck-right { width: 318px; float: right; color: #6E6E6E; text-shadow: 1px 1px 1px #fff; } #ign-hDeck-right .internal { padding: 0 10px; text-align: center; } #ign-hDeck-social { margin: 5px 0 0 0; z-index: 99; } #ign-hDeck-right .ign-progress-wrapper{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #c4c5c4; height: 46px; line-height: 46px; position: relative; z-index: 9; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjAuOTciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(252,252,252,0.95) 0%, rgba(239,239,239,0.95) 7%, rgba(237,237,237,0.97) 38%, rgba(196,196,196,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,0.95)), color-stop(7%,rgba(239,239,239,0.95)), color-stop(38%,rgba(237,237,237,0.97)), color-stop(100%,rgba(196,196,196,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,252,252,0.95) 0%,rgba(239,239,239,0.95) 7%,rgba(237,237,237,0.97) 38%,rgba(196,196,196,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,252,252,0.95) 0%,rgba(239,239,239,0.95) 7%,rgba(237,237,237,0.97) 38%,rgba(196,196,196,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,252,252,0.95) 0%,rgba(239,239,239,0.95) 7%,rgba(237,237,237,0.97) 38%,rgba(196,196,196,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,252,252,0.95) 0%,rgba(239,239,239,0.95) 7%,rgba(237,237,237,0.97) 38%,rgba(196,196,196,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fcfcfc', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-8 */ 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: 296px; height: 46px; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(229,229,229,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(229,229,229,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(229,229,229,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(229,229,229,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(229,229,229,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 2px 0 0 rgba(204, 204, 204, 0.62); opacity: .8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #ign-hDeck-right .ign-progress-percentage{ text-shadow: 1px 1px 0 rgb(255, 255, 255); color: rgb(112, 112, 112); 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 auto 5px auto; display: inline-block; width: 180px; } .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; width: 110px; } .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; font-family: 'Anton', sans-serif; } .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; font-family: 'Anton', sans-serif; } .ign-supporters { } .ign-supportnow { float: left; width: auto; margin: 17px 0; } .ign-supportnow a { background-color:transparent; color: #9cdff6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:10px; /*IE DOES NOT SUPPORT BORDER RADIUS*/ background-image: -moz-linear-gradient(top, #525152, #373639); background-image: -webkit-gradient(linear, center top, center bottom, from(#525152), to(#373639)); background-image: -o-linear-gradient(top, #525152, #373639); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525152', endColorstr='#373639'); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#525152', endColorstr='#373639')"; /*Element must have a height (not auto)*/ /*All filters must be placed together*/ background-image: linear-gradient(top, #525152, #373639); -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; text-shadow: #000 1px 1px 1px; font-weight: 400; text-decoration: none; line-height: 73px; text-align: center; font-size: 24px; width: 200px; height: 73px; display: block; } .main-btn{ } .ign-supportnow a:hover, .ign-supportnow a:active { color: #E9E9E9; text-shadow: #000 0px 0px 1px; opacity: .9; } /* @group Proposed End Date */ .ign-product-proposed-end { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 5px 5px 5px; color: #333; text-shadow: none; font-size: 11px; float: right; right: 20px; width: 80px; display: block; text-align: center; line-height: 11px; } .ign-product-proposed-end #ign-widget-date { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 10px 10px; color: #333; width: 80px; background-color: #fff; padding: 1px; margin: 5px 0; -moz-box-shadow: 0 4px 2px #e4e4e4; -webkit-box-shadow: 0 4px 2px #e4e4e4; box-shadow: 0 4px 2px #e4e4e4; } .ign-product-proposed-end #ign-widget-date #ign-widget-month { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 0px 0px; color: #A14A36; font-weight: 400; width: 80px; display: block; text-align: center; line-height: 18px; font-size: 10px; background: rgb(246,164,127); /* Old browsers */ background: -moz-linear-gradient(top, rgba(246,164,127,1) 0%, rgba(216,119,102,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,164,127,1)), color-stop(100%,rgba(216,119,102,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(246,164,127,1) 0%,rgba(216,119,102,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(246,164,127,1) 0%,rgba(216,119,102,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(246,164,127,1) 0%,rgba(216,119,102,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(246,164,127,1) 0%,rgba(216,119,102,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a47f', endColorstr='#d87766',GradientType=0 ); /* IE6-9 */ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); 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; } /* @end */ #ign-product-levels { margin: 0 0 20px 0; } #ign-product-levels .ign-level-title { font-weight: normal; text-shadow: 1px 1px 1px #ffffff; font-size: 20px; border-bottom: 2px solid #e6e6e6; padding: 3px 0; display: block; margin: 15px 0 0 0; } #ign-product-levels .ign-level-title span { color: #6d6e6d; float: left; } #ign-product-levels .ign-level-title .level-price { color: #0dbbf2; float: right; } #ign-product-levels .ign-level-desc { color: #111; font-weight: normal; background-color: #f9f9f9; padding: 8px 8px 8px 16px; } #ign-product-levels .ign-level-counts { color: #333; font-weight: normal; background-color: #e6e6e6; padding: 4px 8px 4px 16px; font-size: 12px; border-bottom-left-radius: 10px; } #ign-project-content .product-post-output h3.product-dashed-heading, #ign-project-content .product-post-output h3.product-dashed-heading1 { display: block; width: 620px !important; background-color: #f6f6f6; border-bottom: 5px solid #e9e9e9; padding: 5px 10px; color: #333; text-shadow: none; } /* @end */ /* @group Projects List */ #project-grid { margin: 0 auto; } #content .ign-project-summary { width: 260px; height: 360px; float: left; margin: 0 90px 30px 0; } #content .ign-project-summary:nth-child(3n+0) { margin-right: 0; } #content .ign-project-summary a { height: 360px; float: left; margin: 0; text-decoration: none; color: inherit; } #content .ign-project-summary .title { height: 35px; width: 260px; position: relative; text-align: center; display: block; } #content .ign-project-summary .title h3 { font-size: 16px; line-height: 16px; position: absolute; bottom: 3px; width: 260px; color: #31313f; margin: 0; } #content .ign-project-summary .title h3:hover { color: #41aac7; } #content .ign-project-summary .ign-summary-container { padding: 3px; background-color: #fff; border: 1px solid #ededed; height: 325px; width: 252px; } #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: 258px; height: 145px; background-size: 258px auto; background-position-y: 50%; background-repeat: no-repeat; margin: -3px 0 3px -3px; } #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: 110px; display: block; overflow: hidden; text-transform: none; color: #131313; overflow: hidden; } #content .ign-project-summary .ign-progress-wrapper{ width: 252px; height: 18px !important; border: 0; z-index: 5; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #e6e6e6; } #content .ign-project-summary .ign-progress-bar{ float: left; max-width: 252px !important; height: 18px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 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: normal 11px/18px Arial, sans-serif; color: #909BA3; text-transform: uppercase; text-align: right; } #content .ign-project-summary .ign-summary-days { float: left; font-size: 14px; margin: 10px 0 5px 0; 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; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #content .ign-project-summary .id-product-infobox .learn-more-btn { text-align: center; margin: 0 auto; } #content a.ign-more-projects { display: block; width: 70%; margin: 10px auto; background-color: #fefffe; border: 1px solid #ecedec; padding: 20px 5px; text-align: center; text-decoration: none; font-size: 28px; } #content a.ign-more-projects:hover { display: block; width: 70%; margin: 10px auto; background-color: #f8fafb; border: 1px solid #41aac7; } /* @end */ /* @group Theme Settings in Admin */ #logo-preview img { max-width: 200px; max-height: 50px; } /* @end */ /* =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 { list-style: none; margin: 0 0 0 auto; width: 90%; } .commentlist > li.comment { background: #f6f6f6; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 1.625em; padding: 1.625em; position: relative; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .comment-author { font-size: 1.2em; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { background: #fff; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 1.625em -1.625em 0; padding: 1.625em; position: relative; } .commentlist .children li.comment .fn { display: block; } .comment-meta .fn { font-style: normal; } .comment-meta { color: #666; font-size: 12px; line-height: 2.2em; } .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: 2em; } .commentlist .children li.comment .comment-author cite, .commentlist .children li.comment .comment-author span { display: inline-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 .avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; left: -10%; padding: 0; position: absolute; top: 0; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 1.2em; padding: 0; top: 1.2em; } a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; 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: #ddd; 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 > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; }