Commit 093c5317c17c06f8fe40279a36923cafcec3961c

Authored by Caio SBA
Committed by Antonio Terceiro
1 parent 3f0b5df1

Adding some default style

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;
public/images/black-alpha-pixel.png 0 → 100644

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