diff options
Diffstat (limited to 'plugins/wordpress-mobile-pack/admin/sass/core')
6 files changed, 1086 insertions, 0 deletions
diff --git a/plugins/wordpress-mobile-pack/admin/sass/core/_buttons.scss b/plugins/wordpress-mobile-pack/admin/sass/core/_buttons.scss new file mode 100755 index 00000000..0a35abf5 --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/core/_buttons.scss @@ -0,0 +1,110 @@ +#wmpack-admin{ + .btn{ + @include wbz-display-box(); + @include wbz-box-orient(horizontal); + @include wbz-box-pack(center); + @include wbz-box-align(center); + + display:flex; + + font-family: 'AcordeRegular', sans-serif; + width: $btn-size-normal; + height: $btn-height; + line-height: $btn-height; + min-height: $btn-height; + background: #ffffff; + color: $btn-color; + font-size: $btn-font-size; + @include wbz-border-radius($btn-radius); + border: $btn-border; + padding: 0 15px; + margin: 0; + text-decoration: none; + + &.smallest{ + width: $btn-size-smallest; + } + &.smaller{ + width: $btn-size-smaller; + } + &.small{ + width: $btn-size-small; + } + &.big{ + width: $btn-size-big; + } + &.bigger{ + width: $btn-size-bigger; + } + + strong{ + @include wbz-display-inline-box(); + font-family: 'AcordeSemiBold', sans-serif; + font-weight: normal; + font-style: normal; + } + &:hover{ + background: #fafafa; + border: 1px solid darken($btn-border, $darken-amounth/2); + } + &.green{ + background: $base-green; + color: #ffffff; + border: 1px solid darken($base-green, $darken-amounth/2); + + &:hover{ + background: darken($base-green, $darken-amounth/2); + border: 1px solid darken($base-green, $darken-amounth); + } + } + + &.blue{ + background: $base-blue; + color: #ffffff; + border: 1px solid darken($base-blue, $darken-amounth/2); + + &:hover{ + background: darken($base-blue, $darken-amounth/2); + border: 1px solid darken($base-blue, $darken-amounth); + } + &.spaced-right{ + margin-right:20px; + } + } + &.orange{ + background: $base-orange; + color: #ffffff; + border: 1px solid darken($base-orange, $darken-amounth/2); + + &:hover{ + background: darken($base-orange, $darken-amounth/2); + border: 1px solid darken($base-orange, $darken-amounth); + } + } + &.grey{ + background: $base-grey; + color: #939494; + text-transform: uppercase; + border: 1px solid darken($base-grey, $darken-amounth/2); + + &:hover{ + background: darken($base-grey, $darken-amounth/2); + border: 1px solid darken($base-grey, $darken-amounth); + } + } + &.turquoise { + background: $base-turquoise; + color: #ffffff; + border: 1px solid darken($base-turquoise, $darken-amounth/2); + + &:hover{ + background: darken($base-turquoise, $darken-amounth/2); + border: 1px solid darken($base-turquoise, $darken-amounth); + } + } + } + + .inline-btns-container{ + @include wbz-display-inline-box(); + } +} diff --git a/plugins/wordpress-mobile-pack/admin/sass/core/_core.scss b/plugins/wordpress-mobile-pack/admin/sass/core/_core.scss new file mode 100755 index 00000000..383c3c74 --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/core/_core.scss @@ -0,0 +1,448 @@ +#wmpack-admin{ + *, *:after, *:before { + font-weight: normal; + @include wbz-box-sizing(border-box); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; + -ms-touch-action: none; + -webkit-user-drag: none; + } + h1{ + font-family: 'OlRoundGothicLight', sans-serif; + font-size: $h1-font-size; + line-height: $h1-font-size; + font-weight: normal; + color: $base-text-color; + margin:0px; + padding:0px; + } + h2{ + font-family: 'AcordeRegular', sans-serif; + font-size: $h2-font-size; + line-height: $h2-font-size; + color: $base-text-color; + letter-spacing: 0.5px; + margin:0px; + padding:0px; + } + .underlined{ + border-bottom: 1px solid #EDF0F0; + margin: 0 0 30px; + padding: 0 0 10px; + } + p, span, a{ + font-family: 'OpenSansRegular', sans-serif; + font-size: 14px; + line-height: 19px; + color: $base-text-color; + } + p, span { + margin:0; + padding:0; + } + strong{ + font-weight: bold; + } + a{ + color: $base-blue; + text-decoration: none; + &:hover{ + color: darken($base-blue, $darken-amounth); + } + &:focus { + outline: none; + } + } + .left{ + float:left; + } + .right{ + float:right; + } + .notification{ + @include wbz-display-box(); + @include wbz-box-pack(center); + @include wbz-box-align(center); + position: relative; + width: 0px; + height: 0px; + + .count{ + @include wbz-border-radius(25px); + background: $base-red; + font-family: 'OpenSansRegular', sans-serif; + text-align: center; + color: #ffffff; + font-size: 12px; + line-height: 25px; + width: 25px; + height: 25px; + } + } + + @for $i from 0 through 100{ + .spacer-#{$i} { + @include wbz-spacer(#{$i}px); + } + } + .grey-line{ + @include wbz-spacer(1px); + border-top: 1px solid $body-color; + } + .grey-dotted-line{ + @include wbz-spacer(1px); + border-top: 1px dotted $base-p-color; + } + .relative{ + width: 0; + height: 0; + position: relative; + } + .corner{ + &.active{ + .indicator{ + width: 0; + height: 0; + border-top: 44px solid $base-green; + border-left: 44px solid transparent; + position: absolute; + right: 0px; + } + } + &.inactive{ + .indicator{ + width: 0; + height: 0; + border-top: 44px solid #ffffff; + border-left: 44px solid transparent; + position: absolute; + right: 0px; + } + } + } + .notice{ + padding: 25px; + margin: 0 0 15px 0; + background: $notice-bg; + border: 1px solid $notice-border; + @include wbz-border-radius($notice-radius); + position: relative; + + a { + font-family: "OpenSansRegular", sans-serif; + font-size: 13px; + line-height: 20px; + color: #819196; + text-decoration: underline; + } + + &.notice-left{ + &::before{ + left: -10px; + right: auto; + top: 50px; + bottom: auto; + border-color: transparent $notice-border; + border-width: 10px 10px 10px 0; + } + &::after{ + left: -9px; + right: auto; + top: 50px; + bottom: auto; + border-color: transparent $notice-bg; + border-width: 10px 10px 10px 0; + } + } + &::before{ + content: ""; + position: absolute; + top: -10px; + bottom: auto; + left: 50px; + right: auto; + border-style: solid; + border-color: $notice-border transparent; + border-width: 0 10px 10px; + display: block; + width: 0; + } + &::after{ + content: ""; + position: absolute; + bottom: auto; + top: -9px; + left: 50px; + right: auto; + border-style: solid; + border-color: $notice-bg transparent; + border-width: 0 10px 10px; + display: block; + width: 0; + } + span{ + font-family: "OpenSansRegular", sans-serif; + font-size: 13px; + line-height: 20px; + color: $notice-color; + } + } +} +body{ + min-width: $total-width; +} +#wp-content{ + background:$body-color; +} + +#wmpack-admin{ + width: 100%; + + .left-side{ + padding-right: 13px; + display: table-cell; + + nav.menu{ + width: 100%; + height: 69px; + position: relative; + padding: 0px; + min-width: 805px; + + .ribbon{ + .indicator{ + background: url(../images/ribbon-premium.png); + width: 67px; + height: 68px; + position: absolute; + top: -4px; + right: -5px; + } + } + ul{ + list-style-type: none; + display: flex; + flex-direction: row; + height: 69px; + border-bottom: 1px solid #DADDDE; + + li{ + height: 68px; + flex: 1 0 auto; + max-width: 200px; + background-color: #f5f7f7; + vertical-align: middle; + text-align: center; + border-right: #daddde 1px solid; + border-bottom: #daddde 1px solid; + + a{ + color: $base-text-color; + font-family: 'AcordeRegular'; + font-size: 17px; + line-height: normal; + padding: 20px 0; + width: 100%; + display: block; + border-top: 4px solid #f5f7f7; + } + + &:hover{ + border-bottom: 1px solid #dce0e0; + background-color: #dce0e0; + + a{ + border-top: 4px solid #dce0e0; + } + } + &.selected{ + border-bottom: 1px solid #ffffff; + background-color: #ffffff; + height: 69px; + + a{ + color: $base-green; + border-top: 4px solid $base-green; + border-bottom: 1px solid #ffffff; + } + } + } + } + } + } + .right-side{ + width:252px; + display: table-cell; + vertical-align: top; + padding: 0 10px 0 0; + + .updates{ + padding: 15px 5px 15px 15px; + background-color: $box-color; + + .details{ + height: 333px; + position: relative; + overflow: hidden; + } + p{ + font-size: 13px; + color: $base-p-color; + margin-right:10px; + + &.news-title { + font-size: 16px; + margin-bottom: 10px; + + a { + font-size: 16px; + outline: none; + } + } + } + a{ + font-size: 13px; + } + } + .appticles-updates{ + padding: 10px 15px; + background-color: #2a2d33; + border-top: #fff 1px solid; + height: 43px; + @include wbz-border-radius(0px 0px 4px 4px); + + div{ + float: left; + + p{ + margin: 0; + } + &.social{ + float: right; + + .facebook, .twitter, .google-plus { + width: 18px; + height: 18px; + background: #8c8d8d; + color: #2a2d33; + margin: 0 6px; + @include wbz-border-radius(18px); + display: block; + float: left; + + &::before{ + left: 5px; + top: -1px; + } + } + + .facebook { + @include wbz-inline-icon(facebook,10px); + } + + .twitter { + @include wbz-inline-icon(twitter,10px); + } + + .google-plus { + @include wbz-inline-icon(google-plus,10px); + } + } + } + } + .white-paper{ + width: 252px; + height: 250px; + border: #bfbfbf 1px solid; + display: table-cell; + text-align: center; + vertical-align: middle; + background-color: #fff; + + p{ + font-family: 'AcordeRegular', sans-serif; + font-size: 20px; + line-height: normal; + color: $base-text-color; + } + } + .form-box{ + padding: 15px; + background-color: $box-color; + + p{ + font-size: 13px; + } + + .field-message { + padding: 1px 0; + } + } + + .ask-review { + p, a { + font-size: 12px; + } + p { + padding: 0px 5px; + } + } + } + + .added{ + margin: 0 auto; + width: 190px; + + .switcher{ + width: 190px; + + .msg{ + font-family: 'AcordeSemiBold', sans-serif; + width: 150px; + height: $input-height; + background: $input-background; + color: $input-color; + font-size: $input-font-size; + @include wbz-border-radius($input-radius 0 0 $input-radius); + @include wbz-box-shadow(none); + border: 1px solid $input-border; + border-right: 0px; + padding: 0 10px; + line-height: 38px; + text-align: center; + float: left; + } + .check{ + @include wbz-border-radius(0 $input-radius $input-radius 0); + height: $input-height; + border: 1px solid darken($input-border, 10%); + border-left: 0px; + width: 40px; + float: right; + @include wbz-inline-icon(active, 17px); + color: #ffffff; + + &::before{ + height: 38px; + width: 40px; + right: -9px; + top: -2px; + line-height: 38px; + } + } + &.blue{ + .check{ + background: $base-blue; + border: 1px solid darken($base-blue, 10%); + border-left: 0px; + } + } + } + } +} + +.wp-admin{ + .mfp-bg, .mfp-wrap{ + z-index:10000; + } +} diff --git a/plugins/wordpress-mobile-pack/admin/sass/core/_fonts.scss b/plugins/wordpress-mobile-pack/admin/sass/core/_fonts.scss new file mode 100755 index 00000000..e4f0eade --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/core/_fonts.scss @@ -0,0 +1,11 @@ +@import 'compass/css3';
+
+@include font-face('AcordeRegular', inline-font-files('acorde-regular.woff', woff, 'acorde-regular.ttf', truetype,'acorde-regular.svg', svg,"acorde-regular.eot",eot));
+@include font-face('AcordeSemiBold', inline-font-files('acorde-semibold.woff', woff, 'acorde-semibold.ttf', truetype,'acorde-semibold.svg', svg,"acorde-semibold.eot",eot));
+@include font-face('OlRoundGothicLight', inline-font-files('ol-round-gothic-light.woff', woff, 'ol-round-gothic-light.ttf', truetype,'ol-round-gothic-light.svg', svg,"ol-round-gothic-light.eot",eot));
+@include font-face('OpenSansRegular', inline-font-files('open-sans-regular.woff', woff, 'open-sans-regular.ttf', truetype,'open-sans-regular.svg', svg,"open-sans-regular.eot",eot));
+@include font-face('OpenSansSemiBold', inline-font-files('opensans-semibold.woff',woff, 'opensans-semibold.ttf',truetype, 'opensans-semibold.svg', svg, "opensans-semibold.eot",eot));
+@include font-face('OpenSansItalic', inline-font-files('opensans-italic.woff',woff, 'opensans-italic.ttf',truetype, 'opensans-italic.svg',svg, 'opensans-italic.eot',eot));
+
+
+@include font-face('Appticles', inline-font-files('wp-font.woff', woff, 'wp-font.ttf', truetype,'wp-font.svg', svg,"wp-font.eot",eot));
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/core/_forms.scss b/plugins/wordpress-mobile-pack/admin/sass/core/_forms.scss new file mode 100755 index 00000000..f04d7a0b --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/core/_forms.scss @@ -0,0 +1,409 @@ +#wmpack-admin{
+ form{
+ text-align: left;
+ }
+ input[type="text"],
+ input[type="password"],
+ input[type="file"],
+ input[type="email"]{
+
+ &:not(.wp-color-picker) {
+ font-family: 'AcordeSemiBold', sans-serif;
+ width: $input-size-normal;
+ height: $input-height;
+ background: $input-background;
+ color: $input-color;
+ font-size: $input-font-size;
+ @include wbz-border-radius($input-radius);
+ @include wbz-box-shadow(none);
+ border: 1px solid $input-border;
+ padding: 0 15px;
+
+ &.smaller {
+ width: $input-size-smaller;
+ }
+ &.small {
+ width: $input-size-small;
+ }
+ &.big {
+ width: $input-size-big;
+ }
+ &:focus {
+ outline: none;
+ border: 1px solid darken($input-border, $darken-amounth);
+ }
+ &.error {
+ border-color: $error-color;
+ background: $error-bg;
+ }
+ &.indent {
+ margin: 0 0 0 30px;
+ }
+ }
+ }
+ select {
+ font-family: 'AcordeSemiBold', sans-serif;
+ width: $input-size-normal;
+ height: $input-height;
+ background: $input-background;
+ color: $input-color;
+ font-size: $input-font-size;
+ @include wbz-border-radius($input-radius);
+ @include wbz-box-shadow(none);
+ border: 1px solid $input-border;
+ padding: 0 15px;
+
+ &.smaller{
+ width: $input-size-smaller;
+ }
+ &.small{
+ width: $input-size-small;
+ }
+ &.big{
+ width: $input-size-big;
+ }
+ &:focus{
+ outline:none;
+ border:1px solid darken($input-border,$darken-amounth);
+ }
+ }
+
+
+ .selectboxit-container{
+
+ .selectboxit{
+ font-family: 'AcordeSemiBold', sans-serif;
+ width: $input-size-normal;
+ height: $input-height;
+ background: $input-background;
+ color: $input-color;
+ font-size: $input-font-size;
+ @include wbz-border-radius($input-radius);
+ @include wbz-box-shadow(none);
+ border: 1px solid $input-border;
+ padding: 0 15px;
+ width: 220px!important;
+
+ &:focus{
+ outline:none;
+ border:1px solid darken($input-border,$darken-amounth);
+ }
+
+ span, .selectboxit-options a {
+ height: 36px;
+ line-height:33px;
+ }
+ }
+
+ .selectboxit-arrow-container{
+ width: 25px;
+ }
+
+ .selectboxit-options{
+ border-radius: 0;
+ width: 220px;
+
+ .selectboxit-option{
+ height: 36px;
+ border-bottom: $btn-border 1px solid;
+
+ }
+
+ a{
+ height: 36px;
+ line-height: 33px;
+ }
+ .selectboxit-option-first,.selectboxit-option-last{
+ border-radius: 0;
+ }
+ }
+
+ span{
+ height: 36px;
+ line-height: 33px;
+ }
+
+ .selectboxit-list{
+ > .selectboxit-focus{
+ > .selectboxit-option-anchor{
+ background: darken($base-grey, $darken-amounth/2);
+ }
+ }
+ }
+ }
+
+ input[type="radio"],
+ input[type="checkbox"]{
+ width: 16px;
+ height: 16px;
+ float: left;
+ margin: 0 10px 0 30px;
+
+ &::before{
+ margin: 4px;
+ }
+ }
+ input[type=checkbox]{
+ &:checked {
+ &::before{
+ margin: 0px;
+ float: left;
+ display: inline-block;
+ vertical-align: middle;
+ width: 16px;
+ font:normal 21px/1 'dashicons';
+ speak: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ top: -3px;
+ left: -4px;
+ }
+ }
+ }
+ textarea{
+ font-family: 'AcordeSemiBold', sans-serif;
+ width: $input-size-normal;
+ height: $textarea-height;
+ background: $input-background;
+ color: $input-color;
+ font-size: $input-font-size;
+ @include wbz-border-radius($input-radius);
+ @include wbz-box-shadow(none);
+ border: 1px solid $input-border;
+ padding: 10px 15px;
+ resize: none;
+
+ &.smaller{
+ width: $input-size-smaller;
+ }
+ &.small{
+ width: $input-size-small;
+ }
+ &.big{
+ width: $input-size-big;
+ }
+ &:focus{
+ outline:none;
+ border:1px solid darken($input-border,$darken-amounth);
+ }
+ &.error{
+ border-color: $error-color;
+ background: $error-bg;
+ }
+ }
+
+ label{
+ @include wbz-display-box();
+ font-family: 'AcordeRegular', sans-serif;
+ color: $label-color;
+ font-size: $label-font-size;
+ }
+
+ ::-webkit-input-placeholder{
+ padding: 2px 0 0 0;
+ color: #b2b5bc;
+ font-size: 13px;
+ }
+ :-moz-placeholder{
+ padding: 2px 0 0 0;
+ color: #b2b5bc;
+ font-size: 13px;
+ }
+ ::-moz-placeholder{
+ padding: 2px 0 0 0;
+ color: #b2b5bc;
+ font-size: 13px;
+ }
+ :-ms-input-placeholder{
+ color: #b2b5bc!important;
+ font-size: 13px;
+ }
+
+ .field-message{
+ @include wbz-display-box();
+ margin: 0px 0 0px 15px;
+ @include wbz-box-shadow(none);
+ background: transparent;
+ border: 0;
+
+ span{
+ font-family: "OpenSansRegular", sans-serif;
+ font-size: 13px;
+ line-height: 20px;
+ }
+ &.error{
+ span{
+ color: $error-color;
+ }
+ }
+ &.success{
+ span{
+ color: $success-color;
+ }
+ }
+ &.warning{
+ span{
+ color: $warning-color;
+ }
+ }
+ }
+ .message-container{
+ display: block;
+ text-align: left;
+ width: 100%;
+
+ a {
+ font-family: "OpenSansRegular", sans-serif;
+ font-size: 13px;
+ line-height: 20px;
+ }
+
+ &.error{
+ background:none;
+ border:none;
+
+ }
+
+ .wrapper{
+ @include wbz-display-box();
+ @include wbz-box-orient(vertical);
+ @include wbz-box-flex(1);
+ width: 100%;
+ padding: 25px 50px;
+ margin: 10px 0;
+
+ .relative{
+ width: 100%;
+ }
+ }
+ .title{
+ width: 100%;
+ @include wbz-display-box();
+ @include wbz-box-orient(horizontal, important);
+
+ h2{
+ font-family: 'OlRoundGothicLight', sans-serif;
+ @include wbz-display-box();
+ @include wbz-box-flex(1);
+ margin: 0 0 15px 0!important;
+ font-size: 25px;
+ }
+ }
+ span{
+ font-family: "OpenSansRegular", sans-serif;
+ font-size: 13px;
+ line-height: 20px;
+ }
+ .close-x{
+ @include wbz-inline-icon(close-x, 25px);
+ @include wbz-display-box();
+ @include wbz-box-pack(end);
+ @include wbz-box-align(center);
+ width: 25px;
+ height: 25px;
+ padding: 0 15px;
+ top: -10px;
+ right: -25px;
+ position: absolute;
+
+ &:hover{
+ cursor: pointer;
+ color: #ffc26b;
+ }
+ &::before{
+ width: 25px;
+ height: 25px;
+ }
+ }
+ &.error{
+ .wrapper{
+ border: 1px solid $error-border;
+ background: $error-bg;
+ }
+ .title{
+ h2{
+ color: $error-color;
+
+ &.underlined{
+ border-bottom: 1px solid $error-border;
+ }
+ }
+ }
+ span{
+ color: $error-color;
+ }
+ .close-x{
+ color: $error-border;
+
+ &:hover{
+ color: darken($error-border,$darken-amounth/2);
+ }
+ }
+ }
+ &.success{
+ .wrapper{
+ border: 1px solid $success-border;
+ background: $success-bg;
+ }
+ .title{
+ h2{
+ color: $success-color;
+
+ &.underlined{
+ border-bottom: 1px solid $success-border;
+ }
+ }
+ }
+ span{
+ color: $success-color;
+ }
+ .close-x{
+ color: $success-border;
+
+ &:hover{
+ color: darken($success-border,$darken-amounth/2);
+ }
+ }
+ }
+ &.warning{
+ .wrapper{
+ border: 1px solid $warning-border;
+ background: $warning-bg;
+ }
+ .title{
+ h2{
+ color: $warning-color;
+
+ &.underlined{
+ border-bottom: 1px solid $warning-border;
+ }
+ }
+ }
+ span{
+ color: $warning-color;
+
+ a {
+ color: darken($warning-color,20%) !important;
+ text-decoration: underline !important;
+ }
+ }
+ .close-x{
+ color: $warning-border;
+
+ &:hover{
+ color: darken($warning-border,$darken-amounth/2);
+ }
+ }
+ }
+ }
+}
+
+.wmp_upgrade_notice.notice {
+ background: $warning-color;
+ color: #FFFFFF;
+
+ .notice-dismiss:before {
+ color: #FFFFFF;
+ }
+}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/core/_ie.scss b/plugins/wordpress-mobile-pack/admin/sass/core/_ie.scss new file mode 100755 index 00000000..8738b3c6 --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/core/_ie.scss @@ -0,0 +1,6 @@ +@media screen and (min-width: 0 \0) {
+ body #main {
+ min-height: auto;
+ height: 100% !important;
+ }
+}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/core/_variables.scss b/plugins/wordpress-mobile-pack/admin/sass/core/_variables.scss new file mode 100755 index 00000000..6b380bff --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/core/_variables.scss @@ -0,0 +1,102 @@ +//color manipulation +$darken-amounth: 20%; +$lighten-amounth: 20%; + +$base-green: #9aca40; +$base-purple: #ae113d; +$base-orange: #ffbb42; +$base-red: #ff4e40; +$base-blue: #1ca8dd; +$base-dark-blue: #2a2d33; +$base-grey: #fcfcfc; +$base-turquoise: #66cc80; + + +$facebook-color: #3b5699; +$twitter-color: #55acee; +$google-color: #dd4b39; +$rss-color: #ff9900; +$wordpress-color: #333333; +$tumblr-color: #385774; + +$base-color: #eeeff1; +$base-color-lighter: #f5f7f7; +$base-color-darken: #dce0e0; + +$body-color: #edf0f0; +$box-color: #ffffff; +$main-menu-background: $base-dark-blue; + +//text styling +$base-text-color: #4b4b4b; +$base-p-color: #8c8d8d; +$h1-font-size: 47px; +$h2-font-size: 20px; +$h3-font-size: 18px; + +//buttons +$btn-radius: 3px; +$btn-background: #ffffff; +$btn-color: $base-dark-blue; +$btn-font-size: 14px; +$btn-border: #daddde; +$btn-height: 36px; +$btn-size-smallest: 50px; +$btn-size-smaller: 120px; +$btn-size-small: 220px; +$btn-size-normal: 240px; +$btn-size-big: 320px; +$btn-size-bigger: 455px; + + +$btn-action-border: 1px solid #7ca62c; + +//forms +$input-background: #fafafa; +$input-color: $base-dark-blue; +$input-font-size: 14px; +$input-height: 36px; +$textarea-height: 100px; +$input-size-smaller: 120px; +$input-size-small: 220px; +$input-size-normal: 240px; +$input-size-big: 320px; +$input-size-bigger: 455px; +$input-size-biggest: 550px; +$input-radius: 3px; +$input-border: #daddde; +$label-color: $base-dark-blue; +$label-font-size: 15px; + + //errors + $error-bg: #fef7f7; + $error-color: #d0160a; + $error-border: #ecc2c3; + + //messages + $success-bg: #f7fef7; + $success-color: #4cae4c; + $success-border: #5cb85c; + + //warnings + $warning-bg: #fffce1; + $warning-color: #f89406; + $warning-border: #ffd79e; + + //notices + $notice-bg: #f6f9f9; + $notice-border: #dfeaea; + $notice-color: #819196; + $notice-radius: 3px; + +//structure variables +$total-width: 1180px; +$left-menu-width: 110px; +$inner-width: 1070px; +$header-height: 90px; +$section-spacer: 10px; + + +$inner-width-centered: 850px; +$inner-width-popup: 525px; +$inner-width-account: 455px; |