mirror of
https://github.com/lubuntu-team/lubuntu.me.git
synced 2025-02-23 08:11:08 +00:00
338 lines
7.7 KiB
CSS
338 lines
7.7 KiB
CSS
.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
|
|
|
|
/**
|
|
remember to change color #f6f6f6
|
|
**/
|
|
#smuzform-cont {
|
|
|
|
|
|
margin: 0 auto;
|
|
margin-top: 25px;
|
|
border: 1px rgb(221, 221, 221) solid;
|
|
max-width: 1048px;
|
|
box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.5);
|
|
-moz-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.5);
|
|
-webkit-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.5);
|
|
background-color: #FFEBD1;
|
|
|
|
|
|
}
|
|
|
|
|
|
#smuzform-cont .navbar-header {
|
|
width: 88% !important;
|
|
}
|
|
|
|
#smuzform-cont .navbar-header li{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.navBarActionsLi a{
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
color: #000 !important;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.navBarActionsLi a:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
#smuzform-cont .container {
|
|
|
|
}
|
|
|
|
|
|
#inline-preview-cont {
|
|
|
|
margin-top: 25px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.fieldWrap button {
|
|
margin-left: 4px;
|
|
padding: 4px 8px;
|
|
position: relative;
|
|
top: -3px;
|
|
text-decoration: none;
|
|
border: none;
|
|
border: 1px solid #ccc;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
background: #f7f7f7;
|
|
text-shadow: none;
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
width: 120px;
|
|
}
|
|
|
|
.fieldWrap button:hover {
|
|
color: #fff;
|
|
-webkit-transition-property: border,background,color;
|
|
transition-property: border,background,color;
|
|
-webkit-transition-duration: .05s;
|
|
transition-duration: .05s;
|
|
-webkit-transition-timing-function: ease-in-out;
|
|
transition-timing-function: ease-in-out;
|
|
background-color: #0073ab;
|
|
}
|
|
|
|
.mainnavbar {
|
|
|
|
background-color: #7F93A5;
|
|
border-color: transparent;
|
|
border-radius: 0px;
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
.mainnavbar .navbar-brand {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
.smuzform-settings {
|
|
|
|
background-color: #FFEBD1;
|
|
border-color: rgb(250, 235, 204);
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
.smuzform-preview {
|
|
background: #fff;
|
|
width: 655px;
|
|
}
|
|
|
|
#fields {
|
|
|
|
list-style: none;
|
|
margin-top: 15px;
|
|
|
|
}
|
|
|
|
#fields .field {
|
|
|
|
width: 40%;
|
|
float: left;
|
|
}
|
|
|
|
.form-group {
|
|
padding: 5px;
|
|
}
|
|
|
|
li.selected {
|
|
border: 2px dotted #5b9dd9;
|
|
|
|
cursor: move;
|
|
}
|
|
|
|
.selected .removeMeField {
|
|
|
|
display: block !important;
|
|
width: 30px;
|
|
|
|
}
|
|
|
|
#noFieldsMessage p:after {
|
|
content: "No Fields in the form. You should Add some fields by clicking on the field buttons.";
|
|
}
|
|
|
|
ul.collection-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.form-inline .form-group{
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.form-inline .checkbox {
|
|
display: block;
|
|
}
|
|
|
|
|
|
.field-cont-type label, .field-cont-size label, .field-cont-options-label, .form-cont-lang label, .form-cont-placement label {
|
|
display: block;
|
|
}
|
|
|
|
label.required:after {
|
|
content:"*";
|
|
color:red;
|
|
}
|
|
|
|
.fieldLineBreakView {
|
|
padding: 5px;
|
|
}
|
|
|
|
.fieldSize-small {
|
|
width: 25%;
|
|
}
|
|
|
|
.fieldSize-medium {
|
|
width: 50%;
|
|
}
|
|
|
|
.fieldSize-large {
|
|
width: 100%;
|
|
}
|
|
|
|
.createFormBtn, .saveFormBtn {
|
|
|
|
background-color: #ddd;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 107%;
|
|
margin-left: -25px;
|
|
padding-bottom: 25px;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
#saveForm {
|
|
text-align: center;
|
|
width: 200px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
position: relative;
|
|
left: 35%;
|
|
color: #000;
|
|
background-color: #58927B;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#saveForm:hover {
|
|
background-color: #6DA08B;
|
|
}
|
|
|
|
#serverModalCont {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: black;
|
|
opacity: 0.8;
|
|
z-index: 99999;
|
|
display: none;
|
|
}
|
|
|
|
#serverModalCont p{
|
|
position: relative;
|
|
top: 50%;
|
|
left: 50%;
|
|
color: #fff;
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#wpfooter{
|
|
margin-top: 25px;
|
|
color: #000;
|
|
}
|
|
|
|
#wpcontent {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.nameFieldLabelInline {
|
|
font-weight: normal;
|
|
margin-top: -30px;
|
|
}
|
|
|
|
.nameFieldRow, .addressFieldRow {
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.nameFieldRow .form-group {
|
|
padding: 0px;
|
|
margin-bottom: 0px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.addressFieldRow .form-group {
|
|
padding: 0px;
|
|
margin-bottom: 0px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#formFieldsCont input {
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
input[type=number], input[type=url] {
|
|
height: 34px;
|
|
}
|
|
|
|
.headingFieldFeature {
|
|
padding: 5px 0px 5px 0 ;
|
|
clear: both;
|
|
}
|
|
|
|
.ruleInlineCont {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.ruleInlineCont input, .ruleInlineCont select, .ruleInlineCont strong {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#ruleFields, #ruleFieldAction {
|
|
width: 45%;
|
|
}
|
|
|
|
#ruleFieldLogicValue {
|
|
width: 60%;
|
|
}
|
|
|
|
#ruleFieldAction {
|
|
width: 30%;
|
|
}
|
|
|
|
#fieldSettingsCont {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
#fieldSettingsForm input[type="text"], #fieldSettingsForm input[type="number"], #fieldSettingsForm input[type="select"]{
|
|
font-size: 12px;
|
|
height: 30px;
|
|
}
|
|
|
|
#formSettingsForm input[type="text"], #formSettingsForm input[type="number"], #formSettingsForm input[type="select"]{
|
|
font-size: 12px;
|
|
height: 30px;
|
|
}
|
|
|
|
#formShortcodeFunc, #formShortcode {
|
|
font-family: Monaco,monospace;
|
|
}
|
|
|
|
#fieldRulesCont {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
textarea#customHtmlSource, #fieldCssClasses {
|
|
font-family: Monaco,monospace;
|
|
}
|
|
|
|
.smuzform-settings .nav-tabs {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.form-title{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.loadingSpinner {
|
|
position: absolute;
|
|
top: 46%;
|
|
left: 60%;
|
|
}
|
|
.loadingSpinner .sk-child:before {
|
|
background-color: #ffffff;
|
|
} |