"Testing CI Spark"
Bootstrap 3.2.0 Snippet by SushantPimple

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <body class="ci landing-page"> <section id="wrap"> <header id="up-top"> <section class="content"> <div class="showcase"> <div class="column-wrap slides-wrap"> <div class="slide-control"></div> <div class="animation-wrap introduction"> <div class="gradient lower"></div> <div class="gradient lower bonus"></div> <div id="mask" style="opacity: 0.9;"></div> </div> </div> </div> <div class="full-width feature"> <div class="column-wrap standalone what-is-ci"> <div class="column-wrap standalone ci-right"> <div class="column-wrap"> </section> <footer> </section> </body> </html>
.hide { display: none; } .inline { display: inline; } .show { display: block; } .showin { display: inline-block; } .left { display: inline; float: left; } .right { display: inline; float: right; } .clear { clear: both; content: ""; display: block; } .reset { margin: 0; padding: 0; } .mrg-btm { margin-bottom: 1.25em; } .mrg-top { margin-top: 1.25em; } .fade { color: #d9d9d9; } .footnote, .footnotes { font-size: 0.75em; } .footnote.faded, .footnotes.faded { color: #999; } .list-reset { list-style-type: none; margin: 0; padding: 0; } .negative { color: #b13131; } .positive { color: #209544; } .overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .overlay .meta { margin-bottom: 20px; } .overlay .modal { background: none repeat scroll 0 0 #fff; border-radius: 3px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5); margin: 20px; padding: 20px 0; position: relative; z-index: 1000; } .overlay .modal .close { background-color: #fafafa; padding: 5px; position: absolute; right: 0; text-decoration: none; top: 0; z-index: 1001; } .overlay .modal .close:hover { color: #b13131; } .overlay-dark { background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 999; } @keyframes blinker { 0% { opacity: 1; } 100% { opacity: 0; } } .fancy-txt { font-family: Georgia,"Times New Roman",serif; font-style: italic; } .cta { background-color: #2d88bc; background-image: linear-gradient(to bottom, #2d88bc, #10618f); border-radius: 5px; box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.3); color: #fff; display: inline-block; font-size: 0.875em; padding: 0.625em 0.9375em; text-decoration: none; text-transform: uppercase; } .cta span:first-child { display: none; } .cta:hover { background-color: #3496ce; background-image: linear-gradient(to bottom, #3496ce, #1371a6); color: #fff; } .cta:after { content: " ›"; font-size: 1.5em; font-weight: 900; line-height: 0; } .cta.green { background-color: #5bb131; background-image: linear-gradient(to bottom, #5bb131, #209544); } .cta.green:hover { background-color: #65c537; background-image: linear-gradient(to bottom, #65c537, #25aa4e); } .cta.red { background-color: #ff3c00; background-image: linear-gradient(to bottom, #ff3c00, #b13131); } .cta.red:hover { background-color: #ff501a; background-image: linear-gradient(to bottom, #ff501a, #c53737); } .cta.red:after { content: " ✖"; position: relative; top: 2px; } .cta.flat.on-dark { background-color: #fff; background-image: linear-gradient(to bottom, #fff, #fff); box-shadow: 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0 rgba(0, 0, 0, 0); color: #e0370a; } .cta.flat.on-dark:hover { opacity: 0.9; } .cta.disable, .cta.back, .cta.working { background-color: #f0f0f0; background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0); box-shadow: 0 0 rgba(0, 0, 0, 0); color: #b2b2b2; cursor: not-allowed; } .cta.disable:after, .cta.back:after, .cta.working:after { content: ""; } .cta.back { cursor: pointer; } .cta.working b { animation-direction: alternate; animation-duration: 0.5s; animation-iteration-count: infinite; animation-name: blinker; animation-timing-function: ease-in-out; font-weight: 400; } .cta.left:before { content: "‹ "; font-size: 1.5em; font-weight: 900; line-height: 0; } .cta.left:after { content: ""; } button.cta { border: 0 none; } .mini-cta { border: 1px solid; border-radius: 5px; display: inline-block; font-size: 0.75em; font-weight: 700; line-height: 1; margin-bottom: 5px; padding: 0.3125em; position: relative; text-decoration: none; text-transform: uppercase; top: -1px; } .mini-cta.download, .mini-cta.add-sites { background-color: #5bb131; border-color: transparent; color: #fff; } .mini-cta.download:hover, .mini-cta.add-sites:hover { background-color: #f7fff6; border-color: #5bb131; color: #5bb131; } .mini-cta.upgrade, .mini-cta.cancel { background-color: #666; border-color: transparent; color: #fff; } .mini-cta.upgrade:hover, .mini-cta.cancel:hover { background-color: #fafafa; border-color: #666; color: #666; } .mini-cta.disable { background-color: #f0f0f0; background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0); border-color: transparent; color: #b2b2b2; cursor: not-allowed; } .mini-cta.cancel { background-color: #ff3c00; color: #fff9f9; } .alert-wrap { background-color: #feffeb; border-bottom: 2px solid #04202d; box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.04) inset; } .alert-wrap b { color: #8d9056; } .alert-wrap.alert-inline { border: 1px solid #8d9056; border-radius: 5px; margin-bottom: 20px; } .alert-wrap.alert-inline.error { border-color: #b13131; } .alert-wrap.alert-inline.success { border-color: #209544; } .alert-wrap.error { background-color: #fff9f9; } .alert-wrap.error b { color: #b13131; } .alert-wrap.error .alert-wrap-inner:before { background-position: 0 -20px; } .alert-wrap.error .alert-dismiss { background-color: #b13131; } .alert-wrap.error .alert-dismiss:hover { color: #fff9f9; } .alert-wrap.success { background-color: #f7fff6; } .alert-wrap.success b { color: #5bb131; } .alert-wrap.success .alert-wrap-inner:before { background-position: 0 -40px; } .alert-wrap.success .alert-dismiss { background-color: #5bb131; } .alert-wrap.success .alert-dismiss:hover { color: #f7fff6; } .alert-wrap-inner { box-sizing: border-box; padding: 1.25em; } .alert-wrap-inner p { margin: 0; } .alert-wrap-inner p i { font-size: 0.875em; } .alert-wrap-inner:before { background: url("https://ellislab.com/asset/css/img/message-ico.png") no-repeat scroll 0 0 transparent; content: ""; display: block; float: left; height: 20px; margin: 3px 0.625em 0 0; width: 22px; } .alert-content { margin-left: 2.1875em; position: relative; } .alert-dismiss { background-color: #8d9056; color: #fff; display: block; font-size: 0.75em; padding: 0.625em; position: absolute; right: 0; text-decoration: none; top: -20px; } .alert-dismiss:hover { color: #feffeb; } .warn { background-color: #feffeb; font-size: 0.875em; margin: -5px 0 15px; padding: 5px 10px; } .warn.inline { border: 1px solid #8d9056; border-radius: 5px; display: block; margin: 20px 0; text-align: center; } .vid-wrap { height: 0; margin: 20px 0 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .vid-wrap iframe, .vid-wrap object, .vid-wrap embed, .vid-wrap img, .vid-wrap video { border-radius: 5px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } body { background: url("https://ellislab.com/asset/css/img/footer-pat.gif") repeat scroll 0 0 #fafafa; color: #666; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 90%; } html, body, h1, h2, h3, h4, fieldset, input, textarea, pre, figure, figcaption { margin: 0; padding: 0; } footer, nav, section, label, code.full { display: block; } del { color: #a6a6a6; } hr { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: gray; border-image: none; border-style: solid; border-width: 1px 0 0; height: 1px; } h1, h2, h3, h4 { color: #10618f; font-size: 1.125em; font-weight: 100; } h1 { font-size: 1.5em; position: relative; } h3 { font-size: 90%; font-weight: 700; } ul, ol, p, blockquote, code.full { margin: 1.25em 0; } ul, ol, blockquote { padding-left: 2.5em; } ul { list-style-type: circle; } ul.downloads { list-style-type: none; padding: 0; } ul.downloads li { text-align: center; } ul.downloads li a { background: url("https://ellislab.com/asset/css/img/dl-el.gif") no-repeat scroll center center transparent; display: block; height: 121px; text-indent: -13000em; } ul.downloads li.logos-ee a { background-image: url("https://ellislab.com/asset/css/img/dl-ee.gif"); } ul.downloads li.logos-ci a { background-image: url("https://ellislab.com/asset/css/img/dl-ci.gif"); } ul.downloads li.logos-mm a { background-image: url("https://ellislab.com/asset/css/img/dl-mm.gif"); } ul.checklist, ul.correctlist { list-style-image: url("https://ellislab.com/asset/css/img/li-checks.png"); } ul.correctlist { color: #209544; } ul.starlist { list-style-image: url("https://ellislab.com/asset/css/img/li-star.png"); } ul.arrowlist { list-style-image: url("https://ellislab.com/asset/css/img/li-arrow.png"); } ul.wronglist { color: #b13131; list-style-image: url("https://ellislab.com/asset/css/img/li-wrong.png"); } ul.thicklist li { margin-bottom: 10px; } ul.nested ul, ul.nested ol { margin: 0; } p, li { line-height: 1.7; } blockquote { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("https://ellislab.com/asset/css/img/quotes.gif") no-repeat scroll 0 20px transparent; border-color: #d9d9d9; border-image: none; border-style: dotted; border-width: 1px 0; padding: 1.25em 0 1.25em 2.5em; } blockquote.note { background-position: 0 0; border-top: 0 none; padding-top: 0; } blockquote.answer cite { display: block; font-size: 14px; margin-top: 8px; } blockquote p { color: #10618f; font-family: Georgia,"Times New Roman",serif; font-size: 1.125em; font-style: italic; margin: 0 0 0.625em; } blockquote.answer p { color: #666; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 90%; font-style: normal; } blockquote.answer h2, blockquote.answer h3 { margin-bottom: 10px; } blockquote cite { color: #b2b2b2; } blockquote.pullquote { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-image: none; border-color: #d9d9d9; border-image: none; border-style: solid; border-width: 0 0 0 5px; float: left; margin: 0 0 10px; max-width: 440px; padding: 5px 20px; } blockquote.pullquote.pullright { border-width: 0 5px 0 0; float: right; } code, pre { font-family: "Courier New",Courier,monospace; font-size: inherit; } code { background-color: #f3f3f3; border-radius: 3px; color: #222; padding: 1px 3px; } .full, .codeblock { background-color: #10618f; border-radius: 3px; overflow: auto; padding: 1.25em; position: relative; } .full code, .codeblock code { background-color: #10618f; border-radius: 0; color: #fff; padding: 0; } .codeblock { margin: 1.25em 0; white-space: nowrap; } .f-list td .codeblock { max-width: 800px; } mark, .highlight { background-color: #feffeb; color: inherit; } a { color: #10618f; } a:hover { color: #9d5c5b; } abbr { border-bottom: 1px dotted #666; cursor: help; } a img, fieldset { border: 0 none; } figure { position: relative; } figure.showcase { background: none repeat scroll 0 0 #10618f; padding: 10px; } figure.showcase img { border-radius: 0; } figure.showcase figcaption { border: 0 none; color: #fff; padding-bottom: 0; } figure.showcase figcaption a { color: #fff; } figure.showcase figcaption a:hover { color: #feffeb; } figure.mb { margin-bottom: 1.25em; } .showcase-wrap .showcase { margin-top: 0; } figure img { border-radius: 5px; max-width: 100%; } figcaption { border-bottom: 1px dotted #d9d9d9; font-family: Georgia,"Times New Roman",serif; font-size: 0.75em; font-style: italic; padding: 0.1875em 0.3125em 0.4375em; } figcaption b { font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-style: normal; } .vid-wrap { height: 0; margin: 20px 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .vid-wrap iframe, .vid-wrap object, .vid-wrap embed, .vid-wrap img, .vid-wrap video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } table { border: 1px dotted #b2b2b2; border-spacing: 0; box-sizing: border-box; padding: 0.125em; width: 100%; } table tr.alt { background-color: #f7fdff; } table tr.sub-head { background-color: #fafafa; } table tr.sub-head td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #d9d9d9; border-image: none; border-style: solid; border-width: 1px 0; font-weight: 700; } table th, table td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #b2b2b2; border-image: none; border-style: dotted; border-width: 0 1px 0 0; font-size: 0.875em; padding: 0.625em; position: relative; } table th:last-child, table td:last-child { border-right: 0 none; } table th ul, table td ul { margin: 0.625em 0 0; } table th li, table td li { font-size: 14px; } table th.vtop, table td.vtop { vertical-align: top; } table th .remove, table td .remove { float: right; position: relative; top: 0; } table th { background-color: #10618f; border-color: #1580bd; box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.3) inset; color: #fff; font-weight: 400; text-align: left; } table.rows { border: 0 none; } table.rows th, table.rows td { border: 0 none; } table.lines { border: 0 none; } table.lines td, table.lines th { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #d9d9d9; border-image: none; border-style: solid; border-width: 0 1px 1px 0; } table.lines td:last-child, table.lines th:last-child { border-right: 0 none; } table.lines th { background-color: transparent; border-bottom: 1px solid #10618f; border-color: #10618f; border-width: 1px 0; box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.05) inset; color: #10618f; } .compare { background-color: #fff; margin-bottom: 20px; } .compare .yes, .compare .no { border-bottom: 1px solid; font-size: 1.5em; line-height: 0; text-align: center; } .compare .yes.last, .compare .no.last { border-bottom: 0 none; } .compare .yes { background-color: #f7fff6; border-color: #c2f2d1; color: #209544; } .compare .no { background-color: #fff9f9; border-color: #eec0c0; color: #b13131; } .compare td:first-child { border-bottom: 1px solid #add8eb; } .compare tr:last-child td:first-child { border-bottom: medium none; } .compare th { font-size: 0.75em; } .wall-table { margin: 20px 0; } .wall-table td { vertical-align: top; } .wall-table thead small code { font-size: 14px; } .wall-table tbody td { border-bottom: 1px dotted #b2b2b2; } .wall-table tbody td ul { list-style-type: none; margin: 0; padding: 0; } .wall-table tbody td li { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04); display: block; font-size: 12px; margin: 0 0 5px; padding: 5px 10px; position: relative; } .wall-table tbody td li:last-child { margin-bottom: 0; } .wall-table tbody td li:hover { background-color: #feffeb; } .wall-table tbody td li:after { clear: both; content: ""; display: block; } .wall-table tbody td li a { padding-bottom: 5px; text-decoration: none; } .wall-table tbody td li img { border-radius: 50px; float: right; margin-left: 5px; margin-right: -5px; } .wall-table tbody td .git-label { border-top: 1px solid #f0f0f0; margin: 15px 0 5px; padding-top: 5px; } .wall-table tbody td .git-label li { border: 0 none; border-radius: 0; box-shadow: 0 0 rgba(0, 0, 0, 0); cursor: help; float: left; height: 5px; margin-bottom: 0; margin-right: 2px; padding: 0; width: 15px; } .wall-table tbody td .git-label:after { clear: both; content: ""; display: block; } .wall-table th.milestone { background-color: #dcebf3; border-width: 0 0 1px; box-shadow: 0 0 rgba(0, 0, 0, 0) inset; color: #10618f; font-weight: 700; } .wall-table th.milestone small { font-weight: 400; } .progress-wrap { background-color: #fafafa; border-top: 1px solid #d9d9d9; margin: 15px -10px -5px; padding: 10px; } .progress-bar { background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 15px; box-sizing: border-box; height: 8px; padding: 1px; position: relative; width: 100%; } .percent { background-color: #d9d9d9; border-radius: 5px; font-size: 10px; padding: 0 3px; position: absolute; right: -2px; top: -6px; } .fill { background-color: #9d5c5b; border-radius: 15px; display: block; height: 100%; } .fill.quarter { background-color: #ea8111; } .fill.half { background-color: #ffc911; } .fill.third { background-color: #d1f024; } .fill.done { background-color: #5bb131; } .extra-notes { margin-bottom: 20px; } .extra-notes p { font-size: 0.75em; } .sort-form { background-color: #feffeb; border: 1px solid #8d9056; border-radius: 5px; font-size: 14px; margin: 10px 0 40px; padding: 10px 10px 5px; position: relative; text-align: center; } .sort-form input[type="submit"] { margin-bottom: 5px; } .placeholder { color: #8d8d8d; } fieldset em { border-bottom: 1px dotted #d9d9d9; color: #b2b2b2; display: block; font-size: 0.75em; font-weight: 400; margin: -0.9375em 0 1.25em; padding-bottom: 0.625em; } #pronet-join, #comment_form { margin-top: 20px; } label { font-weight: 700; margin-bottom: 0.3125em; position: relative; } label span { background-color: #ea8111; border-radius: 5px; color: #fff; display: block; font-size: 0.625em; font-weight: 400; padding: 0.3125em 0.625em; position: absolute; right: 0; text-transform: uppercase; top: 0; } .error label, label.error { color: #b13131; } .error em, em.error { border-color: #b13131; color: #b13131; } input, textarea, select { font-family: inherit; font-size: 0.875em; } input, textarea, select[multiple="multiple"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: #b2b2b2 #d9d9d9 #d9d9d9 #b2b2b2; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09) inset; box-sizing: border-box; margin-bottom: 1.25em; padding: 0.625em; width: 100%; } input:focus, textarea:focus, select[multiple="multiple"]:focus { background-color: #feffeb; border-color: #8d9056; outline: 0 none; } input[type="submit"], textarea[type="submit"], select[multiple="multiple"][type="submit"] { background-color: #2d88bc; background-image: linear-gradient(to bottom, #2d88bc, #10618f); border: 0 none; border-radius: 5px; box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.3); color: #fff; cursor: pointer; display: inline-block; font-size: 0.875em; padding: 0.625em 0.9375em; text-decoration: none; text-transform: uppercase; width: auto; } input[type="submit"] span:first-child, textarea[type="submit"] span:first-child, select[multiple="multiple"][type="submit"] span:first-child { display: none; } input[type="submit"]:hover, textarea[type="submit"]:hover, select[multiple="multiple"][type="submit"]:hover { background-color: #3496ce; background-image: linear-gradient(to bottom, #3496ce, #1371a6); color: #fff; } input[type="submit"]:after, textarea[type="submit"]:after, select[multiple="multiple"][type="submit"]:after { content: " ›"; font-size: 1.5em; font-weight: 900; line-height: 0; } input.green[type="submit"], textarea.green[type="submit"], select.green[multiple="multiple"][type="submit"] { background-color: #5bb131; background-image: linear-gradient(to bottom, #5bb131, #209544); } input.green[type="submit"]:hover, textarea.green[type="submit"]:hover, select.green[multiple="multiple"][type="submit"]:hover { background-color: #65c537; background-image: linear-gradient(to bottom, #65c537, #25aa4e); } input.red[type="submit"], textarea.red[type="submit"], select.red[multiple="multiple"][type="submit"] { background-color: #ff3c00; background-image: linear-gradient(to bottom, #ff3c00, #b13131); } input.red[type="submit"]:hover, textarea.red[type="submit"]:hover, select.red[multiple="multiple"][type="submit"]:hover { background-color: #ff501a; background-image: linear-gradient(to bottom, #ff501a, #c53737); } input.red[type="submit"]:after, textarea.red[type="submit"]:after, select.red[multiple="multiple"][type="submit"]:after { content: " ✖"; position: relative; top: 2px; } input.flat.on-dark[type="submit"], textarea.flat.on-dark[type="submit"], select.flat.on-dark[multiple="multiple"][type="submit"] { background-color: #fff; background-image: linear-gradient(to bottom, #fff, #fff); box-shadow: 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 0 rgba(0, 0, 0, 0); color: #e0370a; } input.flat.on-dark[type="submit"]:hover, textarea.flat.on-dark[type="submit"]:hover, select.flat.on-dark[multiple="multiple"][type="submit"]:hover { opacity: 0.9; } input.disable[type="submit"], textarea.disable[type="submit"], select.disable[multiple="multiple"][type="submit"], input.back[type="submit"], textarea.back[type="submit"], select.back[multiple="multiple"][type="submit"], input.working[type="submit"], textarea.working[type="submit"], select.working[multiple="multiple"][type="submit"] { background-color: #f0f0f0; background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0); box-shadow: 0 0 rgba(0, 0, 0, 0); color: #b2b2b2; cursor: not-allowed; } input.disable[type="submit"]:after, textarea.disable[type="submit"]:after, select.disable[multiple="multiple"][type="submit"]:after, input.back[type="submit"]:after, textarea.back[type="submit"]:after, select.back[multiple="multiple"][type="submit"]:after, input.working[type="submit"]:after, textarea.working[type="submit"]:after, select.working[multiple="multiple"][type="submit"]:after { content: ""; } input.back[type="submit"], textarea.back[type="submit"], select.back[multiple="multiple"][type="submit"] { cursor: pointer; } input.working[type="submit"] b, textarea.working[type="submit"] b, select.working[multiple="multiple"][type="submit"] b { animation-direction: alternate; animation-duration: 0.5s; animation-iteration-count: infinite; animation-name: blinker; animation-timing-function: ease-in-out; font-weight: 400; } input.left[type="submit"]:before, textarea.left[type="submit"]:before, select.left[multiple="multiple"][type="submit"]:before { content: "‹ "; font-size: 1.5em; font-weight: 900; line-height: 0; } input.left[type="submit"]:after, textarea.left[type="submit"]:after, select.left[multiple="multiple"][type="submit"]:after { content: ""; } input[type="radio"], textarea[type="radio"], select[multiple="multiple"][type="radio"] { width: auto; } textarea { height: 10.5em; min-height: 10.5em; resize: vertical; } .error input, .error textarea, input.error, textarea.error { background-color: #fff9f9; border-color: #b13131; } input.disable, textarea.disable { background-color: #fafafa; border-color: #d9d9d9; box-shadow: 0 0 rgba(0, 0, 0, 0) inset; color: #b2b2b2; } input.notes-field { background-color: #feffeb; border-color: #8d9056; box-shadow: 0 0 rgba(0, 0, 0, 0.09) inset; color: inherit; font-size: inherit; margin: 0; padding: 3px; width: 40%; } .inline-field label { display: inline; float: left; line-height: 1; } .inline-field input[type="radio"], .inline-field input[type="checkbox"] { display: inline; float: left; margin-right: 10px; width: auto; } .checks-field label { font-size: 14px; font-weight: 400; line-height: 1; } .checks-field label:after { clear: both; content: ""; display: block; } .checks-field input[type="radio"], .checks-field input[type="checkbox"] { display: inline; float: left; margin-right: 10px; width: auto; } .filter-list { font-size: 0.875em; margin: 10px 0 20px; } .search-form { border-bottom: 1px dotted #d9d9d9; margin: 10px 0 20px; } p.note { font-size: 12px; } header ul { list-style-type: none; margin: 0; padding: 0; } header .column-wrap, footer .column-wrap { margin: 0 auto; position: relative; } header .column, footer .column { margin-bottom: 0; } .home header { border-bottom: 2px solid #a2becd; } .content { background-color: #fff; padding: 10px 0 20px; } .home .content, .store .content { padding-top: 0; } .forum .content { padding-top: 20px; } .main-nav { background: url("https://ellislab.com/asset/css/img/main-nav-linen.gif") repeat scroll 0 0 #3b4e59; border-bottom: 2px solid #04202d; padding: 18px 0; position: relative; } .main-nav li { font-size: 14px; line-height: 1; margin-right: 10px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4); text-transform: uppercase; } .main-nav li.menu-ico { display: block; margin-bottom: 0; } .main-nav li.menu-ico img { display: block; } .main-nav li.last-item { margin: 0; } .main-nav a { color: #fff; text-decoration: none; } .main-nav a:hover, .main-nav a.act { color: #fff0bd; } .main-nav:after { clear: both; content: ""; display: block; } .primary-nav { display: none; } .primary-nav ul { border-top: 1px dotted #04202d; margin-top: 20px; padding-top: 20px; } .primary-nav ul.products-nav { border: 0 none; margin-top: 0; padding: 0; } .primary-nav li { margin-bottom: 10px; } .primary-nav .products-item a { cursor: default; } .primary-nav .products-item a:hover { color: #fff; } .products-nav { margin-left: 20px; } .products-nav li { text-transform: none; } .products-nav li.last-item { margin-bottom: 20px; } .secondary-nav { position: absolute; right: 20px; top: 0; } .secondary-nav li { display: inline; float: left; margin: 0 0 0 10px; } .secondary-nav .cart-number { background: url("https://ellislab.com/asset/css/img/cart-ico.png") no-repeat scroll 0 0 transparent; padding-left: 21px; } .breadcrumb-nav { background: none repeat scroll 0 0 #fafafa; border-bottom: 1px dotted #d9d9d9; border-top: 2px solid #a2becd; padding: 10px 0; } .breadcrumb-nav li { color: #666; display: inline; float: left; font-size: 14px; margin-right: 5px; } .breadcrumb-nav li:after { color: #b2b2b2; content: " ›"; font-size: 22px; font-weight: 900; line-height: 0; position: relative; top: 2px; } .breadcrumb-nav li.last:after { content: ""; } .breadcrumb-nav a { color: #be320d; text-decoration: none; } .breadcrumb-nav a:hover { color: #3b4e59; } .breadcrumb-nav:after { clear: both; content: ""; display: block; } .masthead { background: url("https://ellislab.com/asset/css/img/masthead-pat.gif") repeat scroll 0 0 #dcebf3; border-bottom: 2px solid rgba(255, 255, 255, 0.8); border-top: 2px solid #fff; padding: 20px 0; position: relative; } .masthead img { display: block; max-width: 50%; } .extra { bottom: 0; position: absolute; right: 20px; } footer { border-top: 1px solid #d9d9d9; } footer .logo img { display: block; margin: 30px auto 0; } footer p { font-size: 14px; margin: 0; } footer ul { list-style-type: none; margin: 20px 0 0; padding: 0; } footer li { font-size: 14px; } .copyright-wrap { background-color: #fafafa; border-bottom: 1px dotted #b2b2b2; border-top: 2px solid #fff; padding: 10px 0; } .copyright-wrap span { font-size: 12px; } .copyright-wrap:after { clear: both; content: ""; display: block; } .builton { border-top: 1px solid #f0f0f0; margin-top: 15px; padding-top: 15px; } .sitemap { margin-bottom: 60px; } .connect { background: url("https://ellislab.com/asset/css/img/masthead-pat.gif") repeat scroll 0 0 #dcebf3; border-bottom: 2px solid #a2becd; box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.04); padding: 1px 0 20px; } .connect h1 { font-weight: 900; } .connect h2 { margin: 0 0 10px; padding: 0 20px; } .connect input { margin-bottom: 0; } .connect input[type="text"] { border-color: #add8eb; width: 170px; } .connect input[type="text"]:focus { border-color: #10618f; } .connect form .column { display: inline; float: left; } .connect .social-wrap { margin-bottom: 20px; } .connect .first { padding-right: 0; } .full-width { padding: 0; } .first-initial { text-transform: uppercase; } .column-wrap { margin: 1.25em auto; max-width: 1020px; } .column-wrap.partner-wrap { margin-top: 20px; } .column-wrap:after { clear: both; content: ""; display: block; } .column-wrap.no-mrg { margin: 0 auto; } .full-width .column-wrap { margin: 0 auto; } .column { box-sizing: border-box; margin-bottom: 1.25em; padding: 0 1.25em; } .box { background-color: #fafafa; overflow: hidden; padding: 0.625em 0.725em 1px; } .feature { background-color: #fafafa; border-bottom: 1px solid #d9d9d9; margin: 0 0 1.25em; } .events-wrap .column, .jobs-wrap .column { position: relative; } .event-btns, .job-btns { margin-bottom: 20px; } .com-sites { border-bottom: 1px dotted #d9d9d9; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.04); margin-bottom: 40px; } .com-sites .sr { padding-bottom: 30px; } .com-sites figure { margin-bottom: 10px; } .content .safecracker_file_set { color: inherit; font-family: inherit; } .content .safecracker_file_thumb { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #d9d9d9; border-image: none; border-style: none none none solid; border-width: 0 0 0 1px; margin: 20px 0; padding: 3px 0 0 15px; } .irc-frame { border: 2px solid #10618f; box-sizing: border-box; } .social-ico { list-style-type: none; margin: 0; padding: 0; } .social-ico li { display: inline; float: left; margin-right: 10px; } .social-ico li a { background: url("https://ellislab.com/asset/css/img/social-ico.png") no-repeat scroll 0 0 transparent; display: block; height: 30px; text-indent: -13000em; width: 30px; } .social-ico li.twitter a { background-position: 0 0; } .social-ico li.twitter a:hover { background-position: -30px 0; } .social-ico li.www a { background-position: 0 -30px; } .social-ico li.www a:hover { background-position: -30px -30px; } .social-ico li.email a { background-position: 0 -60px; } .social-ico li.email a:hover { background-position: -30px -60px; } .social-ico li.facebook a { background-position: 0 -90px; } .social-ico li.facebook a:hover { background-position: -30px -90px; } .social-ico:after { clear: both; content: ""; display: block; } .edit { background-color: #feffeb; border: 1px solid #fff0bd; border-radius: 5px; font-size: 10px; font-weight: 700; padding: 5px 5px 3px; position: relative; text-decoration: none; text-transform: uppercase; top: -4px; } .paginate-wrap:after { clear: both; content: ""; display: block; } .subnav { list-style-type: none; margin: 0 0 1.25em; padding: 0; } .subnav a.act { color: #9d5c5b; font-weight: 700; } .sorter { font-size: 14px; margin-top: 10px; } .sidebar { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #b2b2b2; border-image: none; border-style: solid; border-width: 1px 0 0; padding-top: 1.25em; } .sidebar address { font-size: 0.875em; font-style: normal; line-height: 1.5; margin: 1.25em 0; } .sidebar address span { display: block; } .sidebar address span.inline { display: inline-block; } .sidebar .note { font-size: 12px; } .aside img { background-color: #10618f; padding: 10px; } .aside address { font-size: 14px; font-style: normal; line-height: 1.4; margin: 20px 0; } .aside li { font-size: 14px; } .aside .member-since { font-size: 13px; margin: 5px 0 10px; } .pronet-wrap { list-style-type: none; margin: 0; padding: 0; } .pronet-wrap li { display: inline; float: left; margin-bottom: 20px; margin-right: 20px; } .pronet-wrap:after { clear: both; content: ""; display: block; } img.pronet-logo, .pronet-wrap img { background-color: #fff; border: 1px solid #d9d9d9; display: block; padding: 5px; } .item-wrap { border-bottom: 1px solid #d9d9d9; box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.02); margin-bottom: 2.5em; padding-bottom: 2.5em; position: relative; } .item-wrap.blog .meta { margin-bottom: 20px; } .item-wrap:before, .item-wrap:after { background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #fff); bottom: -6px; content: ""; height: 6px; position: absolute; width: 50%; } .item-wrap:before { left: 0; } .item-wrap:after { background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); right: 0; } .item-wrap.last { border: 0 none; box-shadow: 0 0 rgba(0, 0, 0, 0); margin: 0; padding: 0; } .solution { background-color: #f7fff6; border-top: 2px solid #209544; margin: 1.25em 0 0; padding: 10px 0; } .solution h2 { border-bottom: 1px solid #5bb131; color: #209544; margin-bottom: 20px; padding-bottom: 10px; } .solution:after { clear: both; content: ""; display: block; } .solution .column-wrap { margin: 0 auto; } .just-the-facts.sb { border-bottom: 0 none; padding-bottom: 0; } .home .hero.feature { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: transparent; border-color: #d9d9d9; border-image: none; border-style: solid; border-width: 1px 0; box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.02), 0 -5px 0 0 rgba(0, 0, 0, 0.02); padding: 30px 0 10px; } .pn-header { margin-bottom: 20px; position: relative; } .pn-badges { margin: 0 0 10px; } .pn-badges:after { clear: both; content: ""; display: block; } .pn-ico { background: url("https://ellislab.com/asset/css/img/pn-ico-org.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: left; height: 30px; margin-right: 10px; position: relative; width: 30px; z-index: 3; } .pn-ico.support { width: 103px; } .pn-ico.support.silver { background-image: url("https://ellislab.com/asset/css/img/pn-support-silver.png"); } .pn-ico.support.gold { background-image: url("https://ellislab.com/asset/css/img/pn-support-gold.png"); } .pn-ico.support.platinum { background-image: url("https://ellislab.com/asset/css/img/pn-support-platinum.png"); } .pn-ico.org { background-image: url("https://ellislab.com/asset/css/img/pn-ico-org.png"); } .pn-ico.freelancer { background-image: url("https://ellislab.com/asset/css/img/pn-ico-freelancer.png"); } .comments, .inline-comments { background-color: #f7fdff; background-image: linear-gradient(to bottom, #f7fdff, #fff); border-top: 1px solid #add8eb; padding-top: 1.25em; } .comments h2, .inline-comments h2 { font-size: 1.5em; } .comments h3, .inline-comments h3 { font-size: 90%; margin-bottom: 0; } .comments ol, .inline-comments ol, .comments ul, .inline-comments ul { list-style-type: none; margin: 0; padding: 0; } .comments ol:after, .inline-comments ol:after, .comments ul:after, .inline-comments ul:after { clear: both; content: ""; display: block; } .comments ol, .inline-comments ol { margin: 1.25em 0; } .comments li, .inline-comments li { border-bottom: 1px dotted #add8eb; margin-bottom: 1.25em; padding-bottom: 1.25em; } .comments li img.avatar, .inline-comments li img.avatar { border: 1px dotted #10618f; display: inline; float: left; margin: 0.3125em 0.625em 0.625em 0; padding: 0.3125em; width: 40px; } .comments li p, .inline-comments li p { font-size: 0.875em; margin: 0 0 1.25em; } .comments li .meta p, .inline-comments li .meta p { font-size: 0.75em; } .comments li div:first-child, .inline-comments li div:first-child { background-color: #fff; border: 1px solid #add8eb; border-radius: 5px; box-shadow: 2px 2px 2px 0 rgba(24, 99, 144, 0.08); padding: 0.625em 0.9375em 0; position: relative; } .comments li:last-child, .inline-comments li:last-child { border: 0 none; margin-bottom: 0; padding-bottom: 0; } .comments li:after, .inline-comments li:after { clear: both; content: ""; display: block; } .comments li ol, .inline-comments li ol { list-style-type: decimal; } .comments li ul, .inline-comments li ul { list-style-type: disc; } .comments li ul, .inline-comments li ul, .comments li ol, .inline-comments li ol { margin: 20px 0 20px 40px; } .comments li ul li, .inline-comments li ul li, .comments li ol li, .inline-comments li ol li { border: 0 none; font-size: 14px; margin: 0; padding: 0; } .inline-comments { margin-top: 20px; padding: 1.25em 1.25em 0; } .inline-comments ol { margin-top: 0; } .inline-comments video { max-width: 100%; } .meta p { border-bottom: 1px dotted #b2b2b2; font-size: 0.875em; margin: 0; padding: 0.625em 0; } .meta + figure { margin-top: 1.25em; } .comments .meta p, .inline-comments .meta p { border: 0 none; padding: 0; } .arrow, .arrow-border { border-color: #add8eb transparent transparent; border-style: solid; border-width: 10px; bottom: -20px; height: 0; left: 15px; position: absolute; width: 0; } .arrow { border-color: #fff transparent transparent; bottom: -19px; } .archive { list-style-type: none; margin: 1.25em 0; padding: 0; } .archive .meta p { border: 0 none; } .archive li { border-bottom: 1px solid #d9d9d9; margin-bottom: 1.25em; } .archive li:first-child { padding-top: 0; } .archive li:last-child { border: 0 none; } .archive li.last { border: 0 none; margin-bottom: 0; } .archive li ul { margin: 0.625em 0; padding-left: 1.25em; } .archive li li { border: 0 none; font-size: 0.875em; margin: 0 0 1.25em; } .archive li li h2 { color: #666; } .archive li li p { font-size: 0.875em; margin: 0; } .archive time { background-color: #feffeb; font-size: 0.875em; } .ent-logo { margin-bottom: 1.25em; } .ent-work { margin-top: 1.25em; } .ent-logo-wrap a { background: none repeat scroll 0 0 #fff; border: 1px solid #d9d9d9; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); display: block; height: 240px; line-height: 240px; text-align: center; } .ent-logo-wrap a img { vertical-align: middle; } .banner { background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); box-sizing: border-box; font-size: 0.875em; padding: 1.25em; } .banner a { text-decoration: none; } .banner p { margin: 0.625em 0; } .banner h2 { font-size: 1.5em; font-weight: 700; } .events-wrap .meta, .jobs-wrap .meta { margin-bottom: 1.25em; } .events-wrap .btns, .jobs-wrap .btns { border-top: 1px dotted #d9d9d9; margin-top: 1.25em; padding-top: 0.625em; text-align: right; } .events-wrap .btns .green, .jobs-wrap .btns .green { margin-right: 10px; } .jobs-wrap .dim .meta p { border-bottom: 0 none; } .jobs-feature { background-color: #fff; background-image: linear-gradient(to bottom, #fff, #fafafa); border-bottom: 2px solid #d9d9d9; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .showcase-wrap { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f7fdff; border-color: #d9d9d9; border-image: none; border-style: solid; border-width: 1px 0; margin: 2.5em 0; overflow: hidden; padding: 1.25em 0; position: relative; } .showcase-wrap:before { background-color: rgba(250, 250, 250, 0); background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0), #fafafa); bottom: 0; content: ""; display: block; height: 30px; position: absolute; width: 100%; z-index: 5; } .showcase-wrap:after { clear: both; content: ""; display: block; } .showcase-img { border: 1px solid #d9d9d9; border-radius: 5px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08); height: 160px; margin-bottom: 40px; overflow: hidden; padding: 5px; position: relative; } .showcase-img img { display: block; } .showcase-img figcaption { display: none; } .showcase-img:before { background-color: rgba(250, 250, 250, 0); background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0), #fafafa); bottom: 0; content: ""; display: block; height: 30px; position: absolute; width: 100%; z-index: 5; } .showcase-img:hover figcaption { background-color: rgba(0, 0, 0, 0.8); border: 0 none; display: block; left: 0; padding: 10px; position: absolute; right: 0; top: 0; } .showcase-img:hover figcaption a { color: #fff; text-decoration: none; } .login-wrap { background-color: #fafafa; border: 1px solid #add8eb; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); padding: 0.625em; position: absolute; right: 1.25em; top: 30px; z-index: 20000; } .login-wrap a { color: #10618f; } .login-wrap a:hover { color: #b13131; } .login-wrap ul { margin: 10px 0 0; padding-left: 30px; } .login-wrap li { line-height: 1.7; text-shadow: 0 0 0 rgba(0, 0, 0, 0); text-transform: none; } .login-form .last input { margin: 0 auto; } .login-wrap .arrow, .login-wrap .arrow-border { border-color: transparent transparent #add8eb; bottom: auto; display: block; left: auto; right: 5px; top: -20px; z-index: 5; } .login-wrap .arrow { border-color: transparent transparent #fafafa; bottom: auto; top: -19px; } .page-nav { display: inline; float: right; list-style-type: none; margin: 6px 0 0; padding: 0; } .page-nav li { border: 0 none; display: inline; float: left; line-height: 1; margin-bottom: 0; margin-left: 0.625em; padding-bottom: 0; } .page-nav li:last-child { display: inline; float: right; } .page-nav a, .in-page a { background-color: #fff; background-image: linear-gradient(to bottom, #fff, #feffeb); border: 1px solid #add8eb; border-radius: 5px; display: block; font-size: 0.75em; padding: 0.625em; text-decoration: none; } .page-nav a .nav-word, .in-page a .nav-word { display: none; } .page-nav a .nav-arrow, .in-page a .nav-arrow { display: block; font-size: 22px; font-weight: 900; line-height: 0.35; padding: 0 0 3px; } .page-nav a.active, .in-page a.active { border-color: #c22a00; color: #c22a00; font-weight: 700; } .add-sites { border: 0 none; } .steps ul { box-sizing: border-box; list-style-type: none; margin-bottom: 0; margin-top: 0; padding: 0.625em 1.25em; } .steps li { margin: 0; } .steps li.act a { color: #5bb131; font-weight: 700; } .steps li.act a:before { background-position: -16px 0; } .steps li.done a { color: #5bb131; } .steps li.done a:before { background-position: -32px 0; } .steps a { color: #b2b2b2; display: block; text-decoration: none; } .steps a:before { background: url("https://ellislab.com/asset/css/img/store/store-steps.gif") no-repeat scroll 0 0 transparent; content: ""; display: block; float: left; height: 16px; margin: 4px 10px 0 0; width: 16px; } .box { background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 5px; margin-bottom: 1.25em; padding: 0.625em; position: relative; } .box.last { margin-bottom: 0; } .box.act { background-color: #feffeb; border-color: #e2e3cf; } .box p, .box address { font-size: 0.75em; line-height: 1; margin: 0 0 5px 22px; } .edit-box .box h3 { margin-bottom: 10px; } .edit-box .box p, .edit-box .box address { margin-left: 0; } .support-package-wrap .column.colspan-3rd { padding: 0; } .support-package-wrap ul { margin: 10px 0; } .support-package-wrap li { font-size: 0.875em; } .support-package-wrap p strong { display: block; } .support-package-wrap:after { clear: both; content: ""; display: block; } .btns { margin-top: 1.25em; } .btns.top { margin-bottom: 1.25em; } .btns:after { clear: both; content: ""; display: block; } .select-wrap input, .select-wrap img, .select-wrap h3 { display: inline; float: left; margin-right: 0.625em; } .select-wrap input, .select-wrap h3 { position: relative; top: 4px; } .select-wrap h3 { top: 2px; } .select-wrap i { color: #666; display: block; font-weight: 400; } .select-wrap:after { clear: both; content: ""; display: block; } .has-form h3 { margin-bottom: 1.25em; } .has-form .column.first, .has-form .column.last { padding: 0; } .edit-btn, .remove { position: absolute; right: 5px; top: 5px; } .edit-btn { right: 25px; } .field-wrap fieldset.column, .field-wrap fieldset .column { margin-bottom: 0; } .field-wrap:after { clear: both; content: ""; display: block; } .note-modal { display: none; } .cart-note { background-color: #feffeb; font-size: 0.875em; margin: 5px 0 0; padding: 3px 7px; } .cart-quantity, .cart-coupon { font-weight: 700; margin-bottom: 0; text-align: center; width: 100%; } .cart-coupon { color: #209544; width: 100px; } .head-btns, .head-notes, .head-remove, .head-quantity { width: 1%; } .head-quantity span:first-child { display: none; } .add-sites .head-quantity { width: 6%; } .discount { background-color: #feffeb; font-weight: 700; } .discount td:first-child { text-align: right; } .discount td { border-top: 1px solid #ced0af; } .discount.bulk td { border-top-style: dotted; } .total { background-color: #f7fff6; color: #209544; font-weight: 700; } .total td { border-top: 2px solid #b1e398; } .total td:first-child { text-align: right; } .total .positive { font-size: 1.125em; } .manage, .support-wrap { margin: 1.25em 0; } .support-wrap input { margin-bottom: 0; } .support-wrap input[type="radio"] { display: inline; float: left; margin-right: 5px; margin-top: 3px; } .choice-txt { display: inline; float: left; margin-left: 10px; } .choice-change { white-space: nowrap; width: 25%; } .support-wrap .mini-cta { margin-bottom: 0; } .support-wrap .mini-cta.cancel { background-color: #f0f0f0; border-color: transparent; color: #b2b2b2; } .support-wrap .mini-cta.cancel:hover { background-color: #b13131; color: #fff; } .support-wrap .highlight { border-bottom: 1px solid #fff0bd; text-align: center; } .invoiced { background-color: #fafafa; border-top: 1px solid #d9d9d9; font-size: 12px; } .bug-list { margin: 1.25em 0; } .bug-list td { border-bottom: 1px dotted #d9d9d9; } .bug-list .version-head { width: 1%; } .bug-list .version-cell { text-align: center; white-space: nowrap; } .bug-list .status-new { background-color: #fff; } .bug-list .status-review { background-color: #feffeb; } .bug-list .status-clarify { background-color: #feffeb; } .bug-list .status-accepted { background-color: #f7fdff; } .bug-list .status-dupe { background-color: #feffeb; } .bug-list .status-fixcoming { background-color: #f7fff6; } .bug-list .status-fixed { background-color: #f7fff6; } .bug-list .status-fixed td:first-child { text-decoration: line-through; } .bug-list .status-comment { background-color: #feffeb; } .help { color: #10618f; cursor: help; text-decoration: underline; } .bug-item { border: 1px solid; border-radius: 5px; padding: 10px 15px 0; } .bug-item.new { background-color: #fff; border-color: #d9d9d9; } .bug-item.new .bug-status p { background-color: #666; } .bug-item.clarify { background-color: #feffeb; border-color: #8d9056; } .bug-item.clarify .bug-status p { background-color: #8d9056; } .bug-item.accepted { background-color: #f7fdff; border-color: #10618f; } .bug-item.accepted .bug-status p { background-color: #10618f; } .bug-item.dupe { background-color: #feffeb; border-color: #8d9056; } .bug-item.dupe .bug-status p { background-color: #8d9056; } .bug-item.fixcoming { background-color: #f7fff6; border-color: #209544; } .bug-item.fixcoming .bug-status p { background-color: #209544; } .bug-item.fixed { background-color: #f7fff6; border-color: #209544; } .bug-item.fixed .bug-status p { background-color: #209544; text-decoration: line-through; } .bug-item.comment { background-color: #feffeb; border-color: #8d9056; } .bug-item.comment .bug-status p { background-color: #8d9056; } .bug-status { position: relative; } .bug-status p { border-radius: 5px; color: #fff; display: inline-block; font-size: 0.875em; margin: 0 0 10px; padding: 0 5px; } .bug-status a, .bug-status .help { color: #fff; } .bug-status .positive { color: #f7fff6; } .item { background-color: #f7fdff; border: 1px solid #add8eb; border-radius: 5px; margin: 20px 0; padding: 20px 20px 5px; position: relative; } .item .price { background-color: #add8eb; border-radius: 5px; color: #10618f; font-size: 18px; font-weight: 700; margin: 0 0 10px; padding: 0 8px; position: relative; top: 1px; z-index: 0; } .item .price span { font-size: 0.625em; vertical-align: super; } .item.sub, .item.sub-sub { background-color: #fafafa; border-color: #d9d9d9; padding: 10px 10px 0; } .item.sub h2, .item.sub-sub h2 { font-weight: 400; } .item.sub .price, .item.sub-sub .price { background-color: #d9d9d9; color: #666; } .item h2 { font-weight: 700; } .item h2 em { color: #b2b2b2; font-size: 0.875em; font-weight: 400; } .item p { margin: 0; } .item .info p { font-size: 0.875em; margin: 10px 0; } .item .cta { display: inline; float: right; position: relative; top: 0; z-index: 1; } .item:after { clear: both; content: ""; display: block; } .directory .item { padding-bottom: 15px; padding-top: 15px; } .directory .item .edit { top: 0; } .directory .item h2 { font-size: 90%; font-weight: 700; margin-bottom: 10px; } .directory .item figure { display: inline; float: left; margin-bottom: 10px; margin-right: 20px; } .directory .item p { display: inline; float: left; font-size: 0.75em; line-height: 1.5; } .directory .item p b { color: #60aad3; } .directory .item:after { clear: both; content: ""; display: block; } .item-note { color: #666; font-size: 0.875em; font-style: italic; font-weight: 400; } form .item h2 em { border: 0 none; display: inline; } .subtle { color: #b2b2b2; } .txt-cling { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f3f3f3; background-image: linear-gradient(to bottom, #f3f3f3, #fff); border-color: -moz-use-text-color #d9d9d9 #d9d9d9; border-image: none; border-radius: 0 0 5px 5px; border-right: 1px solid #d9d9d9; border-style: none solid solid; border-width: 0 1px 1px; margin-top: -24px; padding: 10px; } .ticket-pages:after { clear: both; content: ""; display: block; } .ticket-archive { list-style-type: none; padding: 0; } .ticket-archive li { border: 1px solid #d9d9d9; border-radius: 5px; margin-bottom: 20px; padding: 5px 10px 10px; position: relative; } .ticket-archive li.active, .ticket-archive li.awaiting-customer, .ticket-archive li.awaiting-staff, .ticket-archive li.needs-first-response { background-color: #f7fff6; border-color: #b1e398; } .ticket-archive li.abandoned { background-color: #fff9f9; border-color: #eec0c0; } .ticket-archive li .meta p { border: 0 none; padding: 5px 0 0; } .ticket-archive time { background-color: #feffeb; font-size: 12px; } span.active, span.awaiting-customer, span.awaiting-staff, span.needs-first-response { background-color: #f7fff6; color: #209544; } span.resolved { background: url("https://ellislab.com/asset/css/img/li-checks.png") no-repeat scroll 4px 4px #f7fff6; color: #209544; padding-left: 19px; } span.abandoned { color: #b13131; } .topic-type { border: 1px solid #d9d9d9; display: inline-block; font-size: 0.875em; padding: 3px 5px; } .topic-type.has-solution { background: url("https://ellislab.com/asset/css/img/li-checks.png") no-repeat scroll 4px 7px #f7fff6; padding-left: 19px; } .topic-type.needs-solution { background-color: #feffeb; } .topic-type.is-support { background-color: #f7fdff; } .topic-type.is-not-support { background: url("https://ellislab.com/asset/css/img/li-wrong.png") no-repeat scroll 4px 6px #fff9f9; padding-left: 19px; } .feedback { border-top: 1px dotted #d9d9d9; list-style-type: none; margin: 10px 0 0; padding: 10px 0 0; } .feedback li { background: url("https://ellislab.com/asset/css/img/help/feedback-icos.gif") no-repeat scroll 0 0 transparent; border: 0 none; border-radius: 0; display: inline; float: left; margin: 0; padding: 0; } .feedback li.title { background-image: none; margin-right: 10px; } .feedback li.positive, .feedback li.neutral, .feedback li.negative { cursor: pointer; height: 28px; margin-left: 5px; text-indent: -13000em; width: 26px; } .feedback li.positive a, .feedback li.neutral a, .feedback li.negative a { display: block; height: 28px; width: 26px; } .feedback li.positive { background-position: 0 -56px; } .feedback li.positive:hover { background-position: 0 -28px; } .feedback li.positive.act { background-position: 0 0; } .feedback li.neutral { background-position: -31px -56px; } .feedback li.neutral:hover { background-position: -31px -28px; } .feedback li.neutral.act { background-position: -31px 0; } .feedback li.negative { background-position: -62px -56px; } .feedback li.negative:hover { background-position: -62px -28px; } .feedback li.negative.act { background-position: -62px 0; } .feedback:after { clear: both; content: ""; display: block; } .support-feedback-wrap { list-style-type: none; padding-left: 0; } .support-feedback-wrap li { line-height: 1.8; margin-bottom: 5px; } .support-feedback-wrap li:after { clear: both; content: ""; display: block; } .support-feedback-wrap span { background: url("https://ellislab.com/asset/css/img/help/feedback-icos.gif") no-repeat scroll 0 0 transparent; display: block; float: left; height: 28px; margin-right: 10px; width: 26px; } .support-feedback-wrap .positive span { background-position: 0 0; } .support-feedback-wrap .neutral span { background-position: -31px 0; } .support-feedback-wrap .negative span { background-position: -62px 0; } .support-feedback-wrap:after { clear: both; content: ""; display: block; } .ticketlist { list-style-type: none; margin: 5px 0 10px; padding: 0; } .ticketlist li { border-bottom: 1px dotted #d9d9d9; margin: 0 0 5px; padding: 0 0 5px; position: relative; } .ticketlist span { position: absolute; right: 0; } .ticketlist span.resolved { background-position: 4px 5px; } .dim .ticketlist li { font-size: 12px; } .secure-ticket { background-color: #feffeb; border: 1px solid #f0f0f0; border-radius: 5px; font-size: 14px; padding: 10px 10px 0; } .secure-ticket dt { font-weight: 700; } .secure-ticket dd { background: url("https://ellislab.com/asset/css/img/li-checks.png") no-repeat scroll 0 5px transparent; font-style: italic; margin-bottom: 10px; margin-left: 0; padding-left: 15px; } .support.landing-page .support-jist { margin-top: 2.5em; } .support.landing-page .showcase { border-bottom: medium none; border-top: 2px solid #000; margin-bottom: 0; min-height: 523px; transition: all 0.5s ease-in-out 0s; } .support.landing-page .showcase .slides li.slide { padding-top: 2em; } .support.landing-page .showcase .slides li.slide.introduction .support-intro { text-align: left; } .support.landing-page .showcase .slides li.slide.introduction .support-intro .starlist.support-points { color: #fff; list-style-image: url("https://ellislab.com/asset/css/img/support/li-star-clr.png"); margin: 0; padding-left: 1.25em; } .support.landing-page .showcase .slides li.slide.introduction .support-intro .starlist.support-points li { color: #fff0bd; } .support.landing-page .showcase .slides li.slide.introduction .support-intro h2 { color: #fff0bd; font-family: MuseoSlab300,Georgia,"Times New Roman",serif; font-size: 2.25em; font-weight: 400; line-height: 1em; margin-bottom: 16px; margin-top: 14px; padding-bottom: 0; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } .support.landing-page .showcase .slides li.slide.introduction .support-intro h2 span { clear: both; content: ""; display: block; } .support.landing-page .showcase .slides li.slide.introduction .support-intro p { color: #fff; margin-top: 0; } .support.landing-page .showcase .slides li.slide.introduction .support-intro .see-pricing, .support.landing-page .showcase .slides li.slide.introduction .support-intro .splain { margin-top: 1.5em; } .support.landing-page .showcase .animation-wrap { height: auto; } .support.landing-page .showcase .animation-wrap.introduction { background-attachment: scroll; background-clip: border-box; background-color: #062e40; background-image: url("https://ellislab.com/asset/css/img/support/cityscape-backdrop.png"), url("https://ellislab.com/asset/css/img/support/dist-pat.png"); background-origin: padding-box; background-position: center top, left 690px; background-repeat: no-repeat, repeat-x; background-size: auto auto; } .support.landing-page .showcase .animation-wrap.introduction #halp { height: 1023px; margin: 0 auto; position: relative; transition: all 0.2s ease-in-out 0s; width: 2339px; } .support.landing-page .showcase .animation-wrap.introduction #halp .deco { background: none no-repeat scroll center bottom / 100% 100% transparent; position: absolute; } .support.landing-page .showcase .animation-wrap.introduction #halp .cliff { animation: 0s ease 0s normal both 1 running none; background-image: url("https://ellislab.com/asset/css/img/support/cliff.svg"); height: 1224px; left: 478px; top: 306px; width: 663px; z-index: 30; } .support.landing-page .showcase .animation-wrap.introduction #halp .rick { animation: 0s ease 0s normal both 1 running none; height: 190.2px; left: 748px; top: 306px; width: 110.7px; z-index: 9999999; } .support.landing-page .showcase .animation-wrap.introduction #halp .rick:hover #rickhead_1_ { animation: 0s ease 0s normal both 1 running none; } .support.landing-page .showcase .animation-wrap.introduction #halp .tree-1 { height: 635px; left: 46px; top: 212px; width: 458px; z-index: 32; } .support.landing-page .showcase .animation-wrap.introduction #halp .tree-2 { height: 435px; left: 1798px; top: 370px; width: 175px; z-index: 33; } .support.landing-page .showcase .animation-wrap.introduction #halp .tree-3 { height: 335px; left: 1998px; top: 506px; width: 135px; z-index: 34; } .support.landing-page .showcase .animation-wrap.introduction #halp .tree-4 { height: 375px; left: 2098px; top: 436px; width: 158px; z-index: 35; } .support.landing-page .showcase .animation-wrap.introduction #halp [class*="tree-"] { background-image: url("https://ellislab.com/asset/css/img/support/tree1.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp.and-action .spotlight #r1.ray { animation: 0s ease 0s normal both 1 running none; } .support.landing-page .showcase .animation-wrap.introduction #halp.and-action .spotlight #r3.ray { animation: 0s ease 0s normal both 1 running none; } .support.landing-page .showcase .animation-wrap.introduction #halp.and-action .spotlight #r6.ray { animation: 0s ease 0s normal both 1 running none; } .support.landing-page .showcase .animation-wrap.introduction #halp.and-action .spotlight #signal.ray { animation: 0s ease 0s normal both 1 running none; } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight { animation: 0s ease 0s normal both 1 running none; height: 618px; left: 670px; top: 20px; width: 733px; z-index: 28; } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight .ray { background: none no-repeat scroll center bottom transparent; height: 100%; opacity: 1; position: absolute; width: 100%; } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #r1.ray { animation: 0s ease 0s normal both 1 running none; background-image: url("https://ellislab.com/asset/css/img/support/sl-ray1.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #r2.ray { background-image: url("https://ellislab.com/asset/css/img/support/sl-ray2.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #r3.ray { animation: 0s ease 0s normal both 1 running none; background-image: url("https://ellislab.com/asset/css/img/support/sl-ray3.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #r4.ray { background-image: url("https://ellislab.com/asset/css/img/support/sl-ray4.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #r5.ray { background-image: url("https://ellislab.com/asset/css/img/support/sl-ray5.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #r6.ray { animation: 0s ease 0s normal both 1 running none; background-image: url("https://ellislab.com/asset/css/img/support/sl-ray6.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #r7.ray { background-image: url("https://ellislab.com/asset/css/img/support/sl-ray7.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .spotlight #signal.ray { animation: 0s ease 0s normal both 1 running none; background-image: url("https://ellislab.com/asset/css/img/support/sl-signal.svg"); } .support.landing-page .showcase .animation-wrap.introduction #halp .pdx, .support.landing-page .showcase .animation-wrap.introduction #halp .pdx-lights { background-image: url("https://ellislab.com/asset/css/img/support/city-pdx.svg"); height: 445px; left: 0; top: 576px; width: 2339px; z-index: 29; } .support.landing-page .showcase .animation-wrap.introduction #halp .pdx-lights { background-image: none; left: -1px; z-index: 30; } .support.landing-page .pricing { margin-bottom: 20px; } .support.landing-page .pricing .plan .usp { margin: 1.5em auto; } .support.landing-page .pricing .plan .lead .lead-inner h3 { font-size: 1.125em; } .support.landing-page .pricing .plan .lead .lead-inner .timeframe:before { content: " per "; } .support.landing-page .pricing .plan .lead .lead-inner .price { clear: both; content: ""; display: inline; } .support.landing-page .pricing .plan .lead .lead-inner .price .per-month { clear: both; color: #be320d; content: ""; display: block; font-family: MuseoSlab300,Georgia,"Times New Roman",serif; font-size: 2.25em; font-weight: 700; letter-spacing: -0.05em; } .support.landing-page .pricing .plan .lead .lead-inner .price .per-month .currency-mark { color: #ee3f10; font-size: 50%; vertical-align: super; } .support.landing-page .pricing .plan .lead .lead-inner .price .per-month .timeframe { color: #f2643f; font-size: 33%; letter-spacing: 0; text-transform: uppercase; vertical-align: baseline; } .support.landing-page .pricing .plan .lead .lead-inner .price .per-month .timeframe:before { content: "/"; font-family: MuseoSlab100,Georgia,"Times New Roman",serif; font-size: 300%; font-weight: 400; margin-right: -0.12em; } .support.landing-page .full-width.mugs { background-color: #feffeb; border-bottom: 4px solid #ffdf93; } .support.landing-page .full-width.mugs .meet-the { background: url("https://ellislab.com/asset/css/img/support/radial-halftone.png") no-repeat scroll 100% 98% transparent; position: relative; } .support.landing-page .full-width.mugs .meet-the .comic-style { background: url("https://ellislab.com/asset/css/img/support/mts-title.png") no-repeat scroll left bottom / 100% 100% transparent; height: 145px; position: relative; text-indent: -13000em; width: 300px; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics { list-style: outside none none; padding-left: 0; width: 100%; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li p { display: inline-block; margin: 0; top: 400px; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li a { color: #fc3900; font-family: KomikaAxisRegular,"Lucida Grande",Helvetica,Arial,sans-serif; text-decoration: none; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li a span { display: inline; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li a:hover { color: #9d5c5b; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li .super { border-bottom: 4px solid #fc3900; height: 230px; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li .super, .support.landing-page .full-width.mugs .meet-the .specialists .biopics li .sssuper { background: none no-repeat scroll left top transparent; position: relative; transition: opacity 0.5s ease-in-out 0s; width: 100%; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li .sssuper { height: 100%; opacity: 0; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li .sssuper.hover { opacity: 1; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.kevin-smith .super { background-image: url("https://ellislab.com/asset/css/img/support/super-kevin.png"); } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.kevin-smith .super .sssuper { background-image: url("https://ellislab.com/asset/css/img/support/sssuper-kevin.png"); } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.robin-sowell .super { background-image: url("https://ellislab.com/asset/css/img/support/super-robin.png"); } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.robin-sowell .super .sssuper { background-image: url("https://ellislab.com/asset/css/img/support/sssuper-robin.png"); } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.dan-decker .super { background-image: url("https://ellislab.com/asset/css/img/support/super-dan.png"); } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.dan-decker .super .sssuper { background-image: url("https://ellislab.com/asset/css/img/support/sssuper-dan.png"); } .author-info { border-bottom: 1px dotted #b2b2b2; margin-bottom: 1.25em; } .author-info img { background-color: #10618f; display: inline; float: left; margin: 0 1.25em 1.25em 0; padding: 0.3125em; width: 75px; } .author-info:after { clear: both; content: ""; display: block; } .author-meta { display: inline; float: left; } .author-meta h2 { color: #10618f; } .author-meta h3 { font-size: 0.875em; margin: 0.3125em 0 15px; } .headshot { background-color: #10618f; display: inline; float: right; margin: 0 0 1.25em 1.25em; padding: 0.3125em; } .subscribe-comments { margin-bottom: 0; } .subscribe-comments a { border: 1px solid #d9d9d9; border-radius: 5px; display: inline-block; font-size: 14px; padding: 5px 8px; text-decoration: none; } .subscribe-comments a:hover { background-color: #209544; border-color: #209544; color: #fff; } .subscribe-comments a.unsubscribe:hover { background-color: #b13131; border-color: #b13131; color: #fff; } .landing-page .feature-highlight { background-color: #f7fdff; border-top: 1px solid #d9d9d9; box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.02), 0 -5px 0 0 rgba(0, 0, 0, 0.02); padding-top: 20px; } .landing-page .feature-highlight h2 { font-size: 16px; font-weight: 700; } .landing-page .feature-highlight p { font-size: 14px; } .landing-page .quick-links { background-color: #fff; background-image: linear-gradient(to bottom, #fff, #fafafa); border-bottom: 1px solid #d9d9d9; margin: 0 0 20px; padding: 20px; } .landing-page .quick-links a { text-decoration: none; } .landing-page .quick-links p { font-size: 14px; margin: 0; } .landing-page .quick-links ul { list-style-type: none; margin: 0; padding: 0; text-align: center; } .landing-page .content { padding-top: 0; } .landing-page .ir { background-color: transparent; background-repeat: no-repeat; border: 0 none; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -13000em; } .landing-page .ir br { display: none; } .landing-page hr { border: 0 none; } .landing-page .showcase { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom: 2.75em; min-height: 18em; overflow: visible; padding: 0; position: relative; text-align: center; } .landing-page .showcase .column-wrap { position: relative; z-index: 4000; } .landing-page .showcase .column-wrap.slides-wrap { margin-top: 0; } .landing-page .showcase .flexslider { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; overflow: visible; } .landing-page .showcase .flex-control-nav { bottom: -36px; right: 0; } .landing-page .showcase .flex-direction-nav li a { opacity: 0; transition: opacity 0.5s ease-in-out 0s; } .landing-page .showcase .flex-direction-nav li a.prev { left: 10px; } .landing-page .showcase .flex-direction-nav li a.next { right: 10px; } .landing-page .showcase .flex-direction-nav li a:hover { opacity: 1; } .landing-page .showcase .slides { margin: 0; padding: 0; } .landing-page .showcase .slides .slide { min-height: 18em; } .landing-page .showcase .animation-wrap { background-color: #d9d9d9; bottom: 0; height: 18em; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: background-color 0.5s ease-in-out 0s; z-index: 0; } .landing-page header { margin-bottom: 0; } .landing-page .featured { border: 5px solid #fff; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6); box-sizing: border-box; display: inline; float: right; line-height: 0; margin-top: 1em; padding: 0; } .landing-page .buy { display: inline; float: right; padding: 0; text-align: right; } @keyframes movealongpeople { 0% { top: 0; } 50% { top: -140px; } 100% { top: 0; } } .ci.landing-page .standalone { border-bottom: 1px dotted #d9d9d9; margin-bottom: 1.25em; } .ci.landing-page .what-is-ci, .ci.landing-page .ci-right { margin-bottom: 40px; padding: 20px 0; } .ci.landing-page .ci-right { padding-top: 0; } .ci.landing-page .ci-why { margin-top: 20px; } .ci.landing-page .ci-why ul { margin: 0; padding-left: 20px; } .ci.landing-page .ci-community { margin-bottom: 1.5em; overflow: hidden; position: relative; } .ci.landing-page .ci-community .ci-folk { height: auto; position: relative; top: 0; transition: all 0.5s ease-in-out 0s; width: 100%; } .ci.landing-page .ci-community .ci-folk:hover { animation: 15s linear 0s normal none infinite running movealongpeople; } .ci.landing-page .ci-community .ci-folk img { display: inline; float: left; max-width: 20%; } .ci.landing-page .ci-community .ci-folk img:hover { opacity: 0.5; } .ci.landing-page .feature { margin-top: 0; padding-top: 0.25em; } .ci.landing-page .leadin { text-align: center; } .ci.landing-page .talking-points { padding-top: 4.8em; } .ci.landing-page .talking-points .column { display: inline-block; margin-bottom: 3em; margin-top: 3em; } .ci.landing-page .talking-points .column:after { clear: both; content: ""; display: block; } .ci.landing-page .talking-points .illustrated h3 { margin-bottom: 0.5em; text-align: center; width: 100%; } .ci.landing-page .talking-points .illustrated h3 a { background: url("https://ellislab.com/asset/css/img/products/ci-icon-download.gif") no-repeat scroll center top transparent; color: inherit; padding-top: 76px; text-decoration: none; } .ci.landing-page .talking-points .illustrated h3 a:hover { opacity: 0.9; } .ci.landing-page .talking-points .illustrated p { margin-top: 0; text-align: center; } .ci.landing-page .talking-points .illustrated.download-it h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-download.svg"); background-size: 78px 64px; } .ci.landing-page .talking-points .illustrated.download-it h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-download.svg"); } .ci.landing-page .talking-points .illustrated.docs h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-docs.svg"); background-size: 67px 68px; } .ci.landing-page .talking-points .illustrated.docs h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-docs.svg"); } .ci.landing-page .talking-points .illustrated.twenty h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-fork.svg"); background-size: 83px 63px; } .ci.landing-page .talking-points .illustrated.twenty h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-fork.svg"); } .ci.landing-page .talking-points .illustrated.forums h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-forums.svg"); background-size: 87px 64px; } .ci.landing-page .talking-points .illustrated.forums h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-forums.svg"); } .ci.landing-page .ci-why { margin-bottom: 1.25em; } .ci.landing-page .ci-why ul.on-fire { margin-top: 0; } .ci.landing-page .ci-why ul.on-fire li { list-style-image: url("https://ellislab.com/asset/css/img/products/li-fire.gif"); } .ci.landing-page .ci-why ul.on-fire li.zero-config { } .ci.landing-page .showcase { border-bottom: 1px solid #666; border-top: 2px solid #792f20; box-shadow: 0 5px 0 0 rgba(238, 238, 238, 0.4), 0 -1px 0 0 rgba(255, 255, 255, 0.7) inset; margin-bottom: 0; } .ci.landing-page .showcase .slides li.slide { padding-top: 2em; } .ci.landing-page .showcase .slides li.slide.introduction .ci-illustration { background: url("https://ellislab.com/asset/css/img/products/ci-introduction-flame.png") repeat scroll left top transparent; height: 290px; margin: 0 auto; width: 225px; } .ci.landing-page .showcase .slides li.slide.introduction h2 { color: #fff; font-family: MuseoSlab500,Georgia,"Times New Roman",serif; font-size: 3em; line-height: 1em; margin-bottom: 0; padding-bottom: 0; text-align: center; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } .ci.landing-page .showcase .slides li.slide.introduction p { color: #fff; font-family: MuseoSlab100,Georgia,"Times New Roman",serif; font-size: 1.1em; margin-top: 0; text-align: center; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } .ci.landing-page .showcase .slides li.slide.introduction p strong { font-family: MuseoSlab300,Georgia,"Times New Roman",serif; } .ci.landing-page .showcase .animation-wrap { height: auto; } .ci.landing-page .showcase .animation-wrap.introduction { background: none repeat scroll 0 0 #ff3c00; } .ci.landing-page .showcase .animation-wrap.introduction .lower.gradient { background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1)); bottom: 0; height: 80px; left: 0; position: absolute; right: 0; z-index: 9001; } .ci.landing-page .showcase .animation-wrap.introduction .lower.gradient.bonus { height: 30px; } .ci.landing-page .showcase .animation-wrap.introduction #mask { background: url("https://ellislab.com/asset/css/img/products/ci-spark-path.svg") repeat scroll 0 0 transparent; height: 100%; opacity: 0; position: relative; width: 100%; z-index: 9000; } .ci.landing-page .showcase .animation-wrap.introduction .spark { background: url("https://ellislab.com/asset/css/img/products/ci-spark.svg") repeat scroll 0 0 / 100% 100% transparent; height: 50px; opacity: 0.25; position: absolute; width: 50px; } .ci.landing-page.no-svg .ci-community .ci-mask { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .ci.landing-page.no-svg .showcase .animation-wrap.introduction .spark { background: url("https://ellislab.com/asset/css/img/products/ci-spark.png") repeat scroll 0 0 transparent; } .ci.landing-page.no-svg .talking-points .illustrated h3 a:hover { opacity: 1; } .ci.landing-page.no-svg .talking-points .illustrated.download-it h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-download.gif"); } .ci.landing-page.no-svg .talking-points .illustrated.download-it h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-download-over.gif"); } .ci.landing-page.no-svg .talking-points .illustrated.docs h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-docs.gif"); } .ci.landing-page.no-svg .talking-points .illustrated.docs h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-docs-over.gif"); } .ci.landing-page.no-svg .talking-points .illustrated.twenty h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-fork.gif"); } .ci.landing-page.no-svg .talking-points .illustrated.twenty h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-fork-over.gif"); } .ci.landing-page.no-svg .talking-points .illustrated.forums h3 a { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-forums.gif"); } .ci.landing-page.no-svg .talking-points .illustrated.forums h3 a:hover { background-image: url("https://ellislab.com/asset/css/img/products/ci-icon-forums-over.gif"); } .mm-buy, .mm-userguide, .mm-support, .mm-join { background: url("https://ellislab.com/asset/css/img/products/mm-icon-buy.gif") no-repeat scroll center top transparent; } .mm-buy.column, .mm-userguide.column, .mm-support.column, .mm-join.column { padding-top: 80px; } .mm-userguide { background-image: url("https://ellislab.com/asset/css/img/products/mm-icon-docs.gif"); } .mm-support { background-image: url("https://ellislab.com/asset/css/img/products/mm-icon-help.gif"); } .mm-join { background-image: url("https://ellislab.com/asset/css/img/products/mm-icon-join.gif"); } .mm.landing-page .talking-points { padding-top: 1em; } .mm.landing-page .leadin { margin-bottom: 30px; margin-top: 40px; } .mm.landing-page .slides .slide.introduction h3, .mm.landing-page .slides .slide.introduction h4 { color: #fff; } .mm.landing-page .showcase .introduction h4 { background-color: rgba(16, 96, 142, 0.5); color: #fff; display: inline-block; font-size: 82.5%; padding: 0 0.5em; text-transform: uppercase; } .mm.landing-page .showcase .slides .slide h4.label { background-color: rgba(16, 96, 142, 0.5); color: #fff; font-size: 0.875em; padding: 0.5em; text-transform: uppercase; } .mm.landing-page .showcase .slides .slide h2 { color: #fff; font-family: MuseoSlab100,Georgia,"Times New Roman",serif; font-size: 3.8em; font-weight: 400; } .mm.landing-page .showcase .slides .slide h2 em { font-family: MuseoSlab500,Georgia,"Times New Roman",serif; } .mm.landing-page .showcase .slides .slide.introduction h2 { line-height: 1em; margin: 0.25em 0.25em 0; padding-bottom: 0; text-align: left; } .mm.landing-page .showcase .slides .slide.introduction h3 { color: #fff0bd; font-family: MuseoSlab300,Georgia,"Times New Roman",serif; font-size: 1.5em; font-style: italic; font-weight: 400; line-height: 1.5em; margin: 0.25em 0.8em 0.5em; max-width: 780px; padding-bottom: 0; text-align: left; } .mm.landing-page .showcase .slides .slide.introduction h3 span { font-family: MuseoSlab700,Georgia,"Times New Roman",serif; } .mm.landing-page .showcase .slides .slide.introduction a.demo { background-color: rgba(0, 0, 0, 0.16); background-image: url("https://ellislab.com/asset/css/img/products/mm-icon-inset.png"); background-position: center 41px; background-repeat: no-repeat; border-radius: 99px; color: #fff0bd; font-family: MuseoSlab300,Georgia,"Times New Roman",serif; height: 188px; line-height: 300px; position: absolute; right: 1em; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease-in-out 0s; width: 188px; } .mm.landing-page .showcase .slides .slide.introduction a.demo:hover { background-color: #fff0bd; color: #666; } .mm.landing-page .showcase .slides .slide.interface { overflow: hidden; } .mm.landing-page .showcase .slides .slide.interface img { margin: 0 auto; } .mm.landing-page .showcase .slides .slide.interface h2 { line-height: 1em; margin-top: 18%; } .mm.landing-page .showcase .slides .slide.export-it h2 { font-size: 2.5em; line-height: 1em; margin-top: 5%; } .mm.landing-page .showcase .slides .slide.export-it img.illustration { margin: 1em auto 0; } .mm.landing-page .showcase .slides .slide.export-it h4.label { background-color: rgba(0, 0, 0, 0.25); color: #bb73d7; margin: 2em 20px 1em; opacity: 0.72; } .mm.landing-page .showcase .animation-wrap { height: auto; } .mm.landing-page .showcase .animation-wrap.introduction { background: url("https://ellislab.com/asset/css/img/products/mm-introduction-texture.png") repeat scroll left top #04202d; } .mm.landing-page .showcase .animation-wrap.introduction.origami, .mm.landing-page .showcase .animation-wrap.introduction.swords, .mm.landing-page .showcase .animation-wrap.introduction.sneakers, .mm.landing-page .showcase .animation-wrap.introduction.arduinos, .mm.landing-page .showcase .animation-wrap.introduction.exotic-animals { background-color: #0c648d; background-position: center 170px, left top; background-repeat: no-repeat, repeat; } .mm.landing-page .showcase .animation-wrap.introduction.origami { background-image: url("https://ellislab.com/asset/css/img/products/mm-introduction-origami-figures.png"), url("https://ellislab.com/asset/css/img/products/mm-introduction-texture.png"); } .mm.landing-page .showcase .animation-wrap.introduction.swords { background-image: url("https://ellislab.com/asset/css/img/products/mm-introduction-swords.png"), url("https://ellislab.com/asset/css/img/products/mm-introduction-texture.png"); } .mm.landing-page .showcase .animation-wrap.introduction.sneakers { background-image: url("https://ellislab.com/asset/css/img/products/mm-introduction-sneakers.png"), url("https://ellislab.com/asset/css/img/products/mm-introduction-texture.png"); } .mm.landing-page .showcase .animation-wrap.introduction.arduinos { background-image: url("https://ellislab.com/asset/css/img/products/mm-introduction-arduino.png"), url("https://ellislab.com/asset/css/img/products/mm-introduction-texture.png"); } .mm.landing-page .showcase .animation-wrap.introduction.exotic-animals { background-image: url("https://ellislab.com/asset/css/img/products/mm-introduction-exotic-animals.png"), url("https://ellislab.com/asset/css/img/products/mm-introduction-texture.png"); } .mm.landing-page .showcase .animation-wrap.interface { background-color: #08593e; } .mm.landing-page .showcase .animation-wrap.export-it { background-color: #420858; } .ee-buy, .ee-userguide, .ee-support, .ee-join { background: url("https://ellislab.com/asset/css/img/products/ee-icon-buy.gif") no-repeat scroll center top transparent; } .ee-buy.column, .ee-userguide.column, .ee-support.column, .ee-join.column { padding-top: 80px; } .ee-userguide { background-image: url("https://ellislab.com/asset/css/img/products/ee-icon-docs.gif"); } .ee-support { background-image: url("https://ellislab.com/asset/css/img/products/ee-icon-help.gif"); } .ee-join { background-image: url("https://ellislab.com/asset/css/img/products/ee-icon-join.gif"); } .ee.landing-page .ee-why { background: url("https://ellislab.com/asset/css/img/products/ee-icon-why-ee.gif") no-repeat scroll center top transparent; } .ee.landing-page .ee-why.column { padding-top: 80px; } .ee.landing-page .quick-links { margin-bottom: 0; } .ee.landing-page .screens-on-monitor h2 { color: #666; margin-bottom: 1em; margin-top: 2em; } .ee.landing-page .screens-on-monitor .cp-features { position: relative; } .ee.landing-page .screens-on-monitor .cp-features li span, .ee.landing-page .screens-on-monitor .cp-features li p { display: block; } .ee.landing-page .screens-on-monitor .cp-features li.mask { display: none; } .ee.landing-page .screens-on-monitor .feature-points ul { display: none; } .ee.landing-page .screens-on-monitor .feature-points ul li[data-screen="screen1"] a { background-attachment: scroll; background-clip: border-box; background-color: #10618f; background-image: linear-gradient(to bottom, rgba(59, 78, 89, 0.75), rgba(59, 78, 89, 0.5)), url("https://ellislab.com/asset/css/img/screens/friendlycp.jpg"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } .ee.landing-page .screens-on-monitor .feature-points ul li[data-screen="screen2"] a { background-attachment: scroll; background-clip: border-box; background-color: #10618f; background-image: linear-gradient(to bottom, rgba(59, 78, 89, 0.75), rgba(59, 78, 89, 0.5)), url("https://ellislab.com/asset/css/img/screens/flexiblecontent.jpg"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } .ee.landing-page .screens-on-monitor .feature-points ul li[data-screen="screen3"] a { background-attachment: scroll; background-clip: border-box; background-color: #10618f; background-image: linear-gradient(to bottom, rgba(59, 78, 89, 0.75), rgba(59, 78, 89, 0.5)), url("https://ellislab.com/asset/css/img/screens/powerfulmember.jpg"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } .ee.landing-page .screens-on-monitor .feature-points ul li[data-screen="screen4"] a { background-attachment: scroll; background-clip: border-box; background-color: #10618f; background-image: linear-gradient(to bottom, rgba(59, 78, 89, 0.75), rgba(59, 78, 89, 0.5)), url("https://ellislab.com/asset/css/img/screens/extensible.jpg"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } .ee.landing-page .screens-on-monitor .feature-points ul li a { background-position: 10% 65%; background-repeat: no-repeat, no-repeat; color: #fff; font-family: MuseoSlab500,Georgia,"Times New Roman",serif; font-size: 2.25em; overflow: hidden; position: relative; text-decoration: none; vertical-align: middle; } .ee.landing-page .screens-on-monitor .feature-points ul li.activated a { background: none repeat scroll 0 0 #f0f0f0; border: 15px solid #222; box-sizing: border-box; color: #b2b2b2; } .ee.landing-page .screens-on-monitor ul { list-style-type: none; margin: 0; padding: 0; } .ee.landing-page .screens-on-monitor img { max-width: 100%; width: 100%; } .ee.landing-page .msm img { max-width: 100%; } .ee.landing-page .personal blockquote { background-color: transparent; background-image: url("https://ellislab.com/asset/css/img/products/quotes-personal.png"); border-width: 0; } .ee.landing-page .personal blockquote p { color: #fff; } .ee.landing-page .personal .elemental-team .element-person { background-color: transparent; } .ee.landing-page .personal .hello-there { border-bottom: 1px solid #d9d9d9; line-height: 0; margin-left: -30%; margin-top: -4em; overflow: hidden; position: relative; text-align: center; z-index: 100000; } .ee.landing-page .personal .hello-there img { max-width: 464px; } .ee.landing-page ul.logobar { list-style-type: none; margin: 0; padding: 0; text-align: center; } .ee.landing-page ul.logobar li { display: inline-block; } .ee.landing-page .showcase { border-top: 2px solid #666; } .ee.landing-page .showcase .slides .slide.what-is p, .ee.landing-page .showcase .slides .slide.combo p, .ee.landing-page .showcase .slides .slide.what-is h4, .ee.landing-page .showcase .slides .slide.combo h4 { color: #fff; } .ee.landing-page .showcase .slides .slide.what-is h4 { margin-top: 6em; } .ee.landing-page .showcase .slides .slide.core-is-back { margin-top: 0; } .ee.landing-page .showcase .slides .slide.core-is-back .core-is-back-title { margin: 3.2em auto 1em; max-width: 90%; width: 50%; } .ee.landing-page .showcase .slides .slide.core-is-back.animation-wrap { background-color: #0c4c74; background-image: url("https://ellislab.com/asset/css/img/products/ee-core-is-back-background.jpg"); background-position: center bottom; background-repeat: no-repeat; } .ee.landing-page .showcase .slides .slide.nov-2013 { margin: 0 !important; padding: 0 !important; } .ee.landing-page .showcase .slides .slide.nov-2013 .outer-wrapper { display: table; height: 24em; min-height: inherit; width: 100%; } .ee.landing-page .showcase .slides .slide.nov-2013 .inner-wrapper { display: table-cell; padding-left: 1em; padding-right: 1em; transition: none 0s ease 0s ; vertical-align: middle; } .ee.landing-page .showcase .slides .slide.nov-2013 h4 { font-size: 2.25em; line-height: 1.25em; } .ee.landing-page .showcase .slides .slide.nov-2013 p { margin: 1.25em 15%; } .ee.landing-page .showcase .slides .slide.nov-2013 p, .ee.landing-page .showcase .slides .slide.nov-2013 p > a { color: #fff; } .ee.landing-page .showcase .slides .slide.nov-2013.ee-loves-tools h4 { color: #95d7da; } .ee.landing-page .showcase .slides .slide.nov-2013.ee-loves-ideas h4 { color: #b8e5ff; } .ee.landing-page .showcase .slides .slide.nov-2013.ee-loves-security h4 { color: #c5ffeb; } .ee.landing-page .animation-wrap.introduction { background-color: #60aad3; } .ee.landing-page .animation-wrap.what-is { background: none repeat scroll 0 0 #075659; } .ee.landing-page .animation-wrap.combo { background: none repeat scroll 0 0 #ffc911; } .ee.landing-page .animation-wrap.core { background-color: #10618f; background-image: linear-gradient(to bottom, #10618f, #063b59); } .ee.landing-page .animation-wrap.ee-loves-tools { background-color: #108b8f; background-image: url("https://ellislab.com/asset/css/img/products/ee-slide-bg-tools.gif"); background-position: center top; background-repeat: no-repeat; background-size: cover; } .ee.landing-page .animation-wrap.ee-loves-ideas { background-color: #10618f; background-image: url("https://ellislab.com/asset/css/img/products/ee-slide-bg-lightbulbs.gif"); background-position: center top; background-repeat: no-repeat; background-size: cover; } .ee.landing-page .animation-wrap.ee-loves-security { background-color: #108f64; background-image: url("https://ellislab.com/asset/css/img/products/ee-slide-bg-keys.gif"); background-position: center top; background-repeat: no-repeat; background-size: cover; } .ee.landing-page .showcase, .ee.landing-page .animation-wrap, .ee.landing-page .slide { min-height: 32em !important; } .ee.landing-page .be-creative { margin: 2.7em auto 1em; } .ee.landing-page .ee-signature { margin: 1em auto 0; max-width: 90px; } .ee.landing-page .core-is-back { margin: 2.7em auto 1em; } .logonote { color: #d9d9d9; font-size: 0.75em; font-style: italic; margin: 0 0 10px; text-align: center; } .screens ul { margin: 0; padding: 0; } .screens img { display: block; max-width: 100%; } .screens p { font-size: 0.75em; margin: 5px 0 0; text-align: center; } .screens a { display: block; position: relative; } .screens a span { display: none; } .screens a:hover span { background-color: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; display: block; left: 0; position: absolute; right: 0; text-align: center; top: 0; } .screens a:hover span b { position: relative; top: 100px; } .zoom-overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; display: none; left: 0; padding: 0 10px; position: fixed; right: 0; top: 0; z-index: 5000; } .zoom-overlay img { display: block; margin: 50px auto 0; max-width: 100%; } .periodic .elemental-team .colspan-3rd { border: 0.625em solid #fff; padding: 0 0.5em; position: relative; } .periodic .elemental-team .colspan-3rd.out-of-focus { opacity: 0.5; } .periodic .elemental-team .colspan-3rd:hover { opacity: 0.8; } .periodic .elemental-team .team-members { box-sizing: border-box; padding: 0 0.5em; } .periodic .elemental-team a { text-decoration: none; } .periodic .element-person { border: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; margin: 0.5em auto; padding: 0.25em 0.75em 0.75em; position: relative; text-align: left; width: 100%; } .periodic .element-person * { color: #fff; } .periodic .element-person *:hover { color: #fff; } .periodic .element-person .facts-area, .periodic .element-person .symbol-area { text-align: center; } .periodic .element-person .facts-area { font-size: 1.5em; margin-bottom: 0.75em; } .periodic .element-person .facts-area a { font-weight: 400; text-transform: lowercase; } .periodic .element-person .facts-area .role { color: rgba(255, 255, 255, 0.5); font-size: 0.625em; font-weight: 400; } .periodic .element-person .facts-area .role span { color: rgba(255, 255, 255, 0.5); } .periodic .element-person .element-properties-wrapper { margin: 0 auto; min-width: 100px; width: 100%; } .periodic .element-person .element-properties-wrapper .element-properties { display: inline-block; margin: 0; padding-left: 0; position: relative; top: 0; transition: all 0.5s ease-in-out 0s; white-space: nowrap; } .periodic .element-person .element-properties-wrapper .element-properties li { display: inline-block; float: left; } .periodic .element-person .element-properties-wrapper .element-properties li:not(:first-child):before, .periodic .element-person .element-properties-wrapper .element-properties li a { color: rgba(255, 255, 255, 0.5); content: "."; } .periodic .element-person .symbol-area { margin-bottom: 0.5em; margin-top: 2.5em; } .periodic .element-person .symbol-area .element-shorthand { font-size: 4.5em; line-height: 0; text-decoration: none; text-transform: capitalize; } .periodic .element-person .symbol-area .element-shorthand:hover { color: rgba(255, 255, 255, 0.5); } .ee-features .features-illustration { background-color: #a2becd; background-image: url("https://ellislab.com/asset/css/img/features/features-illustrated.png"); background-position: center top; background-repeat: no-repeat; background-size: 1245px 278px; border-bottom: 1px solid #3b4e59; border-top: 1px solid #3b4e59; height: 278px; position: relative; } .ee-features .meta p { border-bottom: medium none; padding-bottom: 0; } .ee-features .feature-item li.open div { display: block; } .ee-features.bubbly header { border: medium none; } .ee-features.bubbly .content { padding-bottom: 20px; } .ee-features.bubbly .features { margin-top: 2em; } .ee-features.bubbly .features .technical { margin-top: 284px; } .ee-features.bubbly .features .feature { background-color: transparent; border-bottom: medium none; } .ee-features.bubbly .doodle-illustration { border-bottom: medium none; height: auto; margin-bottom: 3.5em; min-height: 278px; position: relative; } .ee-features.bubbly .doodle-illustration .window { background-color: transparent; background-image: url("https://ellislab.com/asset/css/img/features/bubble-illustration.png"); background-position: left top; background-repeat: repeat; bottom: 0; position: absolute; top: 0; transition: all 0.5s ease-in-out 0s; z-index: 1000; } .ee-features.bubbly .doodle-illustration .window.technical { height: 278px; left: 0; right: 0; } .ee-features.bubbly .doodle-illustration .window.non-technical { border-left: 1px solid #fff; left: 50%; right: 0; } .ee-features.bubbly .doodle-illustration .window.masker { box-sizing: border-box; overflow: hidden; z-index: 999; } .ee-features.bubbly .doodle-illustration .window.masker.non-technical { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("https://ellislab.com/asset/css/img/features/frame-left-top-lighter.png") no-repeat scroll left top, url("https://ellislab.com/asset/css/img/features/frame-right-bottom-lighter.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); border-color: #dcebf3; border-image: none; border-style: solid; border-width: 20px 60px 20px 20px; } .ee-features.bubbly .doodle-illustration .window.masker.technical { background: url("https://ellislab.com/asset/css/img/features/frame-left-top-darker.png") no-repeat scroll left top, url("https://ellislab.com/asset/css/img/features/frame-right-bottom-darker.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); border-color: #a2becd; border-left-width: 60px; } .ee-features.bubbly .doodle-illustration .window.color { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #dcebf3; background-image: url("https://ellislab.com/asset/css/img/features/bubble-illustration-color.png"); border-color: #dcebf3; border-image: none; border-style: solid; border-width: 40px !important; z-index: 998; } .ee-features.bubbly .doodle-illustration .window.color.technical { background-color: #a2becd; border: 20px solid #a2becd; box-sizing: border-box; } .ee-features.bubbly .bubble-menu { display: none; margin-bottom: 2.25em; margin-top: 1em; } .ee-features.bubbly .bubble-menu .tutorial-highlight { margin-top: 1.5em; width: 36px; } .ee-features.bubbly .bubble-menu .tutorial-highlight .th-abs { left: 0; } .ee-features.bubbly .bubble-menu .tutorial-highlight.out-of-focus { opacity: 0.5; } .ee-features.bubbly .bubble-menu .tutorial-highlight.out-of-focus:hover { opacity: 0.7; } .ee-features.bubbly .bubble-menu .tutorial-highlight.current { opacity: 1; } .ee-features.bubbly .bubble-menu .non-technical .th-abs .th-inner { background: none repeat scroll 0 0 #be320d; } .feature-item ul { list-style-position: inside; padding-left: 0; } .feature-item li { border-bottom: 1px solid #f3f3f3; font-size: 0.875em; padding: 5px 0; } .feature-item li div { display: none; } .feature-item li div p { font-size: 0.875em; margin: 10px 0; padding-left: 18px; } .feature-item h2 { background-repeat: no-repeat; background-size: 28px 28px; height: 25px; padding-left: 35px; padding-top: 3px; } .feature-item h2.web-publishing, .feature-item h2.spam-deterrents { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-pencil.svg"); background-size: 27px 28px; } .feature-item h2.commenting { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-quote.svg"); } .feature-item h2.typography { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-letters.svg"); background-size: 28px 22px; } .feature-item h2.tracking { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-tracking.svg"); } .feature-item h2.template-engine { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-gear.svg"); } .feature-item h2.communications, .feature-item h2.security { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-communication.svg"); background-size: 21px 28px; } .feature-item h2.search { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-magnify.svg"); } .feature-item h2.spam-deterrents { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-shield.svg"); } .feature-item h2.utilities { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-wrench.svg"); } .feature-item h2.add-ons { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-add.svg"); background-size: 28px 23px; } .feature-item h2.member-management { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-members.svg"); } .feature-item h2.data-caching { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-db.svg"); background-size: 28px 24px; } .feature-item h2.security { background-image: url("https://ellislab.com/asset/css/img/products/ee-features/icon-lock.svg"); } .feature-item .meta { font-size: 0.875em; } .review-wrap { margin: 0 0 1px; padding: 20px 0 1px; } .review-wrap h2, .review-wrap a, .review-wrap p, .review-wrap cite { color: #fff; } .review-wrap a { text-decoration: none; } .review-wrap .meta-info { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(255, 255, 255, 0.3); border-image: none; border-style: solid; border-width: 1px 0; color: rgba(255, 255, 255, 0.5); font-size: 14px; margin: 5px 0 20px; padding: 5px; } .review-wrap:after { clear: both; content: ""; display: block; } .quote-wrap img { border-radius: 200px; } .quote-wrap blockquote { background: none repeat scroll 0 0 #fff; border: 0 none; margin: 0; padding: 10px 15px; } .quote-wrap blockquote p { color: #3c3c3c; font-size: 18px; font-weight: 400; } .quote-wrap blockquote cite { background-color: #888; border-top: 1px solid #222; color: #fff; display: block; font-size: 12px; font-style: normal; margin: 0 -15px -10px; opacity: 0.7; padding: 10px; } .quote-wrap blockquote cite a { text-decoration: underline; } .quote-wrap blockquote.mt { margin-top: 20px; } .review-bq-wrap { position: relative; } .review-bq-wrap .arrow { border-color: transparent transparent #fff; border-style: solid; border-width: 10px; height: 0; left: 60px; position: absolute; top: -20px; width: 0; } @media screen and (min-width: 750px) { .review-wrap { padding-bottom: 0; } .quote-wrap:after { clear: both; content: ""; display: block; } .review-bq-wrap .arrow { border-color: transparent #fff transparent transparent; left: -20px; right: auto; top: 45px; } .align-right .review-bq-wrap .arrow { border-color: transparent transparent transparent #fff; left: auto; right: -20px; top: 45px; } } h2 + .subilly { margin-top: 1em; } .subilly { background: none repeat scroll 0 0 #fff; border: 1px solid #d9d9d9; display: inline-block; line-height: 0; text-align: center; width: 100%; } .subilly img { border: 0 none; } .company-history-illustration { display: none; } .home .about-us { margin-bottom: 0; margin-top: 0.5em; } .home .content { overflow: hidden; } .home .content img { max-width: 100%; } .home .who-is-illustration { margin-bottom: 0; } .home .who-is-illustration .illustration { bottom: -32px; line-height: 0; } .home .friendly-templating-benefits { position: relative; } .home .friendly-templating-benefits .friendly-templating-benefit { margin-top: 1.25em; } .home .friendly-templating-benefits .friendly-templating-benefit:first-child { } .home .friendly-templating-benefits .friendly-templating-benefit:first-child h2 { margin-left: 0; } .home .friendly-templating-benefits .friendly-templating-benefit h2 { margin-left: 2.5em; } .home .friendly-templating-benefits .friendly-templating-benefit .tutorial-highlight .th-abs { left: 0; top: -0.25em; } .home .tutorial-highlight { cursor: pointer; display: inline-block; position: relative; transition: all 0.5s ease-in-out 0s; } .home .tutorial-highlight .th-abs { left: 0.5em; position: absolute; top: -1.5em; } .home .tutorial-highlight .th-abs .th-inner { background: none repeat scroll 0 0 #2d88bc; border-radius: 2.25em; display: table !important; height: 2.25em; text-align: center; width: 2.25em; } .home .tutorial-highlight .th-abs .th-inner span { color: #f5f8cc; display: table-cell; vertical-align: middle; } .home .tutorial-highlight.in-focus .th-abs .th-inner { background: none repeat scroll 0 0 #f5f8cc; } .home .tutorial-highlight.in-focus .th-abs .th-inner span { color: #2d88bc; } .home .feature.hero { background-color: #fafafa; } .home .feature.hero .showcase-img { background-color: #fff; } .home .feature.hero .illustration img { max-width: 100%; } .home .feature.hero .samslider nav, .home .feature.hero .samslider .ee-slider-wrapper { display: none; top: 20px; } .home .feature.hero .samslider .ee-slider-wrapper.loaded { display: block; top: 20px; } .home .feature.hero .samslider h1 { margin: 1.5em 0.875em; z-index: 1000; } .home .who-is h2.success { font-family: MuseoSlab300,Georgia,"Times New Roman",serif; font-size: 1.5em; margin-bottom: 10px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); } .home .who-is h2.success span { color: #10618f; font-family: MuseoSlab500,Georgia,"Times New Roman",serif; } .home .who-is p { font-weight: 700; } .home .content { padding-top: 1px; } .home .interactive-history { display: none; } .home .interactive-history.words p { display: none; } .home .interactive-history dt { font-weight: 700; margin: 1.25em auto 0.75em; } .yellow-pill { background-color: #feffeb; border: 1px solid #ced0af; border-radius: 5px; color: #8d9056; float: none; font-size: 0.75em; font-weight: 600; padding: 0.3125em 0.625em; text-align: center; } .loc { background-image: url("https://ellislab.com/asset/css/img/loc-pin.svg"); background-position: right center; background-repeat: no-repeat; background-size: contain; padding-right: 18px; } .loc.lefty { background-position: left center; padding-left: 18px; padding-right: 0; } .community-page .events-wrap { border-bottom: 1px dotted #d9d9d9; } .community-page .events-wrap .wide-listings li h3 { display: none; } .community-page .showcase-wrap { background: none repeat scroll 0 0 #f0f0f0; border-bottom: 0 none; margin-bottom: 0; margin-top: 0; overflow: visible; padding-top: 2.75em; } .community-page .showcase-wrap:before { background-color: rgba(240, 240, 240, 0); background-image: linear-gradient(to bottom, rgba(240, 240, 240, 0), #f0f0f0); } .community-page .showcase-wrap .showcase { text-align: center; } .community-page .com-sites { border-bottom: 0 none; box-shadow: none; } .community-page .com-sites > .column { margin-bottom: 2.5em; } .community-page .showcase-desc { padding-bottom: 1.25em; padding-top: 1.25em; } .community-page .wide-listings { list-style-type: none; margin: 0; padding: 0; } .community-page .wide-listings li { border-bottom: 1px dotted #d9d9d9; margin-top: 1.25em; padding-bottom: 1.25em; } .community-page .wide-listings li:last-child { border-bottom-width: 0; } .community-page .wide-listings li > div:first-child, .community-page .wide-listings li > a { color: #666; cursor: pointer; text-decoration: none; } .pronet-join-illustration { background-color: #a2becd; background-image: url("https://ellislab.com/asset/css/img/pronet/pronet-illustrated-cover.png"), url("https://ellislab.com/asset/css/img/pronet/pronet-illustrated-gradient.png"); background-position: 60% top, 60% top; background-repeat: no-repeat, repeat-x; background-size: 1755px 280px, 1755px 280px; border-bottom: 1px solid #3b4e59; border-top: 1px solid #3b4e59; height: 278px; position: relative; } .pronet-deets { background-color: #f7fff6; background-image: url("https://ellislab.com/asset/css/img/pronet/pronet-hilltopper.png"), url("https://ellislab.com/asset/css/img/pronet/pronet-hilltopper-bg.png"); background-position: center top, left top; background-repeat: no-repeat, repeat-x; background-size: auto auto, auto auto; padding-top: 294.25px; } .pronet-deets .column-wrap { padding-top: 1.25em; } .membership-warning.item { padding-bottom: 20px; } @media screen and (min-width: 750px) { .block { display: inline; float: left; } .column { display: inline; float: left; margin-bottom: 0; padding: 0 1.25em; } .column.first { padding-left: 0; } .column.last { padding-right: 0; } .align-right .column { display: inline; float: right; } .txt-center { text-align: center; } .bp { margin-bottom: 2.5em; } .pt { padding-top: 2.5em; } .sl, .sr, .st, .sb { border: 0 dotted #d9d9d9; } .sl { border-left-width: 1px; } .sr { border-right-width: 1px; } .st { border-top-width: 1px; } .sb { border-bottom-width: 1px; padding-bottom: 2.5em; } .colspan-1 { width: 6.25%; } .colspan-2 { width: 12.5%; } .colspan-3 { width: 18.75%; } .colspan-4 { width: 25%; } .colspan-5 { width: 31.25%; } .colspan-6 { width: 37.5%; } .colspan-7 { width: 43.75%; } .colspan-8 { width: 50%; } .colspan-9 { width: 56.25%; } .colspan-10 { width: 62.5%; } .colspan-11 { width: 68.75%; } .colspan-12 { width: 75%; } .colspan-13 { width: 81.25%; } .colspan-14 { width: 87.5%; } .colspan-15 { width: 93.75%; } .colspan-16 { width: 100%; } .colspan-3rd { width: 33.3%; } .colspan-2-3rd { width: 66.6%; } body { font-size: 100%; } code.full { background-image: url("https://ellislab.com/asset/css/img/code.gif"); background-position: 98% 15px; background-repeat: no-repeat; } code.full:after { display: none; } blockquote.note { margin-top: -1.25em; } figure.showcase { margin-top: -2.5em; } ul.column { margin-top: 0; } .event-btns, .job-btns { margin-bottom: 0; position: absolute; right: 20px; top: 5px; z-index: 2; } .cta span:first-child { display: inline-block; } .cta span:last-child { display: none; } .sidebar { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #d9d9d9; border-image: none; border-style: none none none dotted; border-width: 0 0 0 1px; } .page-nav a, .in-page a { } .page-nav a span, .in-page a span, .page-nav a .nav-word, .in-page a .nav-word { display: block; } .page-nav a:after, .in-page a:after { clear: both; content: ""; display: block; } .page-nav .move-left .nav-word, .in-page .move-left .nav-word { display: inline; float: right; } .page-nav .move-left .nav-arrow, .in-page .move-left .nav-arrow { display: inline; float: left; margin-right: 10px; } .page-nav .move-right .nav-word, .in-page .move-right .nav-word { display: inline; float: left; } .page-nav .move-right .nav-arrow, .in-page .move-right .nav-arrow { display: inline; float: right; margin-left: 10px; } .in-page a { padding-bottom: 6px; } .arrow, .arrow-border { border-left-color: #add8eb; border-top-color: transparent; left: auto; right: -20px; top: 15px; } .arrow { border-left-color: #fff; right: -19px; } .inline-comments .column { display: block; float: none; } .inline-comments .colspan-12, .inline-comments .colspan-4 { width: 100%; } .inline-comments .colspan-12 { margin-bottom: 10px; } .inline-comments .arrow, .inline-comments .arrow-border { border-color: #add8eb transparent transparent; border-style: solid; border-width: 10px; bottom: -20px; left: 15px; top: auto; } .inline-comments .arrow { border-color: #fff transparent transparent; bottom: -19px; } .login-form-wrap { top: 55px; } .login-form-wrap .arrow, .login-form-wrap .arrow-border { right: 15px; } .archive li:after { clear: both; content: ""; display: block; } .archive time { background-color: #feffeb; border: 1px solid #ced0af; border-radius: 5px; color: #8d9056; display: inline; float: left; font-size: 0.75em; font-weight: 600; padding: 0.3125em 0.625em; text-align: center; } .archive .archive-info { display: inline; float: left; } .item-wrap.last { margin-bottom: 1.25em; } .item .sub .price { top: 2px; } .item .price { display: inline; float: right; margin-right: -13px; padding-right: 20px; position: relative; top: 3px; } .showcase-wrap { height: 150px; } .dim p, .dim li { font-size: 0.875em; } .has-form .column.first { padding-left: 0; padding-right: 10px; } .has-form .column.last { padding-left: 10px; padding-right: 0; } .head-quantity span:first-child { display: block; } .head-quantity span:last-child { display: none; } .cart-coupon { width: 15%; } .box address { margin-bottom: 0; } .select-wrap h3 i { display: inline; } .steps a { padding: 1.25em 0; } .steps a:before { background-position: 0 -16px; float: none; height: 32px; margin: 0 auto; width: 32px; } .steps li { text-align: center; } .steps li.act a:before { background-position: -32px -16px; } .steps li.done a:before { background-position: -64px -16px; } .box { padding: 1.25em; } .content { padding-top: 20px; } .main-nav li.menu-ico { display: none; } .primary-nav { display: block; position: relative; } .primary-nav ul { border-top: 0 none; margin-top: 0; padding-top: 0; } .primary-nav li { display: inline; float: left; margin: 0 10px 0 0; } .primary-nav .products-item a { cursor: pointer; } .primary-nav .products-item a:hover { color: #fff0bd; } .support-package-wrap .column.colspan-3rd.middle { padding: 0 1.25em; } .support-package-wrap .column.colspan-3rd.first { padding-right: 1.25em; } .support-package-wrap .column.colspan-3rd.last { padding-left: 1.25em; } .pn-badges { margin: 0; position: absolute; right: 0; } .pn-ico { margin-left: 10px; margin-right: 0; } .products-item { position: relative; z-index: 2; } .primary-nav ul.products-nav { background-color: #2a3c47; border-radius: 5px; display: none; left: -10px; margin: 0; padding: 10px 10px 10px 100px; position: absolute; top: -10px; } .primary-nav ul.products-nav li { margin-bottom: 0; } .primary-nav ul.products-nav li.last-item { margin: 0; } .primary-nav ul.products-nav li.ee { margin-left: -5px; } .primary-nav ul.products-nav li.ee:before { color: #8ba7b8; content: "›"; font-size: 22px; font-weight: 900; line-height: 0; margin-right: 10px; position: relative; top: 1px; } .primary-nav ul.products-nav:after { clear: both; content: ""; display: block; } footer ul { margin-top: 55px; } .copyright { display: inline; float: left; } .builton { border: 0 none; display: inline; float: right; margin: 0; padding: 0; } .connect { padding: 20px 0 5px; } .connect .social-ico { margin: 0; position: relative; top: 3px; } .connect .social-ico .facebook { margin-right: 0; } .connect h2 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #add8eb; border-image: none; border-style: solid; border-width: 1px 0 1px 1px; display: inline; float: left; font-size: 14px; height: 13px; line-height: 1; padding: 10px 20px 11px 10px; } .connect form { display: inline; float: right; } .connect form .column { display: inline; float: left; } .connect input[type="text"] { border-radius: 0 3px 3px 0; width: 220px; } .connect .first { padding: 0; } .ticket-archive time { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff0bd #fff0bd -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px 0; bottom: 0; padding: 2px 5px; position: absolute; right: 20px; } .search-form .colspan-4 { box-sizing: border-box; padding-right: 1.25em; } .overlay .column-wrap { margin: 20px auto; } .numb { pointer-events: none; } .not-numb { pointer-events: all; } .landing-page .subnav.centered { text-align: center; } .landing-page .subnav ul { display: inline-block; list-style-type: none; padding: 0; } .landing-page .subnav ul li { border-bottom: 1px solid #f0f0f0; font-size: 90%; } .landing-page .subnav ul li:last-child { border-bottom: 0 none; } .landing-page .subnav ul li a { border: 0 none; color: #10618f; font-weight: 900; height: 18px; position: relative; text-decoration: none; } .landing-page .subnav ul li a:hover { color: inherit; } .landing-page .buy { margin: 6px 0 0; } .landing-page .showcase { margin-bottom: 2em; min-height: 24em; } .landing-page .showcase .slides .slide { min-height: 24em; } .landing-page .showcase .slides .slide h3 { font-size: 1.5em; } .landing-page .showcase .animation-wrap { height: 24em; } .ci.landing-page .ci-community { height: 283px; } .ci.landing-page .ci-community .ci-folk { background: none repeat scroll 0 0 #ff3c00; } .ci.landing-page .ci-community .ci-mask { background: url("https://ellislab.com/asset/css/img/products/ci-mask-white-matte.svg") repeat scroll 0 0 / 100% 100% transparent; height: 284px; pointer-events: none; position: absolute; width: 215px; z-index: 300; } .ci.landing-page .ci-why { -moz-column-count: 2; -moz-column-gap: 1em; } .ci.landing-page .ci-why ul li.zero-config { } .ci.landing-page .talking-points { padding-top: 2.8em; } .ci.landing-page .talking-points .column { margin-bottom: 0; } .ci.landing-page .showcase .slides li.slide { padding-top: 0; } .ci.landing-page .showcase .slides li.slide.introduction .ci-illustration { height: 290px; margin: 2.3em auto 0; width: 225px; } .ci.landing-page .showcase .slides li.slide.introduction h2 { margin-top: 18%; text-align: left; } .ci.landing-page .showcase .slides li.slide.introduction p { text-align: left; } .ci.landing-page .showcase .animation-wrap { min-height: 18em; } .ci.landing-page .showcase .animation-wrap.introduction #mask { background: url("https://ellislab.com/asset/css/img/products/ci-spark-path.svg") repeat scroll 0 0 transparent; height: 100%; opacity: 0; position: relative; width: 100%; z-index: 9000; } .standalone { border-bottom: 1px dotted #d9d9d9; margin-bottom: 1.25em; } .mm.landing-page .talking-points h3 { text-align: center; } .mm.landing-page .talking-points p { text-align: justify; } .mm.landing-page .talking-points .no-control-panels .shapeshift img { top: -20%; } .mm.landing-page .talking-points .shapeshift { border: 5px solid #fff; border-radius: 100px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6); box-sizing: border-box; display: block; float: none; height: 200px; line-height: 0; margin: 0 auto 1em; overflow: hidden; padding: 0; position: relative; transition: all 0.5s ease-in-out 0s; width: 200px; } .mm.landing-page .talking-points .shapeshift img { left: 0; max-width: none; position: absolute; top: -50%; width: auto; } .mm.landing-page .talking-points .shapeshift:hover { border-radius: 0; height: 200px; width: 100%; } .mm.landing-page .showcase .introduction h4 { background-color: rgba(16, 96, 142, 0.5); color: #fff; display: inline-block; font-size: 82.5%; padding: 0 0.5em; text-transform: uppercase; } .mm.landing-page .showcase .slides .slide.introduction h2 { margin: 4% 0 0 20px; } .mm.landing-page .showcase .slides .slide.introduction h3 { margin: 0 0 0 20px; } .mm.landing-page .showcase .slides .slide.interface h2 { margin-top: 4%; } .mm.landing-page .showcase .animation-wrap { height: auto; } .mm.landing-page .showcase .animation-wrap.interface { background-attachment: scroll; background-clip: border-box; background-color: #08593e; background-image: url("https://ellislab.com/asset/css/img/products/mm-cp-shot.png"), url("https://ellislab.com/asset/css/img/products/mm-cp-pat.png"); background-origin: padding-box; background-position: center 126px, left top; background-repeat: no-repeat, repeat; background-size: auto auto; } .open-and-commercial.sb { margin-bottom: 40px; padding-bottom: 20px; } .ee.landing-page .showcase .core-is-back .core-is-back-title { margin-top: 7.8em; } .ee.landing-page .personal { background-color: #c94e36; border-bottom: 2px solid rgba(34, 34, 34, 0.25); border-top: 2px solid rgba(34, 34, 34, 0.25); margin-top: 20px; position: relative; } .ee.landing-page .personal .column-wrap { min-height: 360px; position: relative; } .ee.landing-page .personal .elemental-team { padding-top: 0.75em; } .ee.landing-page .personal .elemental-team .element-person { background-color: transparent; } .ee.landing-page .personal .hello-there { border-bottom: 0 none; bottom: 0; margin-left: 0; pointer-events: none; position: absolute; right: 0; } .ee.landing-page .personal .hello-there img { display: inline; float: left; margin-top: 2em; } .ee.landing-page .personal blockquote { background-color: rgba(255, 255, 255, 0.25); background-position: 1em 30px; border: 0 none; min-height: 148px; padding: 1.75em 2em 1em 3.75em; position: relative; } .ee.landing-page .personal blockquote:after { border-right: 1em solid transparent; border-top: 1em solid rgba(255, 255, 255, 0.25); content: ""; height: 0; position: absolute; right: -1em; top: 75%; width: 0; } .ee.landing-page .personal blockquote p { font-size: 24px; line-height: 1.3; } .ee.landing-page .personal blockquote cite { color: #fff; opacity: 0.8; } .ee.landing-page .personal blockquote cite span { opacity: 0.8; } .ee.landing-page .showcase, .ee.landing-page .animation-wrap, .ee.landing-page .slide { min-height: 24em !important; } .ee.landing-page .animation-wrap { height: 24em; } .ee.landing-page .screens-on-monitor { background-color: #f0f0f0; text-align: center; } .ee.landing-page .screens-on-monitor h2 { font-size: 1.5em; } .ee.landing-page .screens-on-monitor .cp-features { background: url("https://ellislab.com/asset/css/img/products/logo-splash.png") no-repeat scroll center 32% #3b4e59; margin-bottom: 2em; } .ee.landing-page .screens-on-monitor .cp-features li { display: none; opacity: 0; padding: 1em; position: absolute; top: 0; transition: all 0.5s ease-in-out 0s; } .ee.landing-page .screens-on-monitor .cp-features li a { display: block; height: 265px; overflow: hidden; } .ee.landing-page .screens-on-monitor .cp-features li + a { margin-bottom: 1em; } .ee.landing-page .screens-on-monitor .cp-features li.activated { display: block; opacity: 1; z-index: 999; } .ee.landing-page .screens-on-monitor .cp-features li.mask { display: block; line-height: 0; margin-bottom: 2em; opacity: 1; padding: 0; pointer-events: none; position: relative; z-index: 1000; } .ee.landing-page .screens-on-monitor .cp-features li span, .ee.landing-page .screens-on-monitor .cp-features li p { display: none; } .ee.landing-page .screens-on-monitor .feature-points ul { display: block; margin-top: 7em; } .ee.landing-page .screens-on-monitor .feature-points ul li { display: table; margin: 0 auto 2em; padding: 1em; } .ee.landing-page .screens-on-monitor .feature-points ul li a { border-radius: 50%; display: table-cell; height: 125px; margin: 0; padding: 0; width: 125px; } .ee.landing-page .screens-on-monitor .feature-points:nth-last-child(2) { float: right; } .ee.landing-page .pub-platform { opacity: 0; } .ee.landing-page .feature { border-top: 1px solid #d9d9d9; margin-top: 0; padding-top: 1.25em; } .ee.landing-page .showcase .slides .slide h4.label { background-color: rgba(16, 96, 142, 0.5); box-sizing: border-box; color: #fff; font-size: 0.875em; margin-left: 20px; margin-right: 20px; padding: 0.5em; } .ee.landing-page .showcase .slides .slide.introduction img.be-creative { margin: 4.7em auto 1em; } .ee.landing-page .showcase .slides .slide.what-is h4.label { display: none; } .ee.landing-page .showcase .slides .slide.combo img { margin: 3.3em auto 0.25em; } .ee.landing-page .showcase .slides .slide.combo h4.label { background-color: rgba(219, 168, 0, 0.5); color: #083148; font-size: 0.875em; padding: 0.5em; } .ee.landing-page .showcase .slides .slide.nov-2013 h4 { font-size: 3.15em; line-height: 0.9em; } .ee.landing-page .showcase .animation-wrap.introduction { background-color: #fff; } .ee.landing-page .showcase .animation-wrap.what-is { background-color: #075659; background-image: url("https://ellislab.com/asset/css/img/products/ee-whatis-combined.png"); background-position: center -118px; } .ee.landing-page .showcase .animation-wrap.combo { background: none repeat scroll 0 0 #ffc911; } .ee.landing-page .showcase .animation-wrap .slats-holder { background-color: transparent; left: -20em; position: absolute; top: -46em; transform: rotate(45deg); width: 140em; } .ee.landing-page .showcase .animation-wrap .slats-holder .slat { background-color: #60aad3; box-sizing: border-box; height: 1em; padding: 0; transition: all 0.5s ease-in-out 0s; width: 100%; } .ee.landing-page ul.logobar li { margin-left: 1em; padding-top: 0.35em; } .ee.landing-page ul.logobar li:first-child { margin-left: 0; } .ee.landing-page .illustrated h2 { font-size: 16px; font-weight: 700; margin-left: 25%; } .ee.landing-page .illustrated p { background: url("https://ellislab.com/asset/css/img/products/both-worlds.gif") no-repeat scroll left top transparent; padding-left: 25%; } .ee.landing-page .illustrated.commercial-advantages p { background-image: url("https://ellislab.com/asset/css/img/products/commercial-advantages.gif"); background-position: 1.3em top; } .ee.landing-page .illustrated.open-foundation p { background-image: url("https://ellislab.com/asset/css/img/products/ci-logo.gif"); background-position: 1.2em 0.25em; margin-top: 0; padding-top: 1.25em; } .ee.landing-page .illustrated.powerful p { background-image: url("https://ellislab.com/asset/css/img/products/power-flexibility.gif"); background-position: 1.9em top; } .ee-features.bubbly .doodle-illustration .window.technical { right: 50%; } .ee-features.bubbly .features .technical { margin-top: 0; } .ee-features.bubbly .features .feature { display: none; } .ee-features.bubbly .features .feature.current { display: block; } .ee-features.bubbly .bubble-menu { display: block; } .home .who-is-illustration { min-height: 334px; position: relative; } .home .who-is-illustration .illustration { bottom: -32px; display: block; height: 334px; position: absolute; right: -120px; width: 738px; } .home .who-is-illustration .illustration * { background-position: left bottom; height: 10px; position: absolute; text-indent: -13000em; width: 10px; } .home .who-is-illustration .illustration img { display: none; } .home .who-is-illustration .illustration .ee-badge { background-image: url("https://ellislab.com/asset/css/img/home/ee-badge.png"); bottom: -35px; height: 278px; left: 73px; width: 278px; } .home .who-is-illustration .illustration .test-tube { background-image: url("https://ellislab.com/asset/css/img/home/test-tube.png"); bottom: 0; height: 57px; left: 370px; width: 177px; } .home .who-is-illustration .illustration .ci-badge { background-image: url("https://ellislab.com/asset/css/img/home/ci-badge.png"); bottom: 135px; height: 105px; left: 380px; width: 107px; } .home .who-is-illustration .illustration .mm-badge { background-image: url("https://ellislab.com/asset/css/img/home/mm-badge.png"); bottom: 100px; height: 58px; left: 488px; width: 60px; } .home .who-is-illustration .illustration .tube-bubble { background-image: url("https://ellislab.com/asset/css/img/home/tube-bubble.png"); bottom: 72px; height: 35px; left: 438px; width: 35px; } .home .who-is-illustration .illustration .sunny { background-image: url("https://ellislab.com/asset/css/img/home/sunny.png"); height: 334px; width: 738px; } .home .from-the-blog { padding-top: 1.25em; } .home .from-the-blog .recent-news { border-top: 1px solid #d9d9d9; padding-top: 1em; } .home .from-the-blog .meta p { border-bottom: medium none; } .home .from-the-blog .illustration { border: 1px solid #d9d9d9; } .home .from-the-blog .illustration img { max-width: 100%; } .home .ee-strengths { padding-top: 2.5em; } .home .feature.hero .samslider { min-height: 480px; position: relative; transition: all 0.5s ease-in-out 0s; } .home .feature.hero .samslider .ee-slider-wrapper, .home .feature.hero .samslider nav { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .home .feature.hero .samslider .ee-slider-wrapper.loaded, .home .feature.hero .samslider nav.loaded { display: block; } .home .feature.hero .samslider nav { overflow: visible; } .home .feature.hero .samslider nav a { color: #d9d9d9; font-size: 5em; font-weight: 700; position: absolute; text-decoration: none; top: 34%; transition: all 0.5s ease-in-out 0s; } .home .feature.hero .samslider nav a.disabled { opacity: 0; } .home .feature.hero .samslider nav a.prev { left: -60px; } .home .feature.hero .samslider nav a.next { right: -60px; } .home .feature.hero .samslider nav a:hover { color: #b2b2b2; } .home .feature.hero .samslider h2 a { text-decoration: none; } .home .feature.hero .samslider .samslide { left: 0; opacity: 1; position: absolute; top: 0; transition: all 1.5s ease-in-out 0s; width: 100%; } .home .feature.hero .samslider .samslide aside { margin-top: 0.5em; opacity: 0; transition: all 1.5s ease-in-out 0s; } .home .feature.hero .samslider .samslide.off-left, .home .feature.hero .samslider .samslide.off-right, .home .feature.hero .samslider .samslide.before-current, .home .feature.hero .samslider .samslide.after-current, .home .feature.hero .samslider .samslide.current { display: block; opacity: 1; top: 0; transition: all 1.5s ease-in-out 0s; width: 100%; } .home .feature.hero .samslider .samslide.off-right { left: 105%; } .home .feature.hero .samslider .samslide.off-left { left: -105%; } .home .feature.hero .samslider .samslide.first-run { display: none; } .home .feature.hero .samslider .samslide.before-current { left: -100%; } .home .feature.hero .samslider .samslide.after-current { left: 100%; } .home .feature.hero .samslider .samslide.current { left: 0; top: 0; width: 100%; z-index: 100; } .home .feature.hero .samslider .samslide.current.first-run { display: block; } .home .feature.hero .samslider .samslide.current aside { opacity: 1; } .home .feature.hero .samslider .samslide img { border: 1px solid #d9d9d9; max-width: 100%; } .home .friendly-templating .codeblock { margin-top: 0; } .home .friendly-templating-benefits .friendly-templating-benefit { margin-top: 0; transition: all 0.5s ease-in-out 0s; } .home .friendly-templating-benefits .friendly-templating-benefit:not(:first-child) { position: absolute; top: 0; } .home .friendly-templating-benefits .friendly-templating-benefit .tutorial-highlight { position: absolute; } .home .friendly-templating-benefits .friendly-templating-benefit .tutorial-highlight .th-abs { left: 0; top: -0.625em; } .home .friendly-templating-benefits .friendly-templating-benefit.in-focus { opacity: 1; } .home .friendly-templating-benefits .friendly-templating-benefit.out-of-focus { opacity: 0; } .home .content { padding-bottom: 0; } .home .hero { margin-bottom: 1.25em; margin-top: 2em; } .home .company-history-illustration { background-color: #fff; border-bottom: medium none; display: block; height: 20em; margin-bottom: 0; transition: all 1.5s ease-in-out 0s; } .home .company-history-illustration.in-view { background: url("https://ellislab.com/asset/css/img/home/company-history.png") repeat-x scroll -5000px bottom transparent; } .home .company-history-illustration[data-name="preface"] { background-position: -3600px bottom; } .home .company-history-illustration[data-name="bc2001"] { background-position: 0 bottom; } .home .company-history-illustration[data-name="bc2002"] { background-position: -800px bottom; } .home .company-history-illustration[data-name="bc2003"] { background-position: -1700px bottom; } .home .company-history-illustration[data-name="bc2004"] { background-position: -2700px bottom; } .home .company-history-illustration[data-name="bc2005"] { background-position: -4600px bottom; } .home .company-history-illustration[data-name="bc2006"] { background-position: -5400px bottom; } .home .company-history-illustration[data-name="bc2007"] { background-position: -6200px bottom; } .home .company-history-illustration[data-name="bc2010"] { background-position: -6800px bottom; } .home .interactive-history { display: block; transition: all 0.5s ease-in-out 0s; } .home .interactive-history.words { height: 20em; margin-top: 0.25em; overflow: hidden; } .home .interactive-history.words .step { display: block; } .home .interactive-history.words p { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); display: block; margin-top: 0; } .home .interactive-history .step { display: none; } .home .interactive-history .timeframe { margin-top: 0; } .home .interactive-history .timeframe dt { background-color: #fafafa; border: 1px solid #b2b2b2; border-radius: 5px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); color: #666; cursor: pointer; display: inline-block; font-weight: 600; margin: 1.25em 0.5em auto; padding: 0.5em 0.75em; position: relative; text-align: center; transition: all 0.5s ease-in-out 0s; } .home .interactive-history .timeframe dt:first-child { margin-left: 0; } .home .interactive-history .timeframe dt.active { background-color: #f7fdff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03); color: #10618f; } .home .interactive-history .timeframe dt:not(.final):after { background: none repeat scroll 0 0 #b2b2b2; color: transparent; content: "›"; height: 2px; position: absolute; right: -50px; top: 50%; width: 50px; } .home .interactive-history .timeframe dt:hover { box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03); } .photo-cred { border-bottom: 0 none; position: absolute; text-indent: -9999px; } .community-page .jobs-feature { border-top: 1px solid #d9d9d9; margin-top: 0; padding-top: 2.25em; } .community-page .com-sites > .column { margin-bottom: 0; } .community-page .events-wrap { border-top: 1px solid #d9d9d9; margin-top: 0; padding-top: 2.25em; } .community-page .events-wrap .wide-listings li { padding-bottom: 2.5em; } .community-page .events-wrap .wide-listings li h3 { display: block; } .community-page .events-wrap .wide-listings li h3:after { color: #b2b2b2; content: "▼"; display: inline-block; font-size: 9px; line-height: 2em; margin-left: 3px; vertical-align: 0; } .community-page .events-wrap .wide-listings li.reveal h3:after { transform: rotate(180deg); vertical-align: 15%; } .community-page .events-wrap .wide-listings li.reveal .deets { max-height: 20em; opacity: 1; } .community-page .events-wrap .wide-listings li .deets { margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.5s ease-in-out 0s; } .community-page .wide-listings li > div:first-child, .community-page .wide-listings li > a { display: block; } .community-page .wide-listings li > div:first-child > span, .community-page .wide-listings li > a > span { display: block; margin-top: 1.25em; position: relative; } .community-page .wide-listings li > div:first-child > span .role, .community-page .wide-listings li > a > span .role, .community-page .wide-listings li > div:first-child > span .location, .community-page .wide-listings li > a > span .location, .community-page .wide-listings li > div:first-child > span .type-of-job, .community-page .wide-listings li > a > span .type-of-job { float: left; text-align: right; } .community-page .wide-listings li > div:first-child > span .role, .community-page .wide-listings li > a > span .role { text-align: left; } .community-page .wide-listings li > div:first-child > span .role h3, .community-page .wide-listings li > a > span .role h3 { color: #666; } .community-page .wide-listings li > div:first-child:after, .community-page .wide-listings li > a:after { clear: both; content: ""; display: block; } .community-page .wide-listings li:after { clear: both; content: ""; display: block; } .community-page .wide-listings li:last-child { border: 0 none; } .community-page .event-item > span { border-bottom: 1px dotted #b2b2b2; display: block; min-height: 8em; } .community-page .event-item > span .meta p { border-bottom: medium none; } .community-page .pronet-wrap li { position: relative; } .community-page .pronet-wrap li img { border-radius: 50%; position: relative; z-index: 10000; } .community-page .pronet-wrap li:hover img { border: 1px solid #10618f; } .community-page .pronet-wrap li:nth-child(5n) a:after, .community-page .pronet-wrap li:nth-child(n+10) a:after, .community-page .pronet-wrap li:nth-child(5n) a:before, .community-page .pronet-wrap li:nth-child(n+10) a:before { display: none; } .community-page .pro-netness { background: none repeat scroll 0 0 #fff; margin-bottom: 2.25em; padding: 2.25em 0 0; position: relative; z-index: 1000; } .community-page .showcase-wrap { overflow: hidden; } .community-page .showcase-wrap .showcase-leadin { display: inline; float: right; } .community-page .showcase-wrap .th { height: 150px; } .pronet-join-illustration { background-position: center top, center top; } @keyframes fade-pattern-1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-pattern-2 { 0% { opacity: 0.6; } 10% { opacity: 1; } 20% { opacity: 0.65; } 30% { opacity: 0.9; } 40% { opacity: 0.85; } 50% { opacity: 1; } 60% { opacity: 0.7; } 70% { opacity: 0.9; } 80% { opacity: 0.95; } 90% { opacity: 0.88; } 100% { opacity: 1; } } @keyframes fade-pattern-3 { 0% { opacity: 0.97; } 20% { opacity: 0.95; } 40% { opacity: 1; } 60% { opacity: 0.99; } 80% { opacity: 1; } 100% { opacity: 0.96; } } @keyframes rick-rise { 0% { top: 600px; } 100% { top: 306px; } } @keyframes rick-bop { 0% { } 100% { } } .support.landing-page.no-svg .showcase .animation-wrap.introduction { background-attachment: scroll; background-clip: border-box; background-color: #062e40; background-image: url("https://ellislab.com/asset/css/img/support/cityscape-combined.png"), url("https://ellislab.com/asset/css/img/support/dist-pat.png"); background-origin: padding-box; background-position: center top, left 690px; background-repeat: no-repeat, repeat-x; background-size: auto auto; } .support.landing-page .pricing-wrap { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fafafa; border-color: #d9d9d9; border-image: none; border-style: solid; border-width: 1px 0; padding-top: 20px; } .support.landing-page .pricing .plan { background-position: 236px -290px; border-left: 1px dashed #d9d9d9; box-sizing: border-box; padding: 0 1.25em; position: relative; } .support.landing-page .pricing .plan.silver .lead .lead-inner h3:after { border-right-color: #f5f5f5; } .support.landing-page .pricing .plan.gold .lead .lead-inner h3:after { border-right-color: #fff9ea; } .support.landing-page .pricing .plan.platinum .lead .lead-inner h3:after { border-right-color: #fafafa; } .support.landing-page .pricing .plan:first-child { border-left: medium none; } .support.landing-page .pricing .plan .connector { display: none; } .support.landing-page .pricing .plan .lead { transition: all 0.5s ease-in-out 0s; } .support.landing-page .pricing .plan .lead .lead-inner { vertical-align: middle; } .support.landing-page .pricing .plan .lead .lead-inner h3 { font-size: inherit; padding: 0 0.75em; } .support.landing-page .pricing .plan .lead .lead-inner h3:after { border-bottom: 1em solid transparent; border-right: 1em solid #222; border-top: 1em solid transparent; content: ""; height: 0; position: absolute; right: 0; top: 0; width: 0; } .support.landing-page .pricing .plan .who-for { font-size: 0.875em; text-transform: uppercase; } .support.landing-page .pricing .plan .usp { line-height: 1.5em; } .support.landing-page .pricing .plan .usp em { font-style: normal; } .support.landing-page .pricing .plan .usp strong { clear: both; color: #be320d; content: ""; display: block; } .support.landing-page .pricing .plan ul.other-benefits { margin-bottom: 0; overflow: hidden; padding-left: 1.25em; } .support.landing-page .pricing .plan ul.other-benefits li { border-top: 1px dashed #d9d9d9; } .support.landing-page .pricing .plan ul.other-benefits li:first-child { border-top: medium none; } .support.landing-page .pricing.heading { display: none; } .support.landing-page .showcase { min-height: 723px; } .support.landing-page .full-width.mugs { border-top: 4px solid #ffdf93; margin-top: 106px; } .support.landing-page .full-width.mugs .meet-the { min-height: 460px; } .support.landing-page .full-width.mugs .meet-the .comic-style { height: 194px; left: -24px; position: absolute; top: -112px; width: 402px; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics { margin-top: 120px; width: 25%; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li p { background: none repeat scroll 0 0 #ffdf93; border-radius: 5em; display: table; height: 5em; opacity: 0; position: absolute; text-align: center; width: 5em; z-index: 100; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li:hover p { opacity: 1; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li a { display: table-cell; vertical-align: middle; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li a span { display: none; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li .super, .support.landing-page .full-width.mugs .meet-the .specialists .biopics li .sssuper { border-bottom: medium none; bottom: 0; position: absolute; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.kevin-smith p { left: 45%; margin-left: 130px; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.kevin-smith .super { height: 480px; left: 45%; width: 438px; z-index: 14; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.robin-sowell p { left: 26.5%; margin-left: 60px; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.robin-sowell .super { height: 328px; left: 26.5%; width: 314px; z-index: 13; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.dan-decker p { left: 10%; margin-left: 3.75em; } .support.landing-page .full-width.mugs .meet-the .specialists .biopics li.dan-decker .super { height: 360px; left: 10%; width: 360px; z-index: 12; } .support.landing-page .more-about { margin-top: 3em; } .support.landing-page .more-about h2 { display: none; } .compare th { font-size: 0.875em; } } @media screen and (min-width: 940px) { .snap { margin: 0 auto; max-width: 1020px; } .alert-wrap-inner { margin: 0 auto; max-width: 1020px; } .content { padding-top: 40px; } .primary-nav ul.products-nav { background-color: rgba(42, 60, 71, 0.3); display: block; } .primary-nav li.about { margin-left: 400px; } .primary-nav .products-item a { cursor: default; } .primary-nav .products-item a:hover { color: #fff; } .home .about-us h2.success, .home .who-is h2.success { font-size: 2.5em; } .home .who-is h2.success { margin-top: 1.5em; } .community-page .pronet-wrap li a:before, .community-page .pronet-wrap li a:after { border-bottom: 1px dashed #d9d9d9; content: ""; height: 1px; left: 66%; position: absolute; top: 100%; transform: rotate(-45deg); width: 100%; } .community-page .pronet-wrap li a:after { left: 50%; transform: rotate(45deg); } } @media not all { header nav li.support a { padding-bottom: 2px; } .connect { padding-top: 20px; } .connect h2 { padding-bottom: 10px; } .compare .yes, .compare .no { font-size: 92%; } } @media not all { .ci.landing-page .showcase .slides li.slide.introduction p { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } }
/** spark.js Defines the product landing page interactive bits specifically for CodeIgniter. Requires product.js */ (function($) { $(function() { $.extend(ProductLanding, { callbacks: null, sparkInterval: undefined, /* Used in the CodeIgniter animation */ // Initialize the app with certain variables and interactions prep: function() { }, // Make background mosaic. Or destroy it if destroy === true introCodeIgniter: function (slide, destroy) { var me = this, $wrapper = $('.animation-wrap'); // Do these things if we're outroing this slide if (destroy === true) { $wrapper.find('#mask, .spark, .gradient.lower').remove(); $(window).off('scroll'); this.stopSpark(); return; } // Make a mask for flame streaks and a gradient var $mask = $('<div/>').attr('id', 'mask'), $gradient = $('<div/>').addClass('gradient lower'); // Adjust the mask opacity (this prevents a flash in the beginning) $mask.css({'opacity': .9, '-moz-opacity': .9}) // Layering gradients and putting mask on the stage $wrapper.append($gradient, $gradient.clone().addClass('bonus'), $mask); // Let some sparks fly in a somewhat randomly timed fashion this.startSpark = function(){ if (me.sparkInterval != null) return; me.sparkInterval = setInterval(function(){ var opac = Math.max(.15, Math.random() - .4), size = Math.floor(Math.random() * 120 + 30), spark = $('<div/>').addClass('spark') .css({ 'width': size, 'height': size, 'opacity': opac, '-moz-opacity': opac }); $wrapper.append( spark .css( { "bottom": "-100px", "left": (Math.random() * 100) + "%" } ) .animate( { "bottom": "800px", }, Math.floor(Math.random()*3000+1000), "linear", function(){ $(this).remove(); // don't need the spark if we're in the dark } ) ) }, 500) } this.stopSpark = function(){ if (me.sparkInterval == null) return; clearInterval(me.sparkInterval); me.sparkInterval = null; $wrapper.find('.spark').remove(); } this.startSpark(); } }); // init for general landing page ProductLanding.init(); }); })(jQuery);

Related: See More


Questions / Comments: