From 9e8b273810c2d78ae18b7ef7c0fd4b9b883de13b Mon Sep 17 00:00:00 2001 From: Braulio Bhavamitra Date: Mon, 6 Oct 2014 14:27:42 +0000 Subject: [PATCH] Move non-responsive styles from application.css to base theme --- public/designs/themes/base/style.scss | 15 +++++++++++++++ public/designs/themes/base/stylesheets/account.scss | 21 +++++++++++++++++++++ public/designs/themes/base/stylesheets/catalog.scss | 13 +++++++++++++ public/designs/themes/base/stylesheets/cms.scss | 2 ++ public/designs/themes/base/stylesheets/cms/media-panel.scss | 20 ++++++++++++++++++++ public/designs/themes/base/stylesheets/content.scss | 2 ++ public/designs/themes/base/stylesheets/content/image-gallery.scss | 9 +++++++++ public/designs/themes/base/stylesheets/events.scss | 5 +++++ public/designs/themes/base/stylesheets/layouts.scss | 10 ++++++++++ public/designs/themes/base/stylesheets/product.scss | 13 +++++++++++++ public/designs/themes/base/stylesheets/product/categories-selection.scss | 4 ++++ public/designs/themes/base/stylesheets/profile-editor.scss | 5 +++++ public/designs/themes/base/stylesheets/profile.scss | 5 +++++ public/designs/themes/base/stylesheets/signup.scss | 241 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ public/stylesheets/account.scss | 19 ------------------- public/stylesheets/catalog.scss | 3 --- public/stylesheets/cms/media-panel.scss | 14 -------------- public/stylesheets/content/image-gallery.scss | 3 --- public/stylesheets/events.scss | 1 - public/stylesheets/layouts.scss | 9 --------- public/stylesheets/product.scss | 9 --------- public/stylesheets/product/categories-selection.scss | 1 - public/stylesheets/profile-editor.scss | 1 - public/stylesheets/profile.scss | 3 --- public/stylesheets/signup.scss | 240 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 25 files changed, 365 insertions(+), 303 deletions(-) create mode 100644 public/designs/themes/base/stylesheets/account.scss create mode 100644 public/designs/themes/base/stylesheets/catalog.scss create mode 100644 public/designs/themes/base/stylesheets/cms.scss create mode 100644 public/designs/themes/base/stylesheets/cms/media-panel.scss create mode 100644 public/designs/themes/base/stylesheets/content.scss create mode 100644 public/designs/themes/base/stylesheets/content/image-gallery.scss create mode 100644 public/designs/themes/base/stylesheets/events.scss create mode 100644 public/designs/themes/base/stylesheets/layouts.scss create mode 100644 public/designs/themes/base/stylesheets/product.scss create mode 100644 public/designs/themes/base/stylesheets/product/categories-selection.scss create mode 100644 public/designs/themes/base/stylesheets/profile-editor.scss create mode 100644 public/designs/themes/base/stylesheets/profile.scss create mode 100644 public/designs/themes/base/stylesheets/signup.scss diff --git a/public/designs/themes/base/style.scss b/public/designs/themes/base/style.scss index e53a347..a6c5994 100644 --- a/public/designs/themes/base/style.scss +++ b/public/designs/themes/base/style.scss @@ -1,3 +1,17 @@ +@import 'stylesheets/layouts'; + +@import 'stylesheets/signup'; +@import 'stylesheets/account'; +@import 'stylesheets/cms'; +@import 'stylesheets/catalog'; +@import 'stylesheets/profile-editor'; +@import 'stylesheets/profile'; + +@import 'stylesheets/content'; + +@import 'stylesheets/events'; +@import 'stylesheets/product'; + /* ==> button.css <== */ .button { @@ -1540,3 +1554,4 @@ table#recaptcha_table tr:hover td { .profile-members-title-sort { clear: both; } + diff --git a/public/designs/themes/base/stylesheets/account.scss b/public/designs/themes/base/stylesheets/account.scss new file mode 100644 index 0000000..b8c7bfc --- /dev/null +++ b/public/designs/themes/base/stylesheets/account.scss @@ -0,0 +1,21 @@ + +.controller-account #profile-data .type-text input, .controller-account #profile-data .type-password input, .controller-account #profile-data .type-select select { + width: 220px; +} +.controller-account #profile-data .type-select select.select-schooling { + width: 108px; +} +.controller-account #profile-data .select-birth-date select#profile_data_birth_date_3i { + width: 47px; +} +.controller-account .button.disabled { + opacity: 0.5; +} +.controller-account #content .icon-forward.disabled { + background-image: url('/designs/icons/default/go-right-disabled-HC.gif'); +} +.controller-account .no-boxes { + margin-left: 200px; + margin-right: 200px; +} + diff --git a/public/designs/themes/base/stylesheets/catalog.scss b/public/designs/themes/base/stylesheets/catalog.scss new file mode 100644 index 0000000..962bc88 --- /dev/null +++ b/public/designs/themes/base/stylesheets/catalog.scss @@ -0,0 +1,13 @@ + +#product-list .product-image-link { + width: 200px; +} + +#product-list .product-big { + width: 200px; +} + +#product-list .expand-box { + width: 202px; +} + diff --git a/public/designs/themes/base/stylesheets/cms.scss b/public/designs/themes/base/stylesheets/cms.scss new file mode 100644 index 0000000..8e528fc --- /dev/null +++ b/public/designs/themes/base/stylesheets/cms.scss @@ -0,0 +1,2 @@ +@import 'cms/media-panel'; + diff --git a/public/designs/themes/base/stylesheets/cms/media-panel.scss b/public/designs/themes/base/stylesheets/cms/media-panel.scss new file mode 100644 index 0000000..8bcfe0c --- /dev/null +++ b/public/designs/themes/base/stylesheets/cms/media-panel.scss @@ -0,0 +1,20 @@ + +.controller-cms .with_media_panel { + float: left; + width: 900px; +} + +.controller-cms .show-media-panel .with_media_panel { + width: 540px; +} + +.text-editor-sidebar { + position: absolute; + width: 340px; + right: 20px; + top: 70px; + max-height: 45px; + overflow: hidden; + transition: 1s; +} + diff --git a/public/designs/themes/base/stylesheets/content.scss b/public/designs/themes/base/stylesheets/content.scss new file mode 100644 index 0000000..c603bc0 --- /dev/null +++ b/public/designs/themes/base/stylesheets/content.scss @@ -0,0 +1,2 @@ +@import 'content/image-gallery'; + diff --git a/public/designs/themes/base/stylesheets/content/image-gallery.scss b/public/designs/themes/base/stylesheets/content/image-gallery.scss new file mode 100644 index 0000000..20ce17b --- /dev/null +++ b/public/designs/themes/base/stylesheets/content/image-gallery.scss @@ -0,0 +1,9 @@ +.image-gallery ul { + width: 486px; +} + +.image-gallery-item { + margin: 10px; + float: left; +} + diff --git a/public/designs/themes/base/stylesheets/events.scss b/public/designs/themes/base/stylesheets/events.scss new file mode 100644 index 0000000..d6cbb9b --- /dev/null +++ b/public/designs/themes/base/stylesheets/events.scss @@ -0,0 +1,5 @@ + + #agenda #events-of-the-day { + width: 45%; + } + diff --git a/public/designs/themes/base/stylesheets/layouts.scss b/public/designs/themes/base/stylesheets/layouts.scss new file mode 100644 index 0000000..e7d242e --- /dev/null +++ b/public/designs/themes/base/stylesheets/layouts.scss @@ -0,0 +1,10 @@ + +.tooltip { + padding: 8px; + border: 1px solid #FF8000; + background-color: #FFFF66; + z-index: 100; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + diff --git a/public/designs/themes/base/stylesheets/product.scss b/public/designs/themes/base/stylesheets/product.scss new file mode 100644 index 0000000..b7231bb --- /dev/null +++ b/public/designs/themes/base/stylesheets/product.scss @@ -0,0 +1,13 @@ +@import 'product/categories-selection.scss'; + +#product-name h2 { + display: inline; +} +#product_name { + width: 60%; +} + +#product-info #product-qualifiers-list select { + width: 140px; +} + diff --git a/public/designs/themes/base/stylesheets/product/categories-selection.scss b/public/designs/themes/base/stylesheets/product/categories-selection.scss new file mode 100644 index 0000000..b33ce6f --- /dev/null +++ b/public/designs/themes/base/stylesheets/product/categories-selection.scss @@ -0,0 +1,4 @@ +.categories_container { + min-width: 100px; +} + diff --git a/public/designs/themes/base/stylesheets/profile-editor.scss b/public/designs/themes/base/stylesheets/profile-editor.scss new file mode 100644 index 0000000..ebbe4c1 --- /dev/null +++ b/public/designs/themes/base/stylesheets/profile-editor.scss @@ -0,0 +1,5 @@ + +.controller-profile_editor .control-panel a { + width: 140px; +} + diff --git a/public/designs/themes/base/stylesheets/profile.scss b/public/designs/themes/base/stylesheets/profile.scss new file mode 100644 index 0000000..d04c2fa --- /dev/null +++ b/public/designs/themes/base/stylesheets/profile.scss @@ -0,0 +1,5 @@ + +.controller-content_viewer .no-boxes, .controller-profile .no-boxes { + margin: 0px 200px; +} + diff --git a/public/designs/themes/base/stylesheets/signup.scss b/public/designs/themes/base/stylesheets/signup.scss new file mode 100644 index 0000000..60425ed --- /dev/null +++ b/public/designs/themes/base/stylesheets/signup.scss @@ -0,0 +1,241 @@ + +#signup-form { + color: #4A4A4A; + display: inline-block; +} + +#signup-form small { + display: none; +} + +#signup-form #signup-form-header { + -moz-border-radius: 8px; + border-radius: 8px; + -webkit-border-radius: 8px; + margin: 60px auto 5px; + position: relative; +} + +#signup-form input.invalid_input { + border: 1px solid #7f0000; + background: #FFF; + box-shadow: 0 0 7px red; +} + +#signup-form input.valid_input { + border: 1px solid #005000; + background: #FFF; +} + +#signup-form select, +#signup-form textarea, +#signup-form input { + padding: 7px 7% 10px 3%; + height: 20px; + width: 90%; + color: #6d786e; + font-size: 18px; +} + +#signup-form #profile_data_login { + margin: 3px 0px 0px 5px; +} + +#signup-form .filled-in, +#signup-form .invalid, +#signup-form input.validated, +#signup-form .checking { + border-width: 1px; + border-style: solid; + background-color: #fff; + background-position: right center; + background-repeat: no-repeat; + padding: 7px 7% 8px 3%; + color: #4A4A4A; + box-shadow: 0 0 7px green; +} + +#signup-form input.checking { + box-shadow: none; +} + +#signup-form select { + height: auto; + padding-right: 3px; + width: 365px; +} + +#signup-form .select-birth-date select { + width: 93px; + margin-right: 2px; + margin-left: 0; +} + +.webkit #signup-form select { + background: #fff; +} + +#signup-form textarea { + background: #fff; + height: 100px; + padding-right: 3px; + width: 365px; +} + +#signup-form input[type=file] { + font-size: 12px; +} + +#signup-form input[type=radio] { + height: auto; + margin: 0px 5px 0px 3px; + width: auto; +} + +#signup-form .fieldgroup { + margin: 5px 10px; +} + +#signup-form #template-options li label { + font-size: 18px; +} + +#signup-form #template-options li a { + color: #555753 +} + +#signup-form label[for=profile_data_sex_female], +#signup-form label[for=profile_data_sex_male] { + color: #6d786e; + font-size: 20px; + display: inline; + margin-left: 8px; +} + +#signup-form label[for=profile_data_country], +#signup-form label[for=profile_data_preferred_domain_id], +#signup-form label[for=profile_data_birth_date_2i], +#signup-form label[for=profile_data_birth_date_3i], +#signup-form label[for=profile_data_schooling], +#signup-form label[for=profile_data_formation], +#signup-form label[for=profile_data_area_of_study], +#signup-form label[for=profile_data_image_builder_uploaded_data] { + display: block; +} + +#signup-form .invalid { + border-color: #7f0000; + background-image: url(../images/passwords_nomatch.png); + box-shadow: 0 0 7px red; +} + +#signup-form span.invalid { + border: none; + padding: 0px; + background: transparent; + color: #7f0000; + box-shadow: none; +} + +#signup-form .checking { + border-color: #4A4A4A; + background-image: url(../images/login_checking.png); +} + +#signup-form span.checking { + border: none; + padding: 0px; + background: transparent; + color: #4A4A4A; + box-shadow: none; +} + +#signup-form .validated { + border-color: #005000; + background-image: url(../images/passwords_match.png); +} + +#signup-form span.validated { + background: transparent; + color: #005000; +} + +#signup-domain { + float: left; + display: inline-block; + vertical-align: middle; + background: #EEE; + border: 1px solid #CFCFCF; + line-height: 36px; + padding: 0px 7px; + color: #4A4A4A; + font-size: 20px; + text-transform: lowercase; + min-width: 190px; +} + +#signup-form #signup-form-header #user_login { + margin: 0; + padding-right: 30px; + width: 150px; +} + +#signup-login-field { + float: left; +} + +#signup-form #signup-login { + display: inline-block; +} + +#signup-form #signup-password, +#signup-form #signup-password-confirmation, +#signup-form #signup-email, +#signup-form #signup-name, +#signup-form #signup-login { + position: relative; +} + +#signup-form small#signup-balloon, +#signup-form small#password-balloon, +#signup-form small#password-confirmation-balloon, +#signup-form small#email-balloon, +#signup-form small#name-balloon { + display: none; + width: 142px; + height: 69px; + color: #FFFFFF; + font-weight: bold; + font-size: 11px; + padding: 5px 10px 45px 10px; + margin: 0; + line-height: 1.5em; + background: transparent url(../images/gray-balloon.png) bottom center no-repeat; + position: absolute; + z-index: 2; + right: -150px; +} + +#signup-form small#signup-balloon { + top: -110px; +} + +#signup-form small#password-balloon, +#signup-form small#password-confirmation-balloon, +#signup-form small#email-balloon, +#signup-form small#name-balloon { + top: -80px; +} + +#signup-form .required-field label, +#signup-form .formlabel { + color: #4A4A4A; + font-size: 20px; + font-weight: normal; + text-align: left; +} + +#signup-form .required-field label::after { + content: ''; +} + diff --git a/public/stylesheets/account.scss b/public/stylesheets/account.scss index c69a32b..8889ea8 100644 --- a/public/stylesheets/account.scss +++ b/public/stylesheets/account.scss @@ -53,22 +53,3 @@ padding-left: 50px; } -.controller-account #profile-data .type-text input, .controller-account #profile-data .type-password input, .controller-account #profile-data .type-select select { - width: 220px -} -.controller-account #profile-data .type-select select.select-schooling { - width: 108px; -} -.controller-account #profile-data .select-birth-date select#profile_data_birth_date_3i { - width: 47px; -} -.controller-account .button.disabled { - opacity: 0.5; -} -.controller-account #content .icon-forward.disabled { - background-image: url('/designs/icons/default/go-right-disabled-HC.gif'); -} -.controller-account .no-boxes { - margin-left: 200px; - margin-right: 200px; -} diff --git a/public/stylesheets/catalog.scss b/public/stylesheets/catalog.scss index f6cbd95..907e479 100644 --- a/public/stylesheets/catalog.scss +++ b/public/stylesheets/catalog.scss @@ -37,7 +37,6 @@ -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; - width: 202px; position: relative; } #product-list .expand-box > span { @@ -184,7 +183,6 @@ background-repeat: no-repeat; background-position: 50% 50%; display: block; - width: 200px; height: 160px; } #product-list .ui-button { @@ -200,7 +198,6 @@ } #product-list .product-image-link { position: relative; - width: 200px; height: 160px; border: 1px solid #BFBFBF; position: relative; /* work arround msie bug */ diff --git a/public/stylesheets/cms/media-panel.scss b/public/stylesheets/cms/media-panel.scss index 27c9b5e..c6e09bf 100644 --- a/public/stylesheets/cms/media-panel.scss +++ b/public/stylesheets/cms/media-panel.scss @@ -1,11 +1,8 @@ .controller-cms .with_media_panel { - float: left; - width: 900px; transition: 1s 0.5s; } .controller-cms .show-media-panel .with_media_panel { - width: 540px; transition: 1s; } @@ -74,17 +71,6 @@ width: 12%; } - -.text-editor-sidebar { - position: absolute; - width: 340px; - right: 20px; - top: 70px; - max-height: 45px; - overflow: hidden; - transition: 1s; -} - .show-media-panel .text-editor-sidebar { max-height: 1200px; transition: 1s 0.5s; diff --git a/public/stylesheets/content/image-gallery.scss b/public/stylesheets/content/image-gallery.scss index 3af798a..e03274d 100644 --- a/public/stylesheets/content/image-gallery.scss +++ b/public/stylesheets/content/image-gallery.scss @@ -5,15 +5,12 @@ .image-gallery ul { padding: 0px; text-align: center; - width: 486px; margin: auto; } .image-gallery-item { width: 142px; height: 170px; list-style: none; - margin: 10px; - float: left; overflow: hidden; background-repeat: no-repeat; } diff --git a/public/stylesheets/events.scss b/public/stylesheets/events.scss index f1fd530..2c1ca25 100644 --- a/public/stylesheets/events.scss +++ b/public/stylesheets/events.scss @@ -68,7 +68,6 @@ margin: 10px 0px; } #agenda #events-of-the-day { - width: 45%; height: 100%; padding-left: 20px; display: inline-block; diff --git a/public/stylesheets/layouts.scss b/public/stylesheets/layouts.scss index c80730d..1b48099 100644 --- a/public/stylesheets/layouts.scss +++ b/public/stylesheets/layouts.scss @@ -70,15 +70,6 @@ div#profile-disabled .unlock-button { a img { border: none; } -.tooltip { - padding: 8px; - border: 1px solid #FF8000; - background-color: #FFFF66; - z-index: 100; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} - #spinner { z-index: 10; diff --git a/public/stylesheets/product.scss b/public/stylesheets/product.scss index 45541cb..736fa7f 100644 --- a/public/stylesheets/product.scss +++ b/public/stylesheets/product.scss @@ -43,12 +43,6 @@ padding-bottom: 10px; position: relative; } -#product-name h2 { - display: inline; -} -#product_name { - width: 60%; -} #edit-product-name { margin-top: 10px; } @@ -78,9 +72,6 @@ .edit_product #product_price, .edit_product #product_discount { width: 110px; } -#product-info #product-qualifiers-list select { - width: 140px; -} #product_unit { width: 100px; } diff --git a/public/stylesheets/product/categories-selection.scss b/public/stylesheets/product/categories-selection.scss index f7974de..37298f9 100644 --- a/public/stylesheets/product/categories-selection.scss +++ b/public/stylesheets/product/categories-selection.scss @@ -18,7 +18,6 @@ } .categories_container { min-height: 176px; - min-width: 100px; display: inline-block; position: relative; } diff --git a/public/stylesheets/profile-editor.scss b/public/stylesheets/profile-editor.scss index 4360355..e35ff9e 100644 --- a/public/stylesheets/profile-editor.scss +++ b/public/stylesheets/profile-editor.scss @@ -12,7 +12,6 @@ .controller-profile_editor .control-panel a { display: block; float: left; - width: 140px; background-repeat: no-repeat; background-position: 0px 50%; height: 70px; diff --git a/public/stylesheets/profile.scss b/public/stylesheets/profile.scss index a7657c1..8152e2d 100644 --- a/public/stylesheets/profile.scss +++ b/public/stylesheets/profile.scss @@ -16,9 +16,6 @@ .no-boxes { margin: 0px; } -.controller-content_viewer .no-boxes, .controller-profile .no-boxes { - margin: 0px 200px; -} .controller-profile #content .no-boxes h1, .controller-profile #content .no-boxes table th { text-align: left; } diff --git a/public/stylesheets/signup.scss b/public/stylesheets/signup.scss index 157cc73..1d9537a 100644 --- a/public/stylesheets/signup.scss +++ b/public/stylesheets/signup.scss @@ -61,246 +61,6 @@ text-align: center; } -#signup-form { - color: #4A4A4A; - display: inline-block; -} - -#signup-form small { - display: none; -} - -#signup-form #signup-form-header { - -moz-border-radius: 8px; - border-radius: 8px; - -webkit-border-radius: 8px; - margin: 60px auto 5px; - position: relative; -} - -#signup-form input.invalid_input { - border: 1px solid #7f0000; - background: #FFF; - box-shadow: 0 0 7px red; -} - -#signup-form input.valid_input { - border: 1px solid #005000; - background: #FFF; -} - -#signup-form select, -#signup-form textarea, -#signup-form input { - padding: 7px 7% 10px 3%; - height: 20px; - width: 90%; - color: #6d786e; - font-size: 18px; -} - -#signup-form #profile_data_login { - margin: 3px 0px 0px 5px; -} - -#signup-form .filled-in, -#signup-form .invalid, -#signup-form input.validated, -#signup-form .checking { - border-width: 1px; - border-style: solid; - background-color: #fff; - background-position: right center; - background-repeat: no-repeat; - padding: 7px 7% 8px 3%; - color: #4A4A4A; - box-shadow: 0 0 7px green; -} - -#signup-form input.checking { - box-shadow: none; -} - -#signup-form select { - height: auto; - padding-right: 3px; - width: 365px; -} - -#signup-form .select-birth-date select { - width: 93px; - margin-right: 2px; - margin-left: 0; -} - -.webkit #signup-form select { - background: #fff; -} - -#signup-form textarea { - background: #fff; - height: 100px; - padding-right: 3px; - width: 365px; -} - -#signup-form input[type=file] { - font-size: 12px; -} - -#signup-form input[type=radio] { - height: auto; - margin: 0px 5px 0px 3px; - width: auto; -} - -#signup-form .fieldgroup { - margin: 5px 10px; -} - -#signup-form #template-options li label { - font-size: 18px; -} - -#signup-form #template-options li a { - color: #555753 -} - -#signup-form label[for=profile_data_sex_female], -#signup-form label[for=profile_data_sex_male] { - color: #6d786e; - font-size: 20px; - display: inline; - margin-left: 8px; -} - -#signup-form label[for=profile_data_country], -#signup-form label[for=profile_data_preferred_domain_id], -#signup-form label[for=profile_data_birth_date_2i], -#signup-form label[for=profile_data_birth_date_3i], -#signup-form label[for=profile_data_schooling], -#signup-form label[for=profile_data_formation], -#signup-form label[for=profile_data_area_of_study], -#signup-form label[for=profile_data_image_builder_uploaded_data] { - display: block; -} - -#signup-form .invalid { - border-color: #7f0000; - background-image: url(../images/passwords_nomatch.png); - box-shadow: 0 0 7px red; -} - -#signup-form span.invalid { - border: none; - padding: 0px; - background: transparent; - color: #7f0000; - box-shadow: none; -} - -#signup-form .checking { - border-color: #4A4A4A; - background-image: url(../images/login_checking.png); -} - -#signup-form span.checking { - border: none; - padding: 0px; - background: transparent; - color: #4A4A4A; - box-shadow: none; -} - -#signup-form .validated { - border-color: #005000; - background-image: url(../images/passwords_match.png); -} - -#signup-form span.validated { - background: transparent; - color: #005000; -} - -#signup-domain { - float: left; - display: inline-block; - vertical-align: middle; - background: #EEE; - border: 1px solid #CFCFCF; - line-height: 36px; - padding: 0px 7px; - color: #4A4A4A; - font-size: 20px; - text-transform: lowercase; - min-width: 190px; -} - -#signup-form #signup-form-header #user_login { - margin: 0; - padding-right: 30px; - width: 150px; -} - -#signup-login-field { - float: left; -} - -#signup-form #signup-login { - display: inline-block; -} - -#signup-form #signup-password, -#signup-form #signup-password-confirmation, -#signup-form #signup-email, -#signup-form #signup-name, -#signup-form #signup-login { - position: relative; -} - -#signup-form small#signup-balloon, -#signup-form small#password-balloon, -#signup-form small#password-confirmation-balloon, -#signup-form small#email-balloon, -#signup-form small#name-balloon { - display: none; - width: 142px; - height: 69px; - color: #FFFFFF; - font-weight: bold; - font-size: 11px; - padding: 5px 10px 45px 10px; - margin: 0; - line-height: 1.5em; - background: transparent url(../images/gray-balloon.png) bottom center no-repeat; - position: absolute; - z-index: 2; - right: -150px; -} - -#signup-form small#signup-balloon { - top: -110px; -} - -#signup-form small#password-balloon, -#signup-form small#password-confirmation-balloon, -#signup-form small#email-balloon, -#signup-form small#name-balloon { - top: -80px; -} - -#signup-form .required-field label, -#signup-form .formlabel { - color: #4A4A4A; - font-size: 20px; - font-weight: normal; - text-align: left; -} - -#signup-form .required-field label::after { - content: ''; -} - .action-account-signup #wrap-1 div.fieldWithErrors { background: transparent; } -- libgit2 0.21.2