Commit 093c5317c17c06f8fe40279a36923cafcec3961c
Committed by
Antonio Terceiro
1 parent
3f0b5df1
Exists in
master
and in
28 other branches
Adding some default style
Showing
3 changed files
with
209 additions
and
18 deletions
Show diff stats
public/designs/themes/base/style.css
| @@ -141,7 +141,7 @@ body, th, td, input { | @@ -141,7 +141,7 @@ body, th, td, input { | ||
| 141 | position: absolute; | 141 | position: absolute; |
| 142 | top: 20px; | 142 | top: 20px; |
| 143 | left: 0px; | 143 | left: 0px; |
| 144 | - z-index: 2; | 144 | + z-index: 7; |
| 145 | overflow: hidden; | 145 | overflow: hidden; |
| 146 | width: 310px; | 146 | width: 310px; |
| 147 | height: 90px; | 147 | height: 90px; |
178 Bytes
public/stylesheets/application.css
| @@ -7,6 +7,10 @@ body { | @@ -7,6 +7,10 @@ body { | ||
| 7 | 7 | ||
| 8 | code, pre { color: #666; } | 8 | code, pre { color: #666; } |
| 9 | 9 | ||
| 10 | +.msie7 #content { | ||
| 11 | + border: 1px solid transparent; | ||
| 12 | +} | ||
| 13 | + | ||
| 10 | #beta-tag { | 14 | #beta-tag { |
| 11 | position: absolute; | 15 | position: absolute; |
| 12 | top: 4px; | 16 | top: 4px; |
| @@ -31,7 +35,6 @@ code, pre { color: #666; } | @@ -31,7 +35,6 @@ code, pre { color: #666; } | ||
| 31 | padding: 0em; | 35 | padding: 0em; |
| 32 | } | 36 | } |
| 33 | 37 | ||
| 34 | - | ||
| 35 | #environment_identification { | 38 | #environment_identification { |
| 36 | position: absolute !important; | 39 | position: absolute !important; |
| 37 | background: url("../images/bg_blue_logo.png") 5px no-repeat !important; | 40 | background: url("../images/bg_blue_logo.png") 5px no-repeat !important; |
| @@ -160,6 +163,10 @@ div#notice { | @@ -160,6 +163,10 @@ div#notice { | ||
| 160 | text-align: justify; | 163 | text-align: justify; |
| 161 | } | 164 | } |
| 162 | 165 | ||
| 166 | +.msie7 #content { | ||
| 167 | + z-index: 8; | ||
| 168 | +} | ||
| 169 | + | ||
| 163 | #content h1 { | 170 | #content h1 { |
| 164 | text-align: center; | 171 | text-align: center; |
| 165 | } | 172 | } |
| @@ -697,6 +704,17 @@ code input { | @@ -697,6 +704,17 @@ code input { | ||
| 697 | color: #FFF; | 704 | color: #FFF; |
| 698 | } | 705 | } |
| 699 | 706 | ||
| 707 | +#navigation { | ||
| 708 | + z-index: 6; | ||
| 709 | +} | ||
| 710 | + | ||
| 711 | +#navigation .menu-submenu { | ||
| 712 | + z-index: 5; | ||
| 713 | +} | ||
| 714 | + | ||
| 715 | +#navigation li .menu-submenu-trigger { | ||
| 716 | + z-index: 12; | ||
| 717 | +} | ||
| 700 | 718 | ||
| 701 | #menu_link_to_envhome { | 719 | #menu_link_to_envhome { |
| 702 | float: left; | 720 | float: left; |
| @@ -798,6 +816,10 @@ code input { | @@ -798,6 +816,10 @@ code input { | ||
| 798 | list-style: none; | 816 | list-style: none; |
| 799 | } | 817 | } |
| 800 | 818 | ||
| 819 | +#user form input { | ||
| 820 | + z-index: 7; | ||
| 821 | +} | ||
| 822 | + | ||
| 801 | #user_box { | 823 | #user_box { |
| 802 | position: absolute; | 824 | position: absolute; |
| 803 | top: 3px; | 825 | top: 3px; |
| @@ -1416,6 +1438,52 @@ input.disabled { | @@ -1416,6 +1438,52 @@ input.disabled { | ||
| 1416 | * style for blocks | 1438 | * style for blocks |
| 1417 | ***********************************************************/ | 1439 | ***********************************************************/ |
| 1418 | 1440 | ||
| 1441 | +#content .communities-block .profile-image { | ||
| 1442 | + float: none; | ||
| 1443 | + padding-left: 0px; | ||
| 1444 | + max-width: none; | ||
| 1445 | + width: 92px; | ||
| 1446 | + height: 64px; | ||
| 1447 | +} | ||
| 1448 | + | ||
| 1449 | +#content .communities-block .vcard .profile_link { | ||
| 1450 | + text-align: center; | ||
| 1451 | + padding-bottom: 0px; | ||
| 1452 | + height: 112px; | ||
| 1453 | +} | ||
| 1454 | + | ||
| 1455 | +.msie7 .communities-block .common-profile-list-block .vcard .profile_link { | ||
| 1456 | + height: 120px; | ||
| 1457 | + padding-bottom: 0px; | ||
| 1458 | +} | ||
| 1459 | + | ||
| 1460 | +.msie7 #content .communities-block .vcard { | ||
| 1461 | + width: 96px; | ||
| 1462 | +} | ||
| 1463 | + | ||
| 1464 | +.msie7 #content .communities-block .vcard .menu-submenu-trigger { | ||
| 1465 | + height: 20px; | ||
| 1466 | +} | ||
| 1467 | + | ||
| 1468 | +.msie7 .block .menu-submenu { | ||
| 1469 | + z-index: 4; | ||
| 1470 | +} | ||
| 1471 | + | ||
| 1472 | +.msie7 .common-profile-list-block .vcard { | ||
| 1473 | + z-index: 3; | ||
| 1474 | +} | ||
| 1475 | + | ||
| 1476 | +.msie7 .box-1 { | ||
| 1477 | + z-index: 0; | ||
| 1478 | + position: relative; | ||
| 1479 | +} | ||
| 1480 | + | ||
| 1481 | +.msie7 .box-2, | ||
| 1482 | +.msie7 .box-3 { | ||
| 1483 | + z-index: 5; | ||
| 1484 | + position: relative; | ||
| 1485 | +} | ||
| 1486 | + | ||
| 1419 | .block iframe { | 1487 | .block iframe { |
| 1420 | border: none; | 1488 | border: none; |
| 1421 | } | 1489 | } |
| @@ -3764,7 +3832,7 @@ h1#agenda-title { | @@ -3764,7 +3832,7 @@ h1#agenda-title { | ||
| 3764 | border: 1px solid #2A5896; | 3832 | border: 1px solid #2A5896; |
| 3765 | padding: 10px 0px 10px 10px; | 3833 | padding: 10px 0px 10px 10px; |
| 3766 | height: 205px; | 3834 | height: 205px; |
| 3767 | - overflow: auto; | 3835 | + overflow: visible; |
| 3768 | position: relative; /* work-arround-bug fo MSIE */ | 3836 | position: relative; /* work-arround-bug fo MSIE */ |
| 3769 | } | 3837 | } |
| 3770 | 3838 | ||
| @@ -4051,13 +4119,17 @@ h1#agenda-title { | @@ -4051,13 +4119,17 @@ h1#agenda-title { | ||
| 4051 | 4119 | ||
| 4052 | .highlights-block { | 4120 | .highlights-block { |
| 4053 | float: left; | 4121 | float: left; |
| 4122 | + height: 300px; | ||
| 4123 | + background: transparent; | ||
| 4124 | + text-align: center; | ||
| 4054 | } | 4125 | } |
| 4055 | 4126 | ||
| 4056 | .highlights-block-pager { | 4127 | .highlights-block-pager { |
| 4057 | - border: 1px solid #ccc; | ||
| 4058 | - border-top: 0; | 4128 | + border: 0; |
| 4059 | display: inline; | 4129 | display: inline; |
| 4060 | padding-right: 5px; | 4130 | padding-right: 5px; |
| 4131 | + float: left; | ||
| 4132 | + position: static; | ||
| 4061 | } | 4133 | } |
| 4062 | 4134 | ||
| 4063 | .highlights-block-pager a { | 4135 | .highlights-block-pager a { |
| @@ -4075,18 +4147,29 @@ h1#agenda-title { | @@ -4075,18 +4147,29 @@ h1#agenda-title { | ||
| 4075 | text-decoration: none; | 4147 | text-decoration: none; |
| 4076 | } | 4148 | } |
| 4077 | 4149 | ||
| 4150 | +.highlights-container, | ||
| 4078 | .highlights-image-link { | 4151 | .highlights-image-link { |
| 4079 | - height: 150px; | ||
| 4080 | - width: 400px; | 4152 | + height: 270px !important; /* Important is neeeded for Chrome */ |
| 4081 | overflow: hidden; | 4153 | overflow: hidden; |
| 4154 | + text-align: center; | ||
| 4155 | +} | ||
| 4156 | + | ||
| 4157 | +.highlights-image-link { | ||
| 4158 | + width: 100% !important; /* Important is neeeded for Chrome */ | ||
| 4159 | +} | ||
| 4160 | + | ||
| 4161 | +.highlights-container { | ||
| 4162 | + width: 99% !important; /* Important is neeeded for Chrome */ | ||
| 4163 | + border: 1px solid #ccc; | ||
| 4164 | + background: #000; | ||
| 4082 | } | 4165 | } |
| 4083 | 4166 | ||
| 4084 | .highlights-label { | 4167 | .highlights-label { |
| 4085 | border: 0; | 4168 | border: 0; |
| 4086 | position: absolute; | 4169 | position: absolute; |
| 4087 | bottom: 0; | 4170 | bottom: 0; |
| 4088 | - z-index: 9999; | ||
| 4089 | - background-color: #000; | 4171 | + z-index: 2; |
| 4172 | + background: transparent url(/images/black-alpha-pixel.png); | ||
| 4090 | color: #fff; | 4173 | color: #fff; |
| 4091 | text-decoration: none; | 4174 | text-decoration: none; |
| 4092 | display: block; | 4175 | display: block; |
| @@ -4095,10 +4178,18 @@ h1#agenda-title { | @@ -4095,10 +4178,18 @@ h1#agenda-title { | ||
| 4095 | overflow: hidden; | 4178 | overflow: hidden; |
| 4096 | margin: 0; | 4179 | margin: 0; |
| 4097 | padding: 4px 0; | 4180 | padding: 4px 0; |
| 4181 | + left: 0; | ||
| 4182 | + text-align: left; | ||
| 4098 | } | 4183 | } |
| 4099 | 4184 | ||
| 4100 | -.highlights-image-link { | ||
| 4101 | - border: 1px solid #ccc; | 4185 | +.msie7 .highlights-block, |
| 4186 | +.msie .highlights-block .block-inner-2, | ||
| 4187 | +.msie .highlights-block .block-inner-1, | ||
| 4188 | +.msie7 .highlights-border, | ||
| 4189 | +.msie7 #content #box-1 .highlights-block { | ||
| 4190 | + width: 100%; | ||
| 4191 | + text-align: center; | ||
| 4192 | + overflow: hidden; | ||
| 4102 | } | 4193 | } |
| 4103 | 4194 | ||
| 4104 | /* Featured Products stuff */ | 4195 | /* Featured Products stuff */ |
| @@ -4343,6 +4434,12 @@ h1#agenda-title { | @@ -4343,6 +4434,12 @@ h1#agenda-title { | ||
| 4343 | padding-left: 12px; | 4434 | padding-left: 12px; |
| 4344 | } | 4435 | } |
| 4345 | 4436 | ||
| 4437 | +.msie7 .block .menu-submenu-trigger, | ||
| 4438 | +.msie7 #search-results .menu-submenu-trigger, | ||
| 4439 | +.msie7 #browse-results .menu-submenu-trigger { | ||
| 4440 | + width: 20px !important; | ||
| 4441 | +} | ||
| 4442 | + | ||
| 4346 | .common-profile-list-block .vcard .menu-submenu a { | 4443 | .common-profile-list-block .vcard .menu-submenu a { |
| 4347 | float: none; | 4444 | float: none; |
| 4348 | display: block; | 4445 | display: block; |
| @@ -4656,7 +4753,6 @@ h1#agenda-title { | @@ -4656,7 +4753,6 @@ h1#agenda-title { | ||
| 4656 | 4753 | ||
| 4657 | #profile-activity .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image { | 4754 | #profile-activity .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image { |
| 4658 | float: left; | 4755 | float: left; |
| 4659 | - width: 100px; | ||
| 4660 | height: 80px; | 4756 | height: 80px; |
| 4661 | margin: 0; | 4757 | margin: 0; |
| 4662 | padding: 0; | 4758 | padding: 0; |
| @@ -4670,7 +4766,6 @@ h1#agenda-title { | @@ -4670,7 +4766,6 @@ h1#agenda-title { | ||
| 4670 | margin: 0; | 4766 | margin: 0; |
| 4671 | padding: 0; | 4767 | padding: 0; |
| 4672 | border: 1px solid #ccc; | 4768 | border: 1px solid #ccc; |
| 4673 | - width: 355px; | ||
| 4674 | overflow: hidden; | 4769 | overflow: hidden; |
| 4675 | background-color: #fff; | 4770 | background-color: #fff; |
| 4676 | position: relative; | 4771 | position: relative; |
| @@ -4745,7 +4840,6 @@ h1#agenda-title { | @@ -4745,7 +4840,6 @@ h1#agenda-title { | ||
| 4745 | } | 4840 | } |
| 4746 | 4841 | ||
| 4747 | #leave_scrap_content { | 4842 | #leave_scrap_content { |
| 4748 | - width: 450px; | ||
| 4749 | border: 1px solid #ccc; | 4843 | border: 1px solid #ccc; |
| 4750 | padding: 2px; | 4844 | padding: 2px; |
| 4751 | } | 4845 | } |
| @@ -4810,7 +4904,6 @@ h1#agenda-title { | @@ -4810,7 +4904,6 @@ h1#agenda-title { | ||
| 4810 | #profile-network textarea, | 4904 | #profile-network textarea, |
| 4811 | #profile-wall textarea { | 4905 | #profile-wall textarea { |
| 4812 | margin: 4px 0; | 4906 | margin: 4px 0; |
| 4813 | - width: 453px; | ||
| 4814 | border: 1px solid #ccc; | 4907 | border: 1px solid #ccc; |
| 4815 | padding: 2px; | 4908 | padding: 2px; |
| 4816 | overflow: hidden; | 4909 | overflow: hidden; |
| @@ -4861,7 +4954,6 @@ h1#agenda-title { | @@ -4861,7 +4954,6 @@ h1#agenda-title { | ||
| 4861 | } | 4954 | } |
| 4862 | 4955 | ||
| 4863 | #leave_scrap textarea { | 4956 | #leave_scrap textarea { |
| 4864 | - width: 440px; | ||
| 4865 | overflow: hidden; | 4957 | overflow: hidden; |
| 4866 | } | 4958 | } |
| 4867 | 4959 | ||
| @@ -4882,12 +4974,10 @@ h1#agenda-title { | @@ -4882,12 +4974,10 @@ h1#agenda-title { | ||
| 4882 | } | 4974 | } |
| 4883 | 4975 | ||
| 4884 | #profile-wall .profile-wall-scrap-replies .profile-wall-description { | 4976 | #profile-wall .profile-wall-scrap-replies .profile-wall-description { |
| 4885 | - width: 240px; | ||
| 4886 | background: transparent; | 4977 | background: transparent; |
| 4887 | } | 4978 | } |
| 4888 | 4979 | ||
| 4889 | #profile-wall .profile-wall-scrap-replies textarea { | 4980 | #profile-wall .profile-wall-scrap-replies textarea { |
| 4890 | - width: 334px; | ||
| 4891 | margin-left: 2px; | 4981 | margin-left: 2px; |
| 4892 | } | 4982 | } |
| 4893 | 4983 | ||
| @@ -5040,3 +5130,104 @@ h1#agenda-title { | @@ -5040,3 +5130,104 @@ h1#agenda-title { | ||
| 5040 | float: right; | 5130 | float: right; |
| 5041 | margin-right: 2px; | 5131 | margin-right: 2px; |
| 5042 | } | 5132 | } |
| 5133 | + | ||
| 5134 | +/* Profile activity relative dimensions */ | ||
| 5135 | + | ||
| 5136 | +#leave_scrap { | ||
| 5137 | + width: 98%; | ||
| 5138 | +} | ||
| 5139 | + | ||
| 5140 | +#leave_scrap textarea { | ||
| 5141 | + width: 98%; | ||
| 5142 | +} | ||
| 5143 | + | ||
| 5144 | +#profile-activity .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image { | ||
| 5145 | + width: 19%; | ||
| 5146 | +} | ||
| 5147 | + | ||
| 5148 | +#profile-activity .profile-activity-description, #profile-network .profile-network-description, #profile-wall .profile-wall-description { | ||
| 5149 | + width: 80%; | ||
| 5150 | +} | ||
| 5151 | + | ||
| 5152 | +#profile-wall .profile-wall-scrap-replies textarea, | ||
| 5153 | +#profile-network textarea, #profile-wall textarea { | ||
| 5154 | + width: 99%; | ||
| 5155 | +} | ||
| 5156 | + | ||
| 5157 | +.profile-wall-scrap-replies { | ||
| 5158 | + width: 100%; | ||
| 5159 | + position: relative; | ||
| 5160 | +} | ||
| 5161 | + | ||
| 5162 | +.profile-wall-scrap-replies li { | ||
| 5163 | + position: relative; | ||
| 5164 | + width: 80%; | ||
| 5165 | + left: 19%; | ||
| 5166 | +} | ||
| 5167 | + | ||
| 5168 | +/* Profile activity IE fixes */ | ||
| 5169 | + | ||
| 5170 | +.msie7 table.profile { | ||
| 5171 | + width: 100%; | ||
| 5172 | +} | ||
| 5173 | + | ||
| 5174 | +.msie7 #profile-activity li, .msie7 #profile-network li, .msie7 #profile-wall li { | ||
| 5175 | + list-style: none; | ||
| 5176 | + z-index: 1; | ||
| 5177 | +} | ||
| 5178 | + | ||
| 5179 | +.msie7 #profile-activity .profile-activity-description, | ||
| 5180 | +.msie7 #profile-network .profile-network-description, | ||
| 5181 | +.msie7 #profile-wall .profile-wall-description { | ||
| 5182 | + z-index: 2; | ||
| 5183 | +} | ||
| 5184 | + | ||
| 5185 | +.msie7 #leave_scrap { | ||
| 5186 | + overflow: hidden; | ||
| 5187 | +} | ||
| 5188 | + | ||
| 5189 | +.msie7 #profile-activity hr, .msie7 #profile-network hr, .msie7 #profile-wall hr { | ||
| 5190 | + visibility: hidden; | ||
| 5191 | +} | ||
| 5192 | + | ||
| 5193 | +.msie #profile-activity .profile-activity-description, | ||
| 5194 | +.msie #profile-network .profile-network-description { | ||
| 5195 | + border: 1px solid #ccc; | ||
| 5196 | +} | ||
| 5197 | + | ||
| 5198 | +.msie7 #profile-activity ul, .msie7 #profile-network ul, .msie7 #profile-wall ul { | ||
| 5199 | + padding-left: 0; | ||
| 5200 | + margin-left: 0; | ||
| 5201 | +} | ||
| 5202 | + | ||
| 5203 | +.msie7 .profile-wall-image, | ||
| 5204 | +.msie7 .leave_scrap_to_self .profile-network-image, | ||
| 5205 | +.msie7 .leave_scrap .profile-network-image, | ||
| 5206 | +.msie7 .leave_scrap_to_self .profile-activity-image, | ||
| 5207 | +.msie7 .leave_scrap .profile-activity-image { | ||
| 5208 | + z-index: 3; | ||
| 5209 | + left: 2px; | ||
| 5210 | +} | ||
| 5211 | + | ||
| 5212 | +.msie7 #profile-activity .profile-activity-send-message, | ||
| 5213 | +.msie7 #profile-network .profile-network-send-message, | ||
| 5214 | +.msie7 #profile-wall .profile-wall-send-message { | ||
| 5215 | + line-height: 24px; | ||
| 5216 | + margin-top: 2px; | ||
| 5217 | +} | ||
| 5218 | + | ||
| 5219 | +.msie7 #profile-wall a.button.with-text.icon-cancel { | ||
| 5220 | + display: inline-block; | ||
| 5221 | + line-height: 17px; | ||
| 5222 | +} | ||
| 5223 | + | ||
| 5224 | +.msie7 .ui-tabs .ui-tabs-nav li { | ||
| 5225 | + top: 1px; | ||
| 5226 | + margin: 0; | ||
| 5227 | + margin-right: 4px; | ||
| 5228 | +} | ||
| 5229 | + | ||
| 5230 | +.msie7 .profile-wall-scrap-replies { | ||
| 5231 | + float: none; | ||
| 5232 | + margin-top: 10px; | ||
| 5233 | +} |