<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);