@-webkit-keyframes penciscfadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes penciscfadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.pencisc-highlight {
background: #85bc36;
color: #fff;
padding: 2px 5px;
vertical-align: baseline
}
.pencisc-highlight.pencisc-background-gray, .pencisc-highlight.pencisc-background-white {
color: #444
}
.pencisc-button:active {
position: relative;
top: 1px;
outline: 0;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.entry-content .pencisc-button:hover,
.comment-content .pencisc-button:hover,
.pencisc-button:hover {
text-decoration: none
}
a.button.pencisc-button.pencisc-small {
line-height: 28px;
font-size: 12px;
}
a.button.pencisc-button.pencisc-large {
line-height: 46px;
font-size: 18px;
}
.entry-content a.button.pencisc-full,
.pencisc-button.pencisc-full {
display: block
}
.pencisc-button i {
margin-right: 5px
}
.pencisc-button.pencisc-icon-right i {
margin-left: 5px;
margin-right: 0
}
.pencisc-button.pencisc-background-rosy {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#f16c7c), to(#ed3d53));
background-image: -webkit-linear-gradient(top, #f16c7c 0, #ed3d53 100%);
background-image: -moz-linear-gradient(top, #f16c7c 0, #ed3d53 100%);
background-image: linear-gradient(to bottom, #f16c7c 0, #ed3d53 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff16c7c', endColorstr='#ffed3d53', GradientType=0)
}
.pencisc-button.pencisc-background-rosy:hover {
background: #ed3d53;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#ed3d53), to(#f16c7c));
background-image: -webkit-linear-gradient(top, #ed3d53 0, #f16c7c 100%);
background-image: -moz-linear-gradient(top, #ed3d53 0, #f16c7c 100%);
background-image: linear-gradient(to bottom, #ed3d53 0, #f16c7c 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed3d53', endColorstr='#fff16c7c', GradientType=0)
}
.pencisc-button.pencisc-background-pink {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#ff0084), to(#cc006a));
background-image: -webkit-linear-gradient(top, #ff0084 0, #cc006a 100%);
background-image: -moz-linear-gradient(top, #ff0084 0, #cc006a 100%);
background-image: linear-gradient(to bottom, #ff0084 0, #cc006a 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0084', endColorstr='#ffcc006a', GradientType=0)
}
.pencisc-button.pencisc-background-pink:hover {
background: #cc006a;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#cc006a), to(#ff0084));
background-image: -webkit-linear-gradient(top, #cc006a 0, #ff0084 100%);
background-image: -moz-linear-gradient(top, #cc006a 0, #ff0084 100%);
background-image: linear-gradient(to bottom, #cc006a 0, #ff0084 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc006a', endColorstr='#ffff0084', GradientType=0)
}
.pencisc-button.pencisc-background-pink-dark {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#e22092), to(#b71875));
background-image: -webkit-linear-gradient(top, #e22092 0, #b71875 100%);
background-image: -moz-linear-gradient(top, #e22092 0, #b71875 100%);
background-image: linear-gradient(to bottom, #e22092 0, #b71875 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe22092', endColorstr='#ffb71875', GradientType=0)
}
.pencisc-button.pencisc-background-pink-dark:hover {
background: #b71875;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#b71875), to(#e22092));
background-image: -webkit-linear-gradient(top, #b71875 0, #e22092 100%);
background-image: -moz-linear-gradient(top, #b71875 0, #e22092 100%);
background-image: linear-gradient(to bottom, #b71875 0, #e22092 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb71875', endColorstr='#ffe22092', GradientType=0)
}
.pencisc-button.pencisc-background-red {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#f00), to(#c00));
background-image: -webkit-linear-gradient(top, #f00 0, #c00 100%);
background-image: -moz-linear-gradient(top, #f00 0, #c00 100%);
background-image: linear-gradient(to bottom, #f00 0, #c00 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffcc0000', GradientType=0)
}
.pencisc-button.pencisc-background-red:hover {
background: #c00;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#c00), to(#f00));
background-image: -webkit-linear-gradient(top, #c00 0, #f00 100%);
background-image: -moz-linear-gradient(top, #c00 0, #f00 100%);
background-image: linear-gradient(to bottom, #c00 0, #f00 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ffff0000', GradientType=0)
}
.pencisc-button.pencisc-background-magenta {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#a9014b), to(#760135));
background-image: -webkit-linear-gradient(top, #a9014b 0, #760135 100%);
background-image: -moz-linear-gradient(top, #a9014b 0, #760135 100%);
background-image: linear-gradient(to bottom, #a9014b 0, #760135 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa9014b', endColorstr='#ff760135', GradientType=0)
}
.pencisc-button.pencisc-background-magenta:hover {
background: #760135;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#760135), to(#a9014b));
background-image: -webkit-linear-gradient(top, #760135 0, #a9014b 100%);
background-image: -moz-linear-gradient(top, #760135 0, #a9014b 100%);
background-image: linear-gradient(to bottom, #760135 0, #a9014b 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff760135', endColorstr='#ffa9014b', GradientType=0)
}
.pencisc-button.pencisc-background-orange {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#ff5c00), to(#cc4a00));
background-image: -webkit-linear-gradient(top, #ff5c00 0, #cc4a00 100%);
background-image: -moz-linear-gradient(top, #ff5c00 0, #cc4a00 100%);
background-image: linear-gradient(to bottom, #ff5c00 0, #cc4a00 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5c00', endColorstr='#ffcc4a00', GradientType=0)
}
.pencisc-button.pencisc-background-orange:hover {
background: #cc4a00;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#cc4a00), to(#ff5c00));
background-image: -webkit-linear-gradient(top, #cc4a00 0, #ff5c00 100%);
background-image: -moz-linear-gradient(top, #cc4a00 0, #ff5c00 100%);
background-image: linear-gradient(to bottom, #cc4a00 0, #ff5c00 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc4a00', endColorstr='#ffff5c00', GradientType=0)
}
.pencisc-button.pencisc-background-orange-dark {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#dd4b39), to(#c23321));
background-image: -webkit-linear-gradient(top, #dd4b39 0, #c23321 100%);
background-image: -moz-linear-gradient(top, #dd4b39 0, #c23321 100%);
background-image: linear-gradient(to bottom, #dd4b39 0, #c23321 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc23321', GradientType=0)
}
.pencisc-button.pencisc-background-orange-dark:hover {
background: #c23321;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#c23321), to(#dd4b39));
background-image: -webkit-linear-gradient(top, #c23321 0, #dd4b39 100%);
background-image: -moz-linear-gradient(top, #c23321 0, #dd4b39 100%);
background-image: linear-gradient(to bottom, #c23321 0, #dd4b39 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc23321', endColorstr='#ffdd4b39', GradientType=0)
}
.pencisc-button.pencisc-background-yellow {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffb515), to(#e19a00));
background-image: -webkit-linear-gradient(top, #ffb515 0, #e19a00 100%);
background-image: -moz-linear-gradient(top, #ffb515 0, #e19a00 100%);
background-image: linear-gradient(to bottom, #ffb515 0, #e19a00 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb515', endColorstr='#ffe19a00', GradientType=0)
}
.pencisc-button.pencisc-background-yellow:hover {
background: #e19a00;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#e19a00), to(#ffb515));
background-image: -webkit-linear-gradient(top, #e19a00 0, #ffb515 100%);
background-image: -moz-linear-gradient(top, #e19a00 0, #ffb515 100%);
background-image: linear-gradient(to bottom, #e19a00 0, #ffb515 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe19a00', endColorstr='#ffffb515', GradientType=0)
}
.pencisc-button.pencisc-background-green-light {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#91bd09), to(#6c8c07));
background-image: -webkit-linear-gradient(top, #91bd09 0, #6c8c07 100%);
background-image: -moz-linear-gradient(top, #91bd09 0, #6c8c07 100%);
background-image: linear-gradient(to bottom, #91bd09 0, #6c8c07 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91bd09', endColorstr='#ff6c8c07', GradientType=0)
}
.pencisc-button.pencisc-background-green-light:hover {
background: #6c8c07;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#6c8c07), to(#91bd09));
background-image: -webkit-linear-gradient(top, #6c8c07 0, #91bd09 100%);
background-image: -moz-linear-gradient(top, #6c8c07 0, #91bd09 100%);
background-image: linear-gradient(to bottom, #6c8c07 0, #91bd09 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c8c07', endColorstr='#ff91bd09', GradientType=0)
}
.pencisc-button.pencisc-background-green-lime {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#32cd32), to(#28a428));
background-image: -webkit-linear-gradient(top, #32cd32 0, #28a428 100%);
background-image: -moz-linear-gradient(top, #32cd32 0, #28a428 100%);
background-image: linear-gradient(to bottom, #32cd32 0, #28a428 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff32cd32', endColorstr='#ff28a428', GradientType=0)
}
.pencisc-button.pencisc-background-green-lime:hover {
background: #28a428;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#28a428), to(#32cd32));
background-image: -webkit-linear-gradient(top, #28a428 0, #32cd32 100%);
background-image: -moz-linear-gradient(top, #28a428 0, #32cd32 100%);
background-image: linear-gradient(to bottom, #28a428 0, #32cd32 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff28a428', endColorstr='#ff32cd32', GradientType=0)
}
.pencisc-button.pencisc-background-green {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#238f23), to(#196619));
background-image: -webkit-linear-gradient(top, #238f23 0, #196619 100%);
background-image: -moz-linear-gradient(top, #238f23 0, #196619 100%);
background-image: linear-gradient(to bottom, #238f23 0, #196619 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff238f23', endColorstr='#ff196619', GradientType=0)
}
.pencisc-button.pencisc-background-green:hover {
background: #196619;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#196619), to(#238f23));
background-image: -webkit-linear-gradient(top, #196619 0, #238f23 100%);
background-image: -moz-linear-gradient(top, #196619 0, #238f23 100%);
background-image: linear-gradient(to bottom, #196619 0, #238f23 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff196619', endColorstr='#ff238f23', GradientType=0)
}
.pencisc-button.pencisc-background-blue {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#00adee), to(#08b));
background-image: -webkit-linear-gradient(top, #00adee 0, #08b 100%);
background-image: -moz-linear-gradient(top, #00adee 0, #08b 100%);
background-image: linear-gradient(to bottom, #00adee 0, #08b 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00adee', endColorstr='#ff0088bb', GradientType=0)
}
.pencisc-button.pencisc-background-blue:hover {
background: #08b;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#08b), to(#00adee));
background-image: -webkit-linear-gradient(top, #08b 0, #00adee 100%);
background-image: -moz-linear-gradient(top, #08b 0, #00adee 100%);
background-image: linear-gradient(to bottom, #08b 0, #00adee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088bb', endColorstr='#ff00adee', GradientType=0)
}
.pencisc-button.pencisc-background-blue-dark {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#3b5998), to(#2d4373));
background-image: -webkit-linear-gradient(top, #3b5998 0, #2d4373 100%);
background-image: -moz-linear-gradient(top, #3b5998 0, #2d4373 100%);
background-image: linear-gradient(to bottom, #3b5998 0, #2d4373 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff2d4373', GradientType=0)
}
.pencisc-button.pencisc-background-blue-dark:hover {
background: #2d4373;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#2d4373), to(#3b5998));
background-image: -webkit-linear-gradient(top, #2d4373 0, #3b5998 100%);
background-image: -moz-linear-gradient(top, #2d4373 0, #3b5998 100%);
background-image: linear-gradient(to bottom, #2d4373 0, #3b5998 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d4373', endColorstr='#ff3b5998', GradientType=0)
}
.pencisc-button.pencisc-background-indigo {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#4b0082), to(#2e004f));
background-image: -webkit-linear-gradient(top, #4b0082 0, #2e004f 100%);
background-image: -moz-linear-gradient(top, #4b0082 0, #2e004f 100%);
background-image: linear-gradient(to bottom, #4b0082 0, #2e004f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b0082', endColorstr='#ff2e004f', GradientType=0)
}
.pencisc-button.pencisc-background-indigo:hover {
background: #2e004f;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#2e004f), to(#4b0082));
background-image: -webkit-linear-gradient(top, #2e004f 0, #4b0082 100%);
background-image: -moz-linear-gradient(top, #2e004f 0, #4b0082 100%);
background-image: linear-gradient(to bottom, #2e004f 0, #4b0082 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e004f', endColorstr='#ff4b0082', GradientType=0)
}
.pencisc-button.pencisc-background-violet {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#9400d3), to(#7000a0));
background-image: -webkit-linear-gradient(top, #9400d3 0, #7000a0 100%);
background-image: -moz-linear-gradient(top, #9400d3 0, #7000a0 100%);
background-image: linear-gradient(to bottom, #9400d3 0, #7000a0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9400d3', endColorstr='#ff7000a0', GradientType=0)
}
.pencisc-button.pencisc-background-violet:hover {
background: #7000a0;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#7000a0), to(#9400d3));
background-image: -webkit-linear-gradient(top, #7000a0 0, #9400d3 100%);
background-image: -moz-linear-gradient(top, #7000a0 0, #9400d3 100%);
background-image: linear-gradient(to bottom, #7000a0 0, #9400d3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7000a0', endColorstr='#ff9400d3', GradientType=0)
}
.pencisc-button.pencisc-background-cappuccino {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#af8e45), to(#8a7037));
background-image: -webkit-linear-gradient(top, #af8e45 0, #8a7037 100%);
background-image: -moz-linear-gradient(top, #af8e45 0, #8a7037 100%);
background-image: linear-gradient(to bottom, #af8e45 0, #8a7037 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf8e45', endColorstr='#ff8a7037', GradientType=0)
}
.pencisc-button.pencisc-background-cappuccino:hover {
background: #8a7037;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#8a7037), to(#af8e45));
background-image: -webkit-linear-gradient(top, #8a7037 0, #af8e45 100%);
background-image: -moz-linear-gradient(top, #8a7037 0, #af8e45 100%);
background-image: linear-gradient(to bottom, #8a7037 0, #af8e45 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a7037', endColorstr='#ffaf8e45', GradientType=0)
}
.pencisc-button.pencisc-background-brown {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#b77b48), to(#92623a));
background-image: -webkit-linear-gradient(top, #b77b48 0, #92623a 100%);
background-image: -moz-linear-gradient(top, #b77b48 0, #92623a 100%);
background-image: linear-gradient(to bottom, #b77b48 0, #92623a 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb77b48', endColorstr='#ff92623a', GradientType=0)
}
.pencisc-button.pencisc-background-brown:hover {
background: #92623a;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#92623a), to(#b77b48));
background-image: -webkit-linear-gradient(top, #92623a 0, #b77b48 100%);
background-image: -moz-linear-gradient(top, #92623a 0, #b77b48 100%);
background-image: linear-gradient(to bottom, #92623a 0, #b77b48 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92623a', endColorstr='#ffb77b48', GradientType=0)
}
.pencisc-button.pencisc-background-brown-dark {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#7a5230), to(#553922));
background-image: -webkit-linear-gradient(top, #7a5230 0, #553922 100%);
background-image: -moz-linear-gradient(top, #7a5230 0, #553922 100%);
background-image: linear-gradient(to bottom, #7a5230 0, #553922 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a5230', endColorstr='#ff553922', GradientType=0)
}
.pencisc-button.pencisc-background-brown-dark:hover {
background: #553922;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#553922), to(#7a5230));
background-image: -webkit-linear-gradient(top, #553922 0, #7a5230 100%);
background-image: -moz-linear-gradient(top, #553922 0, #7a5230 100%);
background-image: linear-gradient(to bottom, #553922 0, #7a5230 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff553922', endColorstr='#ff7a5230', GradientType=0)
}
.pencisc-button.pencisc-background-gray {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#ccc), to(#b3b3b3));
background-image: -webkit-linear-gradient(top, #ccc 0, #b3b3b3 100%);
background-image: -moz-linear-gradient(top, #ccc 0, #b3b3b3 100%);
background-image: linear-gradient(to bottom, #ccc 0, #b3b3b3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffb3b3b3', GradientType=0)
}
.pencisc-button.pencisc-background-gray:hover {
background: #b3b3b3;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#b3b3b3), to(#ccc));
background-image: -webkit-linear-gradient(top, #b3b3b3 0, #ccc 100%);
background-image: -moz-linear-gradient(top, #b3b3b3 0, #ccc 100%);
background-image: linear-gradient(to bottom, #b3b3b3 0, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb3b3b3', endColorstr='#ffcccccc', GradientType=0)
}
.pencisc-button.pencisc-background-gray-dark {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#666), to(#4d4d4d));
background-image: -webkit-linear-gradient(top, #666 0, #4d4d4d 100%);
background-image: -moz-linear-gradient(top, #666 0, #4d4d4d 100%);
background-image: linear-gradient(to bottom, #666 0, #4d4d4d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff4d4d4d', GradientType=0)
}
.pencisc-button.pencisc-background-gray-dark:hover {
background: #4d4d4d;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#4d4d4d), to(#666));
background-image: -webkit-linear-gradient(top, #4d4d4d 0, #666 100%);
background-image: -moz-linear-gradient(top, #4d4d4d 0, #666 100%);
background-image: linear-gradient(to bottom, #4d4d4d 0, #666 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d4d4d', endColorstr='#ff666666', GradientType=0)
}
.pencisc-button.pencisc-background-black {
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#333), to(#1a1a1a));
background-image: -webkit-linear-gradient(top, #333 0, #1a1a1a 100%);
background-image: -moz-linear-gradient(top, #333 0, #1a1a1a 100%);
background-image: linear-gradient(to bottom, #333 0, #1a1a1a 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff1a1a1a', GradientType=0)
}
.pencisc-button.pencisc-background-black:hover {
background: #1a1a1a;
color: #fff;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#1a1a1a), to(#333));
background-image: -webkit-linear-gradient(top, #1a1a1a 0, #333 100%);
background-image: -moz-linear-gradient(top, #1a1a1a 0, #333 100%);
background-image: linear-gradient(to bottom, #1a1a1a 0, #333 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a1a1a', endColorstr='#ff333333', GradientType=0)
}
.pencisc-button.pencisc-background-white {
color: #444;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff 0, #e6e6e6 100%);
background-image: -moz-linear-gradient(top, #fff 0, #e6e6e6 100%);
background-image: linear-gradient(to bottom, #fff 0, #e6e6e6 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)
}
.pencisc-button.pencisc-background-white:hover {
background: #e6e6e6;
color: #444;
background-image: -webkit-gradient(linear, left 0, left 100%, from(#e6e6e6), to(#fff));
background-image: -webkit-linear-gradient(top, #e6e6e6 0, #fff 100%);
background-image: -moz-linear-gradient(top, #e6e6e6 0, #fff 100%);
background-image: linear-gradient(to bottom, #e6e6e6 0, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0)
}
.pencisc-button.pencisc-bootstrap {
border: none;
background-image: none
}
.pencisc-button.pencisc-bootstrap:hover {
background-image: none
}
.pencisc-box {
padding: .5em 1em;
border-radius: 3px;
border: 1px solid transparent;
margin: 0 0 1em;
position: relative;
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5
}
.pencisc-box .pencisc-close {
float: right;
position: relative;
cursor: pointer;
display: inline-block;
right: -11px;
top: -4px;
font-size: 12px;
text-align: center;
line-height: 1;
opacity: .3;
transition: .25s
}
.pencisc-box .pencisc-close:hover {
opacity: 1
}
.pencisc-box p {
margin: 1em 0 0
}
.pencisc-box p:first-child {
margin-top: 0
}
.pencisc-box.pencisc-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7
}
.pencisc-box.pencisc-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6
}
.pencisc-box.pencisc-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1
}
.pencisc-tabs {
margin-bottom: 1em
}
.pencisc-tabs .pencisc-content {
clear: both;
border: 1px solid #ddd;
padding: 10px 20px 0 20px
}
.pencisc-tabs.pencisc-vertical .pencisc-nav {
box-shadow: inset -3px 0 5px -2px #ccc
}
.pencisc-tabs.pencisc-vertical .pencisc-nav li {
display: block;
float: none;
border-width: 1px 1px 0 0
}
.pencisc-tabs.pencisc-vertical .pencisc-nav li:first-child {
border-width: 0 1px 0 0
}
.pencisc-tabs.pencisc-vertical .pencisc-nav li.pencisc-active {
background: #fff;
border-right: 0;
border-color: #ddd
}
.pencisc-tabs.pencisc-vertical .pencisc-nav li.pencisc-active a {
color: #444
}
.pencisc-tabs.pencisc-vertical .pencisc-content {
border: none;
clear: none;
padding: 0 20px
}
.pencisc-nav {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: 11px Arial, sans-serif
}
.pencisc-nav li {
float: left;
display: inline-block;
padding: 0 16px;
border: 1px solid #ddd;
border-width: 1px 1px 0 0;
text-align: center;
line-height: 32px;
transition: .2s;
cursor: pointer
}
.pencisc-nav li:first-child {
border-left-width: 1px
}
.pencisc-nav li.pencisc-active {
background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
background-image: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0)
}
.pencisc-nav li i {
margin-right: 7px
}
.pencisc-nav a {
color: #444
}
.pencisc-nav a:hover {
text-decoration: none
}
.pencisc-tab {
display: none
}
.pencisc-tab.pencisc-active {
display: block;
animation: penciscfadeIn 1 1s ease
}
.pencisc-accordions, .pencisc-toggles {
margin-bottom: 1em
}
.pencisc-accordion, .pencisc-toggle {
margin-bottom: 4px;
border: 1px solid #d8d8d8;
border-radius: 3px
}
.pencisc-accordion .pencisc-title, .pencisc-toggle .pencisc-title {
padding: 3px 8px;
cursor: pointer;
display: block;
color: #444;
background: #f0f0f0
}
.pencisc-accordion.pencisc-active .pencisc-title, .pencisc-toggle.pencisc-active .pencisc-title {
border-bottom: 1px solid #d8d8d8;
font-weight: bold
}
.pencisc-accordion .pencisc-content, .pencisc-toggle .pencisc-content {
display: none;
padding: 10px
}
.pencisc-accordion p, .pencisc-toggle p {
margin-bottom: 0
}
.pencisc-accordion p:first-child, .pencisc-toggle p:first-child {
margin-top: 0
}
.pencisc-progress-bar {
margin-bottom: 1em
}
.pencisc-progress-bar .pencisc-title {
font-size: .85em;
margin-bottom: .3em
}
.pencisc-progress-bar.pencisc-block {
position: relative
}
.pencisc-progress-bar.pencisc-block .pencisc-title {
position: absolute;
color: #fff;
top: 1px;
left: 5px
}
.pencisc-progress-bar.pencisc-block .pencisc-percent-wrapper, .pencisc-progress-bar.pencisc-block .pencisc-percent {
height: 18px
}
.pencisc-percent-wrapper {
height: 15px;
background: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 6px;
box-sizing: border-box
}
.pencisc-percent {
width: 0;
height: 15px;
margin: -1px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
box-sizing: border-box;
background: #ff5c00
}
.pencisc-percent-100 {
border-radius: 5px
}
.pencisc-promo-box-wrap {
margin-bottom: 2em
}
.pencisc-promo-box {
padding: 2em;
background: #f6f6f6;
border-left: 4px solid #a0ce4e;
position: relative
}
.pencisc-promo-box.pencisc-two-buttons {
text-align: center
}
.pencisc-promo-box.pencisc-two-buttons .pencisc-buttons {
float: none
}
.pencisc-promo-box .pencisc-heading {
margin: 0 0 5px
}
.pencisc-promo-box .pencisc-text {
margin: 0
}
.pencisc-promo-box .pencisc-buttons {
float: right
}
.pencisc-map {
margin-bottom: 2em
}
.pencisc-background-rosy {
background: #f16c7c
}
.pencisc-background-pink {
background: #ff0084
}
.pencisc-background-pink-dark {
background: #e22092
}
.pencisc-background-red {
background: #f00
}
.pencisc-background-magenta {
background: #a9014b
}
.pencisc-background-orange {
background: #ff5c00
}
.pencisc-background-orange-dark {
background: #dd4b39
}
.pencisc-background-yellow {
background: #ffb515
}
.pencisc-background-green-light {
background: #91bd09
}
.pencisc-background-green-lime {
background: #32cd32
}
.pencisc-background-green {
background: #238f23
}
.pencisc-background-blue {
background: #00adee
}
.pencisc-background-blue-dark {
background: #3b5998
}
.pencisc-background-indigo {
background: #4b0082
}
.pencisc-background-violet {
background: #9400d3
}
.pencisc-background-cappuccino {
background: #af8e45
}
.pencisc-background-brown {
background: #b77b48
}
.pencisc-background-brown-dark {
background: #7a5230
}
.pencisc-background-gray {
background: #ccc
}
.pencisc-background-gray-dark {
background: #666
}
.pencisc-background-black {
background: #333
}
.pencisc-background-white {
background: #fff
}
.pencisc-align-left {
float: left
}
.pencisc-align-right {
float: right
}
.pencisc-align-center {
margin: 0 auto
}
.pencisc-row {
margin-bottom: 20px;
}