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 | +} |