/******************
- General -
******************/
#circularcountdown_general h2 {
font-size:23px;
font-weight:300;
color:#464646;
margin:0;
padding:26px 0 21px 2px;
display:block;
}
#circularcountdown_general #theshortcode {
display:none;
clear:both;
width:100%;
margin-bottom:20px;
}
#circularcountdown_general #theshortcode textarea {
width:823px;
height:180px;
}
#circularcountdown_error {
width:100%;
background:#333;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:18px;
}
#circularcountdown_general .separator {
border-bottom:1px solid #dfdfdf;
width:100%;
clear:both;
float:left;
margin-top:16px;
margin-bottom:16px;
height:1px;
}
/******************
- Postbox -
******************/
#circularcountdown_general .unite-postbox {
width:400px;
float:left;
margin-right:20px;
}
#circularcountdown_general .unite-postbox hr {
border:none;
border-top:1px solid #eee;
}
#circularcountdown_general .unite-postbox h3 {
position:relative;
height:25px;
cursor:default !important;
padding:5px;
margin:0px;
font-size:15px;
}
#circularcountdown_general .unite-postbox h3 span {
display:block;
padding-top:5px;
padding-left:10px;
color:#000000;
float:left;
line-height:18px;
}
/****************
- Clear -
****************/
#circularcountdown_general .field:after {
content:".";
visibility:hidden;
display:block;
clear:both;
height:0;
font-size:0;
}
/****************
- Field -
****************/
#circularcountdown_general .block {
padding:10px;
}
#circularcountdown_general .field {
clear:both;
padding:9px 7px;
}
#circularcountdown_general .field > label {
display:block;
position:relative;
float:left;
min-width:180px;
font-size:13px;
cursor:default;
margin-top:6px;
}
#circularcountdown_general .field span.unit {
display:block;
float:left;
padding-left:2px;
padding-top:6px;
}
#circularcountdown_general .regular-text, #circularcountdown_general .medium-text, #circularcountdown_general .small-text {
float:left;
height:25px;
padding:4px;
font-size:12px;
background:#fff;
border:1px solid #c9c9c9;
color:#555;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.05);
-webkit-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
-moz-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
-ms-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
-o-transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
transition:border linear 0.3s, background-color 0.3s, box-shadow linear 0.3s;
}
#circularcountdown_general .regular-text:focus, #circularcountdown_general .medium-text:focus, #circularcountdown_general .small-text:focus {
border-color:#9c9c9c;
color:#333;
-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
}
#circularcountdown_general textarea.regular-text {
height:152px;
}
#circularcountdown_general .regular-text {
width:180px;
}
#circularcountdown_general .medium-text {
width:120px;
}
#circularcountdown_general .small-text {
width:60px;
}
/****************************
- Buttons with icon -
****************************/
#circularcountdown_general .buttons {
clear:both;
}
[class^="icon-"], [class*=" icon-"] {
margin-right:3px;
}
#circularcountdown_general .button-primary {
border:none !important;
text-shadow:none !important;
border:none !important;
outline:none !important;
box-shadow:none !important;
line-height:26px !important;
height:27px !important;
margin:2px 3px 2px 0px!important;
color:#fff !important;
border-radius:3px !important;
-webkit-border-radius:3px !important;
-moz-border-radius:3px !important;
}
/* Green */
#circularcountdown_general .btn-green {
background:#27ae60 !important;
}
#circularcountdown_general .btn-green:hover {
background:#2ecc71 !important;
}
/* Blue */
#circularcountdown_general .btn-blue {
background:#3498db !important;
}
#circularcountdown_general .btn-blue:hover {
background:#2980b9 !important;
}
/* Yellow */
#circularcountdown_general .btn-yellow {
background:#f1c40f !important;
}
#circularcountdown_general .btn-yellow:hover {
background:#f39c12 !important;
}
/********************************
- iPhone style checkbox -
********************************/
#circularcountdown_general .iPhoneCheckContainer {
position:relative;
height:25px;
cursor:pointer;
overflow:hidden;
float:left;
margin-top:3px;
}
#circularcountdown_general .iPhoneCheckContainer input {
position:absolute;
top:5px;
left:30px;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#circularcountdown_general .iPhoneCheckContainer label {
position:absolute;
display:block;
top:0;
white-space:nowrap;
font-size:11px;
line-height:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
cursor:pointer;
height:20px;
width:auto;
padding:5px 0 0 0;
overflow:hidden;
}
#circularcountdown_general .iPhoneCheckContainer, #circularcountdown_general .iPhoneCheckContainer label {
user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
}
#circularcountdown_general .iPhoneCheckDisabled {
opacity:0.5;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#circularcountdown_general label.iPhoneCheckLabelOn {
left:0;
padding-top:5px;
color:#fff;
background:#5196ec;
border-radius:3px 0px 0px 3px;
-moz-border-radius:3px 0px 0px 3px;
-webkit-border-radius:3px 0px 0px 3px;
-khtml-border-radius:3px 0px 0px 3px;
-webkit-box-shadow:0 0 1px 0 #20497d inset;
-o-box-shadow:0 0 1px 0 #20497d inset;
box-shadow:0 0 1px 0 #20497d inset;
background:-moz-linear-gradient(top, #3269aa 0%, #82b4f4 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3269aa), color-stop(100%, #82b4f4));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#3269aa',EndColorStr='#82b4f4')";
}
#circularcountdown_general label.iPhoneCheckLabelOn span {
padding-left:8px;
}
#circularcountdown_general label.iPhoneCheckLabelOff {
text-align:right;
right:0;
padding-top:5px;
color:#8b8b8b;
border-radius:0px 3px 3px 0px;
-moz-border-radius:0px 3px 3px 0px;
-webkit-border-radius:0px 3px 3px 0px;
-khtml-border-radius:0px 3px 3px 0px;
-webkit-box-shadow:0 0 1px 0 #6f6f6f inset;
-o-box-shadow:0 0 1px 0 #6f6f6f inset;
box-shadow:0 0 1px 0 #6f6f6f inset;
background:#e2e2e2;
background:-moz-linear-gradient(top, #c6c6c6 0%, #fcfcfc 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #fcfcfc));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#c6c6c6',EndColorStr='#fcfcfc')";
}
#circularcountdown_general label.iPhoneCheckLabelOff span {
padding-right:8px;
}
#circularcountdown_general .iPhoneCheckHandle {
position:absolute;
display:block;
cursor:pointer;
top:0;
left:0;
width:23px!important;
height:23px!important;
border:1px solid #a6a6a6;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-box-shadow:0 0 1px 0 #eeeeee inset;
box-shadow:0 0 1px 0 #eeeeee inset;
box-shadow:0 0 1px 0 #eeeeee inset;
background:#e6e6e6;
background:-moz-linear-gradient(top, #d8d8d8 0%, #fcfcfc 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(100%, #fcfcfc));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8',EndColorStr='#fcfcfc')";
}
#circularcountdown_general .iPhoneCheckHandleRight {
display:none;
}
#circularcountdown_general .iPhoneCheckHandleCenter {
display:none;
}