Created
February 26, 2015 23:01
-
-
Save xsalefter/32bc5531d02f15d849bb to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .form-all { | |
| font-family: "Lucida Grande", sans-serif; | |
| } | |
| .form-all { | |
| width: 690px; | |
| } | |
| .form-label-left, | |
| .form-label-right { | |
| width: 150px; | |
| } | |
| .form-label { | |
| white-space: normal; | |
| } | |
| .form-label.form-label-auto { | |
| display: inline-block; | |
| float: left; | |
| text-align: left; | |
| width: 150px; | |
| } | |
| .form-label-left { | |
| display: inline-block; | |
| white-space: normal; | |
| float: left; | |
| text-align: left; | |
| } | |
| .form-label-right { | |
| display: inline-block; | |
| white-space: normal; | |
| float: left; | |
| text-align: right; | |
| } | |
| .form-label-top { | |
| white-space: normal; | |
| display: block; | |
| float: none; | |
| text-align: left; | |
| } | |
| .form-all { | |
| font-size: 14px; | |
| } | |
| .form-label { | |
| font-weight: normal; | |
| font-size: 0.95em; | |
| } | |
| .supernova { | |
| background-color: #d5eef3; | |
| background-color: #69d2e7; | |
| } | |
| .supernova body { | |
| background-color: transparent; | |
| } | |
| /* | |
| @width30: (unit(@formWidth, px) + 60px); | |
| @width60: (unit(@formWidth, px)+ 120px); | |
| @width90: (unit(@formWidth, px)+ 180px); | |
| */ | |
| /* | */ | |
| @media screen and (min-width: 480px) { | |
| .supernova .form-all { | |
| border: 1px solid #3dc5e0; | |
| -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); | |
| } | |
| } | |
| /* | */ | |
| /* | */ | |
| @media screen and (max-width: 480px) { | |
| .jotform-form { | |
| padding: 10px 0; | |
| } | |
| } | |
| /* | */ | |
| /* | */ | |
| @media screen and (min-width: 480px) and (max-width: 768px) { | |
| .jotform-form { | |
| padding: 30px 0; | |
| } | |
| } | |
| /* | */ | |
| /* | */ | |
| @media screen and (min-width: 768px) and (max-width: 1024px) { | |
| .jotform-form { | |
| padding: 60px 0; | |
| } | |
| } | |
| /* | */ | |
| /* | */ | |
| @media screen and (min-width: 1024px) { | |
| .jotform-form { | |
| padding: 90px 0; | |
| } | |
| } | |
| /* | */ | |
| .form-all { | |
| background-color: #d5eef3; | |
| border: 1px solid transparent; | |
| } | |
| .form-header-group { | |
| border-color: #addee8; | |
| } | |
| .form-matrix-table tr { | |
| border-color: #addee8; | |
| } | |
| .form-matrix-table tr:nth-child(2n) { | |
| background-color: #c1e6ed; | |
| } | |
| .form-all { | |
| color: #3e4e1a; | |
| } | |
| .form-header-group .form-header { | |
| color: #3e4e1a; | |
| } | |
| .form-header-group .form-subHeader { | |
| color: #5c7427; | |
| } | |
| .form-sub-label { | |
| color: #5c7427; | |
| } | |
| .form-label-top, | |
| .form-label-left, | |
| .form-label-right, | |
| .form-html { | |
| color: #5c7427; | |
| } | |
| .form-checkbox-item label, | |
| .form-radio-item label { | |
| color: #3e4e1a; | |
| } | |
| .form-line.form-line-active { | |
| -webkit-transition-property: all; | |
| -moz-transition-property: all; | |
| -ms-transition-property: all; | |
| -o-transition-property: all; | |
| transition-property: all; | |
| -webkit-transition-duration: 0.3s; | |
| -moz-transition-duration: 0.3s; | |
| -ms-transition-duration: 0.3s; | |
| -o-transition-duration: 0.3s; | |
| transition-duration: 0.3s; | |
| -webkit-transition-timing-function: ease; | |
| -moz-transition-timing-function: ease; | |
| -ms-transition-timing-function: ease; | |
| -o-transition-timing-function: ease; | |
| transition-timing-function: ease; | |
| background-color: rgba(255, 255, 255, 0.75); | |
| } | |
| /* ömer */ | |
| .form-radio-item, | |
| .form-checkbox-item { | |
| padding-bottom: 0px !important; | |
| } | |
| .form-radio-item:last-child, | |
| .form-checkbox-item:last-child { | |
| padding-bottom: 0; | |
| } | |
| /* ömer */ | |
| .form-single-column .form-checkbox-item, | |
| .form-single-column .form-radio-item { | |
| width: 100%; | |
| } | |
| .supernova { | |
| height: 100%; | |
| background-repeat: no-repeat; | |
| background-attachment: scroll; | |
| background-position: center top; | |
| background-size: cover; | |
| } | |
| .supernova { | |
| background-image: none; | |
| background-image: url("http://www.jotform.com/uploads/xsalefter/form_files/bg.jpg"); | |
| } | |
| #stage { | |
| background-image: none; | |
| background-image: url("http://www.jotform.com/uploads/xsalefter/form_files/bg.jpg"); | |
| } | |
| /* | */ | |
| .form-all { | |
| background-repeat: no-repeat; | |
| background-attachment: scroll; | |
| background-position: center top; | |
| background-repeat: repeat; | |
| } | |
| .form-header-group { | |
| background-repeat: no-repeat; | |
| background-attachment: scroll; | |
| background-position: center top; | |
| } | |
| .form-line { | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| } | |
| .form-line { | |
| padding: 12px 36px; | |
| } | |
| .form-all .form-textbox, | |
| .form-all .form-radio-other-input, | |
| .form-all .form-checkbox-other-input, | |
| .form-all .form-captcha input, | |
| .form-all .form-spinner input, | |
| .form-all .form-pagebreak-back, | |
| .form-all .form-pagebreak-next, | |
| .form-all .qq-upload-button, | |
| .form-all .form-error-message { | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .form-all .form-sub-label { | |
| margin-left: 3px; | |
| } | |
| .form-all .form-textarea { | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .form-all { | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .form-section:first-child { | |
| -webkit-border-radius: 6px 6px 0 0; | |
| -moz-border-radius: 6px 6px 0 0; | |
| border-radius: 6px 6px 0 0; | |
| } | |
| .form-section:last-child { | |
| -webkit-border-radius: 0 0 6px 6px; | |
| -moz-border-radius: 0 0 6px 6px; | |
| border-radius: 0 0 6px 6px; | |
| } | |
| .form-all .qq-upload-button, | |
| .form-all .form-submit-button, | |
| .form-all .form-submit-reset, | |
| .form-all .form-submit-print { | |
| font-size: 1em; | |
| padding: 9px 15px; | |
| font-family: "Lucida Grande", sans-serif; | |
| font-size: 14px; | |
| font-weight: normal; | |
| } | |
| .form-all .form-pagebreak-back, | |
| .form-all .form-pagebreak-next { | |
| font-size: 1em; | |
| padding: 9px 15px; | |
| font-family: "Lucida Grande", sans-serif; | |
| font-size: 14px; | |
| font-weight: normal; | |
| } | |
| /* | |
| & when ( @buttonFontType = google ) { | |
| @import (css) "@{buttonFontLink}"; | |
| } | |
| */ | |
| h2.form-header { | |
| line-height: 1.618em; | |
| font-size: 1.714em; | |
| } | |
| h2 ~ .form-subHeader { | |
| line-height: 1.5em; | |
| font-size: 1.071em; | |
| } | |
| .form-header-group { | |
| text-align: left; | |
| } | |
| /*.form-dropdown, | |
| .form-radio-item, | |
| .form-checkbox-item, | |
| .form-radio-other-input, | |
| .form-checkbox-other-input,*/ | |
| .form-captcha input, | |
| .form-spinner input, | |
| .form-error-message { | |
| padding: 4px 3px 2px 3px; | |
| } | |
| .form-header-group { | |
| font-family: "Lucida Grande", sans-serif; | |
| } | |
| .form-section { | |
| padding: 0px 0px 0px 0px; | |
| } | |
| .form-header-group { | |
| margin: 12px 36px 12px 36px; | |
| } | |
| .form-header-group { | |
| padding: 24px 0px 24px 0px; | |
| } | |
| .form-textbox, | |
| .form-textarea { | |
| padding: 4px 3px 2px 3px; | |
| } | |
| .form-textbox, | |
| .form-textarea, | |
| .form-radio-other-input, | |
| .form-checkbox-other-input, | |
| .form-captcha input, | |
| .form-spinner input { | |
| background-color: #ffffff; | |
| } | |
| [data-type="control_dropdown"] .form-input, | |
| [data-type="control_dropdown"] .form-input-wide { | |
| width: 150px; | |
| } | |
| .form-label { | |
| font-family: "Lucida Grande", sans-serif; | |
| } | |
| li[data-type="control_image"] div { | |
| text-align: left; | |
| } | |
| li[data-type="control_image"] img { | |
| border: none; | |
| border-width: 0px !important; | |
| border-style: solid !important; | |
| border-color: false !important; | |
| } | |
| .form-line-column { | |
| width: auto; | |
| } | |
| .form-line-error { | |
| overflow: hidden; | |
| -webkit-transition-property: none; | |
| -moz-transition-property: none; | |
| -ms-transition-property: none; | |
| -o-transition-property: none; | |
| transition-property: none; | |
| -webkit-transition-duration: 0.3s; | |
| -moz-transition-duration: 0.3s; | |
| -ms-transition-duration: 0.3s; | |
| -o-transition-duration: 0.3s; | |
| transition-duration: 0.3s; | |
| -webkit-transition-timing-function: ease; | |
| -moz-transition-timing-function: ease; | |
| -ms-transition-timing-function: ease; | |
| -o-transition-timing-function: ease; | |
| transition-timing-function: ease; | |
| background-color: #fff4f4; | |
| } | |
| .form-line-error .form-error-message { | |
| background-color: #ff3200; | |
| clear: both; | |
| float: none; | |
| } | |
| .form-line-error .form-error-message .form-error-arrow { | |
| border-bottom-color: #ff3200; | |
| } | |
| .form-line-error input:not(#coupon-input), | |
| .form-line-error textarea, | |
| .form-line-error .form-validation-error { | |
| border: 1px solid #ff3200; | |
| -webkit-box-shadow: 0 0 3px #ff3200; | |
| -moz-box-shadow: 0 0 3px #ff3200; | |
| box-shadow: 0 0 3px #ff3200; | |
| } | |
| .ie-8 .form-all { | |
| margin-top: auto; | |
| margin-top: initial; | |
| } | |
| .ie-8 .form-all:before { | |
| display: none; | |
| } | |
| /* | */ | |
| @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) { | |
| .jotform-form { | |
| padding: 0; | |
| } | |
| .form-all { | |
| border: 0; | |
| width: 100%; | |
| max-width: initial; | |
| } | |
| .form-sub-label-container { | |
| width: 100%; | |
| margin: 0; | |
| } | |
| .form-input { | |
| width: 100%; | |
| } | |
| .form-label { | |
| width: 100%!important; | |
| } | |
| .form-line { | |
| padding: 2% 5%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| input[type=text], | |
| input[type=email], | |
| input[type=tel], | |
| textarea { | |
| width: 100%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| max-width: initial !important; | |
| } | |
| .form-input, | |
| .form-input-wide, | |
| .form-textarea, | |
| .form-textbox, | |
| .form-dropdown { | |
| max-width: initial !important; | |
| } | |
| div.form-header-group { | |
| padding: 24px 0px !important; | |
| margin: 0 12px 2% !important; | |
| margin-left: 5% !important; | |
| margin-right: 5% !important; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| [data-type="control_button"] { | |
| margin-bottom: 0 !important; | |
| } | |
| .form-buttons-wrapper { | |
| margin: 0!important; | |
| } | |
| .form-buttons-wrapper button { | |
| width: 100%; | |
| } | |
| table { | |
| width: 100%!important; | |
| max-width: initial !important; | |
| } | |
| table td + td { | |
| padding-left: 3%; | |
| } | |
| .form-checkbox-item input, | |
| .form-radio-item input { | |
| width: auto; | |
| } | |
| .form-collapse-table { | |
| margin: 0 5%; | |
| } | |
| } | |
| /* | *//*__INSPECT_SEPERATOR__*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment