Download as
Browse Code »

Commit 9e8b273810c2d78ae18b7ef7c0fd4b9b883de13b

Authored by Braulio Bhavamitra
1 parent 114b3b48
Exists in master and in 20 other branches add_member_task_reject_details, admin_visible_profile, community_notifications, fix_comments_pagination, fix_rails4_organization_ratings, fix_sign_up_form, follow_step_fix, forum_topic_creation, mirror_block_improvements, multi_env_on_remote_user, new_security, organization_ratings_improvements, profile_api_improvements, ratings_minor_fixes, send_email_to_admins, stable-spb-1.4, stable-spb-1.5, suggest_rejected_value, web_steps_improvements, xss_terminate_custom_options

Move non-responsive styles from application.css to base theme

Showing 25 changed files with 365 additions and 303 deletions   Show diff stats
public/designs/themes/base/style.scss
  Diff comments   View file @9e8b273
  1 +@import 'stylesheets/layouts';
  2 +
  3 +@import 'stylesheets/signup';
  4 +@import 'stylesheets/account';
  5 +@import 'stylesheets/cms';
  6 +@import 'stylesheets/catalog';
  7 +@import 'stylesheets/profile-editor';
  8 +@import 'stylesheets/profile';
  9 +
  10 +@import 'stylesheets/content';
  11 +
  12 +@import 'stylesheets/events';
  13 +@import 'stylesheets/product';
  14 +
1 15 /* ==> button.css <== */
2 16  
3 17 .button {
... ... @@ -1540,3 +1554,4 @@ table#recaptcha_table tr:hover td {
1540 1554 .profile-members-title-sort {
1541 1555 clear: both;
1542 1556 }
  1557 +
... ...
public/designs/themes/base/stylesheets/account.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,21 @@
  1 +
  2 +.controller-account #profile-data .type-text input, .controller-account #profile-data .type-password input, .controller-account #profile-data .type-select select {
  3 + width: 220px;
  4 +}
  5 +.controller-account #profile-data .type-select select.select-schooling {
  6 + width: 108px;
  7 +}
  8 +.controller-account #profile-data .select-birth-date select#profile_data_birth_date_3i {
  9 + width: 47px;
  10 +}
  11 +.controller-account .button.disabled {
  12 + opacity: 0.5;
  13 +}
  14 +.controller-account #content .icon-forward.disabled {
  15 + background-image: url('/designs/icons/default/go-right-disabled-HC.gif');
  16 +}
  17 +.controller-account .no-boxes {
  18 + margin-left: 200px;
  19 + margin-right: 200px;
  20 +}
  21 +
... ...
public/designs/themes/base/stylesheets/catalog.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,13 @@
  1 +
  2 +#product-list .product-image-link {
  3 + width: 200px;
  4 +}
  5 +
  6 +#product-list .product-big {
  7 + width: 200px;
  8 +}
  9 +
  10 +#product-list .expand-box {
  11 + width: 202px;
  12 +}
  13 +
... ...
public/designs/themes/base/stylesheets/cms.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,2 @@
  1 +@import 'cms/media-panel';
  2 +
... ...
public/designs/themes/base/stylesheets/cms/media-panel.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,20 @@
  1 +
  2 +.controller-cms .with_media_panel {
  3 + float: left;
  4 + width: 900px;
  5 +}
  6 +
  7 +.controller-cms .show-media-panel .with_media_panel {
  8 + width: 540px;
  9 +}
  10 +
  11 +.text-editor-sidebar {
  12 + position: absolute;
  13 + width: 340px;
  14 + right: 20px;
  15 + top: 70px;
  16 + max-height: 45px;
  17 + overflow: hidden;
  18 + transition: 1s;
  19 +}
  20 +
... ...
public/designs/themes/base/stylesheets/content.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,2 @@
  1 +@import 'content/image-gallery';
  2 +
... ...
public/designs/themes/base/stylesheets/content/image-gallery.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,9 @@
  1 +.image-gallery ul {
  2 + width: 486px;
  3 +}
  4 +
  5 +.image-gallery-item {
  6 + margin: 10px;
  7 + float: left;
  8 +}
  9 +
... ...
public/designs/themes/base/stylesheets/events.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,5 @@
  1 +
  2 + #agenda #events-of-the-day {
  3 + width: 45%;
  4 + }
  5 +
... ...
public/designs/themes/base/stylesheets/layouts.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,10 @@
  1 +
  2 +.tooltip {
  3 + padding: 8px;
  4 + border: 1px solid #FF8000;
  5 + background-color: #FFFF66;
  6 + z-index: 100;
  7 + -moz-border-radius: 3px;
  8 + -webkit-border-radius: 3px;
  9 +}
  10 +
... ...
public/designs/themes/base/stylesheets/product.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,13 @@
  1 +@import 'product/categories-selection.scss';
  2 +
  3 +#product-name h2 {
  4 + display: inline;
  5 +}
  6 +#product_name {
  7 + width: 60%;
  8 +}
  9 +
  10 +#product-info #product-qualifiers-list select {
  11 + width: 140px;
  12 +}
  13 +
... ...
public/designs/themes/base/stylesheets/product/categories-selection.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,4 @@
  1 +.categories_container {
  2 + min-width: 100px;
  3 +}
  4 +
... ...
public/designs/themes/base/stylesheets/profile-editor.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,5 @@
  1 +
  2 +.controller-profile_editor .control-panel a {
  3 + width: 140px;
  4 +}
  5 +
... ...
public/designs/themes/base/stylesheets/profile.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,5 @@
  1 +
  2 +.controller-content_viewer .no-boxes, .controller-profile .no-boxes {
  3 + margin: 0px 200px;
  4 +}
  5 +
... ...
public/designs/themes/base/stylesheets/signup.scss 0 → 100644
  Diff comments   View file @9e8b273
... ... @@ -0,0 +1,241 @@
  1 +
  2 +#signup-form {
  3 + color: #4A4A4A;
  4 + display: inline-block;
  5 +}
  6 +
  7 +#signup-form small {
  8 + display: none;
  9 +}
  10 +
  11 +#signup-form #signup-form-header {
  12 + -moz-border-radius: 8px;
  13 + border-radius: 8px;
  14 + -webkit-border-radius: 8px;
  15 + margin: 60px auto 5px;
  16 + position: relative;
  17 +}
  18 +
  19 +#signup-form input.invalid_input {
  20 + border: 1px solid #7f0000;
  21 + background: #FFF;
  22 + box-shadow: 0 0 7px red;
  23 +}
  24 +
  25 +#signup-form input.valid_input {
  26 + border: 1px solid #005000;
  27 + background: #FFF;
  28 +}
  29 +
  30 +#signup-form select,
  31 +#signup-form textarea,
  32 +#signup-form input {
  33 + padding: 7px 7% 10px 3%;
  34 + height: 20px;
  35 + width: 90%;
  36 + color: #6d786e;
  37 + font-size: 18px;
  38 +}
  39 +
  40 +#signup-form #profile_data_login {
  41 + margin: 3px 0px 0px 5px;
  42 +}
  43 +
  44 +#signup-form .filled-in,
  45 +#signup-form .invalid,
  46 +#signup-form input.validated,
  47 +#signup-form .checking {
  48 + border-width: 1px;
  49 + border-style: solid;
  50 + background-color: #fff;
  51 + background-position: right center;
  52 + background-repeat: no-repeat;
  53 + padding: 7px 7% 8px 3%;
  54 + color: #4A4A4A;
  55 + box-shadow: 0 0 7px green;
  56 +}
  57 +
  58 +#signup-form input.checking {
  59 + box-shadow: none;
  60 +}
  61 +
  62 +#signup-form select {
  63 + height: auto;
  64 + padding-right: 3px;
  65 + width: 365px;
  66 +}
  67 +
  68 +#signup-form .select-birth-date select {
  69 + width: 93px;
  70 + margin-right: 2px;
  71 + margin-left: 0;
  72 +}
  73 +
  74 +.webkit #signup-form select {
  75 + background: #fff;
  76 +}
  77 +
  78 +#signup-form textarea {
  79 + background: #fff;
  80 + height: 100px;
  81 + padding-right: 3px;
  82 + width: 365px;
  83 +}
  84 +
  85 +#signup-form input[type=file] {
  86 + font-size: 12px;
  87 +}
  88 +
  89 +#signup-form input[type=radio] {
  90 + height: auto;
  91 + margin: 0px 5px 0px 3px;
  92 + width: auto;
  93 +}
  94 +
  95 +#signup-form .fieldgroup {
  96 + margin: 5px 10px;
  97 +}
  98 +
  99 +#signup-form #template-options li label {
  100 + font-size: 18px;
  101 +}
  102 +
  103 +#signup-form #template-options li a {
  104 + color: #555753
  105 +}
  106 +
  107 +#signup-form label[for=profile_data_sex_female],
  108 +#signup-form label[for=profile_data_sex_male] {
  109 + color: #6d786e;
  110 + font-size: 20px;
  111 + display: inline;
  112 + margin-left: 8px;
  113 +}
  114 +
  115 +#signup-form label[for=profile_data_country],
  116 +#signup-form label[for=profile_data_preferred_domain_id],
  117 +#signup-form label[for=profile_data_birth_date_2i],
  118 +#signup-form label[for=profile_data_birth_date_3i],
  119 +#signup-form label[for=profile_data_schooling],
  120 +#signup-form label[for=profile_data_formation],
  121 +#signup-form label[for=profile_data_area_of_study],
  122 +#signup-form label[for=profile_data_image_builder_uploaded_data] {
  123 + display: block;
  124 +}
  125 +
  126 +#signup-form .invalid {
  127 + border-color: #7f0000;
  128 + background-image: url(../images/passwords_nomatch.png);
  129 + box-shadow: 0 0 7px red;
  130 +}
  131 +
  132 +#signup-form span.invalid {
  133 + border: none;
  134 + padding: 0px;
  135 + background: transparent;
  136 + color: #7f0000;
  137 + box-shadow: none;
  138 +}
  139 +
  140 +#signup-form .checking {
  141 + border-color: #4A4A4A;
  142 + background-image: url(../images/login_checking.png);
  143 +}
  144 +
  145 +#signup-form span.checking {
  146 + border: none;
  147 + padding: 0px;
  148 + background: transparent;
  149 + color: #4A4A4A;
  150 + box-shadow: none;
  151 +}
  152 +
  153 +#signup-form .validated {
  154 + border-color: #005000;
  155 + background-image: url(../images/passwords_match.png);
  156 +}
  157 +
  158 +#signup-form span.validated {
  159 + background: transparent;
  160 + color: #005000;
  161 +}
  162 +
  163 +#signup-domain {
  164 + float: left;
  165 + display: inline-block;
  166 + vertical-align: middle;
  167 + background: #EEE;
  168 + border: 1px solid #CFCFCF;
  169 + line-height: 36px;
  170 + padding: 0px 7px;
  171 + color: #4A4A4A;
  172 + font-size: 20px;
  173 + text-transform: lowercase;
  174 + min-width: 190px;
  175 +}
  176 +
  177 +#signup-form #signup-form-header #user_login {
  178 + margin: 0;
  179 + padding-right: 30px;
  180 + width: 150px;
  181 +}
  182 +
  183 +#signup-login-field {
  184 + float: left;
  185 +}
  186 +
  187 +#signup-form #signup-login {
  188 + display: inline-block;
  189 +}
  190 +
  191 +#signup-form #signup-password,
  192 +#signup-form #signup-password-confirmation,
  193 +#signup-form #signup-email,
  194 +#signup-form #signup-name,
  195 +#signup-form #signup-login {
  196 + position: relative;
  197 +}
  198 +
  199 +#signup-form small#signup-balloon,
  200 +#signup-form small#password-balloon,
  201 +#signup-form small#password-confirmation-balloon,
  202 +#signup-form small#email-balloon,
  203 +#signup-form small#name-balloon {
  204 + display: none;
  205 + width: 142px;
  206 + height: 69px;
  207 + color: #FFFFFF;
  208 + font-weight: bold;
  209 + font-size: 11px;
  210 + padding: 5px 10px 45px 10px;
  211 + margin: 0;
  212 + line-height: 1.5em;
  213 + background: transparent url(../images/gray-balloon.png) bottom center no-repeat;
  214 + position: absolute;
  215 + z-index: 2;
  216 + right: -150px;
  217 +}
  218 +
  219 +#signup-form small#signup-balloon {
  220 + top: -110px;
  221 +}
  222 +
  223 +#signup-form small#password-balloon,
  224 +#signup-form small#password-confirmation-balloon,
  225 +#signup-form small#email-balloon,
  226 +#signup-form small#name-balloon {
  227 + top: -80px;
  228 +}
  229 +
  230 +#signup-form .required-field label,
  231 +#signup-form .formlabel {
  232 + color: #4A4A4A;
  233 + font-size: 20px;
  234 + font-weight: normal;
  235 + text-align: left;
  236 +}
  237 +
  238 +#signup-form .required-field label::after {
  239 + content: '';
  240 +}
  241 +
... ...
public/stylesheets/account.scss
  Diff comments   View file @9e8b273
... ... @@ -53,22 +53,3 @@
53 53 padding-left: 50px;
54 54 }
55 55  
56   -.controller-account #profile-data .type-text input, .controller-account #profile-data .type-password input, .controller-account #profile-data .type-select select {
57   - width: 220px
58   -}
59   -.controller-account #profile-data .type-select select.select-schooling {
60   - width: 108px;
61   -}
62   -.controller-account #profile-data .select-birth-date select#profile_data_birth_date_3i {
63   - width: 47px;
64   -}
65   -.controller-account .button.disabled {
66   - opacity: 0.5;
67   -}
68   -.controller-account #content .icon-forward.disabled {
69   - background-image: url('/designs/icons/default/go-right-disabled-HC.gif');
70   -}
71   -.controller-account .no-boxes {
72   - margin-left: 200px;
73   - margin-right: 200px;
74   -}
... ...
public/stylesheets/catalog.scss
  Diff comments   View file @9e8b273
... ... @@ -37,7 +37,6 @@
37 37 -moz-border-radius: 10px 0px 0px 10px;
38 38 -webkit-border-radius: 10px 0px 0px 10px;
39 39 border-radius: 10px 0px 0px 10px;
40   - width: 202px;
41 40 position: relative;
42 41 }
43 42 #product-list .expand-box > span {
... ... @@ -184,7 +183,6 @@
184 183 background-repeat: no-repeat;
185 184 background-position: 50% 50%;
186 185 display: block;
187   - width: 200px;
188 186 height: 160px;
189 187 }
190 188 #product-list .ui-button {
... ... @@ -200,7 +198,6 @@
200 198 }
201 199 #product-list .product-image-link {
202 200 position: relative;
203   - width: 200px;
204 201 height: 160px;
205 202 border: 1px solid #BFBFBF;
206 203 position: relative; /* work arround msie bug */
... ...
public/stylesheets/cms/media-panel.scss
  Diff comments   View file @9e8b273
1 1 .controller-cms .with_media_panel {
2   - float: left;
3   - width: 900px;
4 2 transition: 1s 0.5s;
5 3 }
6 4  
7 5 .controller-cms .show-media-panel .with_media_panel {
8   - width: 540px;
9 6 transition: 1s;
10 7 }
11 8  
... ... @@ -74,17 +71,6 @@
74 71 width: 12%;
75 72 }
76 73  
77   -
78   -.text-editor-sidebar {
79   - position: absolute;
80   - width: 340px;
81   - right: 20px;
82   - top: 70px;
83   - max-height: 45px;
84   - overflow: hidden;
85   - transition: 1s;
86   -}
87   -
88 74 .show-media-panel .text-editor-sidebar {
89 75 max-height: 1200px;
90 76 transition: 1s 0.5s;
... ...
public/stylesheets/content/image-gallery.scss
  Diff comments   View file @9e8b273
... ... @@ -5,15 +5,12 @@
5 5 .image-gallery ul {
6 6 padding: 0px;
7 7 text-align: center;
8   - width: 486px;
9 8 margin: auto;
10 9 }
11 10 .image-gallery-item {
12 11 width: 142px;
13 12 height: 170px;
14 13 list-style: none;
15   - margin: 10px;
16   - float: left;
17 14 overflow: hidden;
18 15 background-repeat: no-repeat;
19 16 }
... ...
public/stylesheets/events.scss
  Diff comments   View file @9e8b273
... ... @@ -68,7 +68,6 @@
68 68 margin: 10px 0px;
69 69 }
70 70 #agenda #events-of-the-day {
71   - width: 45%;
72 71 height: 100%;
73 72 padding-left: 20px;
74 73 display: inline-block;
... ...
public/stylesheets/layouts.scss
  Diff comments   View file @9e8b273
... ... @@ -70,15 +70,6 @@ div#profile-disabled .unlock-button {
70 70 a img {
71 71 border: none;
72 72 }
73   -.tooltip {
74   - padding: 8px;
75   - border: 1px solid #FF8000;
76   - background-color: #FFFF66;
77   - z-index: 100;
78   - -moz-border-radius: 3px;
79   - -webkit-border-radius: 3px;
80   -}
81   -
82 73  
83 74 #spinner {
84 75 z-index: 10;
... ...
public/stylesheets/product.scss
  Diff comments   View file @9e8b273
... ... @@ -43,12 +43,6 @@
43 43 padding-bottom: 10px;
44 44 position: relative;
45 45 }
46   -#product-name h2 {
47   - display: inline;
48   -}
49   -#product_name {
50   - width: 60%;
51   -}
52 46 #edit-product-name {
53 47 margin-top: 10px;
54 48 }
... ... @@ -78,9 +72,6 @@
78 72 .edit_product #product_price, .edit_product #product_discount {
79 73 width: 110px;
80 74 }
81   -#product-info #product-qualifiers-list select {
82   - width: 140px;
83   -}
84 75 #product_unit {
85 76 width: 100px;
86 77 }
... ...
public/stylesheets/product/categories-selection.scss
  Diff comments   View file @9e8b273
... ... @@ -18,7 +18,6 @@
18 18 }
19 19 .categories_container {
20 20 min-height: 176px;
21   - min-width: 100px;
22 21 display: inline-block;
23 22 position: relative;
24 23 }
... ...
public/stylesheets/profile-editor.scss
  Diff comments   View file @9e8b273
... ... @@ -12,7 +12,6 @@
12 12 .controller-profile_editor .control-panel a {
13 13 display: block;
14 14 float: left;
15   - width: 140px;
16 15 background-repeat: no-repeat;
17 16 background-position: 0px 50%;
18 17 height: 70px;
... ...
public/stylesheets/profile.scss
  Diff comments   View file @9e8b273
... ... @@ -16,9 +16,6 @@
16 16 .no-boxes {
17 17 margin: 0px;
18 18 }
19   -.controller-content_viewer .no-boxes, .controller-profile .no-boxes {
20   - margin: 0px 200px;
21   -}
22 19 .controller-profile #content .no-boxes h1, .controller-profile #content .no-boxes table th {
23 20 text-align: left;
24 21 }
... ...
public/stylesheets/signup.scss
  Diff comments   View file @9e8b273
... ... @@ -61,246 +61,6 @@
61 61 text-align: center;
62 62 }
63 63  
64   -#signup-form {
65   - color: #4A4A4A;
66   - display: inline-block;
67   -}
68   -
69   -#signup-form small {
70   - display: none;
71   -}
72   -
73   -#signup-form #signup-form-header {
74   - -moz-border-radius: 8px;
75   - border-radius: 8px;
76   - -webkit-border-radius: 8px;
77   - margin: 60px auto 5px;
78   - position: relative;
79   -}
80   -
81   -#signup-form input.invalid_input {
82   - border: 1px solid #7f0000;
83   - background: #FFF;
84   - box-shadow: 0 0 7px red;
85   -}
86   -
87   -#signup-form input.valid_input {
88   - border: 1px solid #005000;
89   - background: #FFF;
90   -}
91   -
92   -#signup-form select,
93   -#signup-form textarea,
94   -#signup-form input {
95   - padding: 7px 7% 10px 3%;
96   - height: 20px;
97   - width: 90%;
98   - color: #6d786e;
99   - font-size: 18px;
100   -}
101   -
102   -#signup-form #profile_data_login {
103   - margin: 3px 0px 0px 5px;
104   -}
105   -
106   -#signup-form .filled-in,
107   -#signup-form .invalid,
108   -#signup-form input.validated,
109   -#signup-form .checking {
110   - border-width: 1px;
111   - border-style: solid;
112   - background-color: #fff;
113   - background-position: right center;
114   - background-repeat: no-repeat;
115   - padding: 7px 7% 8px 3%;
116   - color: #4A4A4A;
117   - box-shadow: 0 0 7px green;
118   -}
119   -
120   -#signup-form input.checking {
121   - box-shadow: none;
122   -}
123   -
124   -#signup-form select {
125   - height: auto;
126   - padding-right: 3px;
127   - width: 365px;
128   -}
129   -
130   -#signup-form .select-birth-date select {
131   - width: 93px;
132   - margin-right: 2px;
133   - margin-left: 0;
134   -}
135   -
136   -.webkit #signup-form select {
137   - background: #fff;
138   -}
139   -
140   -#signup-form textarea {
141   - background: #fff;
142   - height: 100px;
143   - padding-right: 3px;
144   - width: 365px;
145   -}
146   -
147   -#signup-form input[type=file] {
148   - font-size: 12px;
149   -}
150   -
151   -#signup-form input[type=radio] {
152   - height: auto;
153   - margin: 0px 5px 0px 3px;
154   - width: auto;
155   -}
156   -
157   -#signup-form .fieldgroup {
158   - margin: 5px 10px;
159   -}
160   -
161   -#signup-form #template-options li label {
162   - font-size: 18px;
163   -}
164   -
165   -#signup-form #template-options li a {
166   - color: #555753
167   -}
168   -
169   -#signup-form label[for=profile_data_sex_female],
170   -#signup-form label[for=profile_data_sex_male] {
171   - color: #6d786e;
172   - font-size: 20px;
173   - display: inline;
174   - margin-left: 8px;
175   -}
176   -
177   -#signup-form label[for=profile_data_country],
178   -#signup-form label[for=profile_data_preferred_domain_id],
179   -#signup-form label[for=profile_data_birth_date_2i],
180   -#signup-form label[for=profile_data_birth_date_3i],
181   -#signup-form label[for=profile_data_schooling],
182   -#signup-form label[for=profile_data_formation],
183   -#signup-form label[for=profile_data_area_of_study],
184   -#signup-form label[for=profile_data_image_builder_uploaded_data] {
185   - display: block;
186   -}
187   -
188   -#signup-form .invalid {
189   - border-color: #7f0000;
190   - background-image: url(../images/passwords_nomatch.png);
191   - box-shadow: 0 0 7px red;
192   -}
193   -
194   -#signup-form span.invalid {
195   - border: none;
196   - padding: 0px;
197   - background: transparent;
198   - color: #7f0000;
199   - box-shadow: none;
200   -}
201   -
202   -#signup-form .checking {
203   - border-color: #4A4A4A;
204   - background-image: url(../images/login_checking.png);
205   -}
206   -
207   -#signup-form span.checking {
208   - border: none;
209   - padding: 0px;
210   - background: transparent;
211   - color: #4A4A4A;
212   - box-shadow: none;
213   -}
214   -
215   -#signup-form .validated {
216   - border-color: #005000;
217   - background-image: url(../images/passwords_match.png);
218   -}
219   -
220   -#signup-form span.validated {
221   - background: transparent;
222   - color: #005000;
223   -}
224   -
225   -#signup-domain {
226   - float: left;
227   - display: inline-block;
228   - vertical-align: middle;
229   - background: #EEE;
230   - border: 1px solid #CFCFCF;
231   - line-height: 36px;
232   - padding: 0px 7px;
233   - color: #4A4A4A;
234   - font-size: 20px;
235   - text-transform: lowercase;
236   - min-width: 190px;
237   -}
238   -
239   -#signup-form #signup-form-header #user_login {
240   - margin: 0;
241   - padding-right: 30px;
242   - width: 150px;
243   -}
244   -
245   -#signup-login-field {
246   - float: left;
247   -}
248   -
249   -#signup-form #signup-login {
250   - display: inline-block;
251   -}
252   -
253   -#signup-form #signup-password,
254   -#signup-form #signup-password-confirmation,
255   -#signup-form #signup-email,
256   -#signup-form #signup-name,
257   -#signup-form #signup-login {
258   - position: relative;
259   -}
260   -
261   -#signup-form small#signup-balloon,
262   -#signup-form small#password-balloon,
263   -#signup-form small#password-confirmation-balloon,
264   -#signup-form small#email-balloon,
265   -#signup-form small#name-balloon {
266   - display: none;
267   - width: 142px;
268   - height: 69px;
269   - color: #FFFFFF;
270   - font-weight: bold;
271   - font-size: 11px;
272   - padding: 5px 10px 45px 10px;
273   - margin: 0;
274   - line-height: 1.5em;
275   - background: transparent url(../images/gray-balloon.png) bottom center no-repeat;
276   - position: absolute;
277   - z-index: 2;
278   - right: -150px;
279   -}
280   -
281   -#signup-form small#signup-balloon {
282   - top: -110px;
283   -}
284   -
285   -#signup-form small#password-balloon,
286   -#signup-form small#password-confirmation-balloon,
287   -#signup-form small#email-balloon,
288   -#signup-form small#name-balloon {
289   - top: -80px;
290   -}
291   -
292   -#signup-form .required-field label,
293   -#signup-form .formlabel {
294   - color: #4A4A4A;
295   - font-size: 20px;
296   - font-weight: normal;
297   - text-align: left;
298   -}
299   -
300   -#signup-form .required-field label::after {
301   - content: '';
302   -}
303   -
304 64 .action-account-signup #wrap-1 div.fieldWithErrors {
305 65 background: transparent;
306 66 }
... ...