Download as
Browse Code »

Commit 9e8b273810c2d78ae18b7ef7c0fd4b9b883de13b

Authored by Braulio Bhavamitra
1 parent 114b3b48
Exists in master and in 11 other branches angular_poc, backup-7-jan-2016, export-comment-paragraph, login-captcha, new_video_plugin, refactor_with_role, refactor_with_role_scope, remove_profile_cat_icons, staging, theme-brasil-digital-from-staging, travis

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 /* ==> button.css <== */ 15 /* ==> button.css <== */
2 16
3 .button { 17 .button {
@@ -1540,3 +1554,4 @@ table#recaptcha_table tr:hover td { @@ -1540,3 +1554,4 @@ table#recaptcha_table tr:hover td {
1540 .profile-members-title-sort { 1554 .profile-members-title-sort {
1541 clear: both; 1555 clear: both;
1542 } 1556 }
  1557 +
public/designs/themes/base/stylesheets/account.scss 0 → 100644
  Diff comments   View file @9e8b273
@@ -0,0 +1,21 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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,22 +53,3 @@
53 padding-left: 50px; 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,7 +37,6 @@
37 -moz-border-radius: 10px 0px 0px 10px; 37 -moz-border-radius: 10px 0px 0px 10px;
38 -webkit-border-radius: 10px 0px 0px 10px; 38 -webkit-border-radius: 10px 0px 0px 10px;
39 border-radius: 10px 0px 0px 10px; 39 border-radius: 10px 0px 0px 10px;
40 - width: 202px;  
41 position: relative; 40 position: relative;
42 } 41 }
43 #product-list .expand-box > span { 42 #product-list .expand-box > span {
@@ -184,7 +183,6 @@ @@ -184,7 +183,6 @@
184 background-repeat: no-repeat; 183 background-repeat: no-repeat;
185 background-position: 50% 50%; 184 background-position: 50% 50%;
186 display: block; 185 display: block;
187 - width: 200px;  
188 height: 160px; 186 height: 160px;
189 } 187 }
190 #product-list .ui-button { 188 #product-list .ui-button {
@@ -200,7 +198,6 @@ @@ -200,7 +198,6 @@
200 } 198 }
201 #product-list .product-image-link { 199 #product-list .product-image-link {
202 position: relative; 200 position: relative;
203 - width: 200px;  
204 height: 160px; 201 height: 160px;
205 border: 1px solid #BFBFBF; 202 border: 1px solid #BFBFBF;
206 position: relative; /* work arround msie bug */ 203 position: relative; /* work arround msie bug */
public/stylesheets/cms/media-panel.scss
  Diff comments   View file @9e8b273
1 .controller-cms .with_media_panel { 1 .controller-cms .with_media_panel {
2 - float: left;  
3 - width: 900px;  
4 transition: 1s 0.5s; 2 transition: 1s 0.5s;
5 } 3 }
6 4
7 .controller-cms .show-media-panel .with_media_panel { 5 .controller-cms .show-media-panel .with_media_panel {
8 - width: 540px;  
9 transition: 1s; 6 transition: 1s;
10 } 7 }
11 8
@@ -74,17 +71,6 @@ @@ -74,17 +71,6 @@
74 width: 12%; 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 .show-media-panel .text-editor-sidebar { 74 .show-media-panel .text-editor-sidebar {
89 max-height: 1200px; 75 max-height: 1200px;
90 transition: 1s 0.5s; 76 transition: 1s 0.5s;
public/stylesheets/content/image-gallery.scss
  Diff comments   View file @9e8b273
@@ -5,15 +5,12 @@ @@ -5,15 +5,12 @@
5 .image-gallery ul { 5 .image-gallery ul {
6 padding: 0px; 6 padding: 0px;
7 text-align: center; 7 text-align: center;
8 - width: 486px;  
9 margin: auto; 8 margin: auto;
10 } 9 }
11 .image-gallery-item { 10 .image-gallery-item {
12 width: 142px; 11 width: 142px;
13 height: 170px; 12 height: 170px;
14 list-style: none; 13 list-style: none;
15 - margin: 10px;  
16 - float: left;  
17 overflow: hidden; 14 overflow: hidden;
18 background-repeat: no-repeat; 15 background-repeat: no-repeat;
19 } 16 }
public/stylesheets/events.scss
  Diff comments   View file @9e8b273
@@ -68,7 +68,6 @@ @@ -68,7 +68,6 @@
68 margin: 10px 0px; 68 margin: 10px 0px;
69 } 69 }
70 #agenda #events-of-the-day { 70 #agenda #events-of-the-day {
71 - width: 45%;  
72 height: 100%; 71 height: 100%;
73 padding-left: 20px; 72 padding-left: 20px;
74 display: inline-block; 73 display: inline-block;
public/stylesheets/layouts.scss
  Diff comments   View file @9e8b273
@@ -70,15 +70,6 @@ div#profile-disabled .unlock-button { @@ -70,15 +70,6 @@ div#profile-disabled .unlock-button {
70 a img { 70 a img {
71 border: none; 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 #spinner { 74 #spinner {
84 z-index: 10; 75 z-index: 10;
public/stylesheets/product.scss
  Diff comments   View file @9e8b273
@@ -43,12 +43,6 @@ @@ -43,12 +43,6 @@
43 padding-bottom: 10px; 43 padding-bottom: 10px;
44 position: relative; 44 position: relative;
45 } 45 }
46 -#product-name h2 {  
47 - display: inline;  
48 -}  
49 -#product_name {  
50 - width: 60%;  
51 -}  
52 #edit-product-name { 46 #edit-product-name {
53 margin-top: 10px; 47 margin-top: 10px;
54 } 48 }
@@ -78,9 +72,6 @@ @@ -78,9 +72,6 @@
78 .edit_product #product_price, .edit_product #product_discount { 72 .edit_product #product_price, .edit_product #product_discount {
79 width: 110px; 73 width: 110px;
80 } 74 }
81 -#product-info #product-qualifiers-list select {  
82 - width: 140px;  
83 -}  
84 #product_unit { 75 #product_unit {
85 width: 100px; 76 width: 100px;
86 } 77 }
public/stylesheets/product/categories-selection.scss
  Diff comments   View file @9e8b273
@@ -18,7 +18,6 @@ @@ -18,7 +18,6 @@
18 } 18 }
19 .categories_container { 19 .categories_container {
20 min-height: 176px; 20 min-height: 176px;
21 - min-width: 100px;  
22 display: inline-block; 21 display: inline-block;
23 position: relative; 22 position: relative;
24 } 23 }
public/stylesheets/profile-editor.scss
  Diff comments   View file @9e8b273
@@ -12,7 +12,6 @@ @@ -12,7 +12,6 @@
12 .controller-profile_editor .control-panel a { 12 .controller-profile_editor .control-panel a {
13 display: block; 13 display: block;
14 float: left; 14 float: left;
15 - width: 140px;  
16 background-repeat: no-repeat; 15 background-repeat: no-repeat;
17 background-position: 0px 50%; 16 background-position: 0px 50%;
18 height: 70px; 17 height: 70px;
public/stylesheets/profile.scss
  Diff comments   View file @9e8b273
@@ -16,9 +16,6 @@ @@ -16,9 +16,6 @@
16 .no-boxes { 16 .no-boxes {
17 margin: 0px; 17 margin: 0px;
18 } 18 }
19 -.controller-content_viewer .no-boxes, .controller-profile .no-boxes {  
20 - margin: 0px 200px;  
21 -}  
22 .controller-profile #content .no-boxes h1, .controller-profile #content .no-boxes table th { 19 .controller-profile #content .no-boxes h1, .controller-profile #content .no-boxes table th {
23 text-align: left; 20 text-align: left;
24 } 21 }
public/stylesheets/signup.scss
  Diff comments   View file @9e8b273
@@ -61,246 +61,6 @@ @@ -61,246 +61,6 @@
61 text-align: center; 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 .action-account-signup #wrap-1 div.fieldWithErrors { 64 .action-account-signup #wrap-1 div.fieldWithErrors {
305 background: transparent; 65 background: transparent;
306 } 66 }