Adding some default style

Caio SBA · Antonio Terceiro
1 parent 3f0b5df1
Showing 3 changed files with 209 additions and 18 deletions Show diff stats
public/designs/themes/base/style.css
public/images/black-alpha-pixel.png
public/stylesheets/application.css
@@ -141,7 +141,7 @@ body, th, td, input {
   position: absolute;
   top: 20px;
   left: 0px;
-  z-index: 2;
+  z-index: 7;
   overflow: hidden;
   width: 310px;
   height: 90px;
@@ -7,6 +7,10 @@ body {
  
 code, pre { color: #666; }
  
+.msie7 #content {
+  border: 1px solid transparent;
+}
+
 #beta-tag {
   position: absolute;
   top: 4px;
@@ -31,7 +35,6 @@ code, pre { color: #666; }
   padding: 0em;
 }
  
-
 #environment_identification {
   position: absolute !important;
   background: url("../images/bg_blue_logo.png") 5px no-repeat !important;
@@ -160,6 +163,10 @@ div#notice {
   text-align: justify;
 }
  
+.msie7 #content {
+  z-index: 8;
+}
+
 #content h1 {
   text-align: center;
 }
@@ -697,6 +704,17 @@ code input {
   color: #FFF;
 }
  
+#navigation {
+  z-index: 6;
+}
+
+#navigation .menu-submenu {
+  z-index: 5;
+}
+
+#navigation li .menu-submenu-trigger {
+  z-index: 12;
+}
  
 #menu_link_to_envhome {
   float: left;
@@ -798,6 +816,10 @@ code input {
   list-style: none;
 }
  
+#user form input {
+  z-index: 7;
+}
+
 #user_box {
   position: absolute;
   top: 3px;
@@ -1416,6 +1438,52 @@ input.disabled {
  * style for blocks 
  ***********************************************************/
  
+#content .communities-block .profile-image {
+  float: none;
+  padding-left: 0px;
+  max-width: none;
+  width: 92px;
+  height: 64px;
+}
+
+#content .communities-block .vcard .profile_link {
+  text-align: center;
+  padding-bottom: 0px;
+  height: 112px;
+}
+
+.msie7 .communities-block .common-profile-list-block .vcard .profile_link {
+  height: 120px;
+  padding-bottom: 0px;
+}
+
+.msie7 #content .communities-block .vcard {
+  width: 96px;
+}
+
+.msie7 #content .communities-block .vcard .menu-submenu-trigger {
+  height: 20px;
+}
+
+.msie7 .block .menu-submenu {
+  z-index: 4;
+}
+
+.msie7 .common-profile-list-block .vcard {
+  z-index: 3;
+}
+
+.msie7 .box-1 {
+  z-index: 0;
+  position: relative;
+}
+
+.msie7 .box-2,
+.msie7 .box-3 {
+  z-index: 5;
+  position: relative;
+}
+
 .block iframe {
   border: none;
 }
@@ -3764,7 +3832,7 @@ h1#agenda-title {
   border: 1px solid #2A5896;
   padding: 10px 0px 10px 10px;
   height: 205px;
-  overflow: auto;
+  overflow: visible;
   position: relative; /* work-arround-bug fo MSIE */
 }
  
@@ -4051,13 +4119,17 @@ h1#agenda-title {
  
 .highlights-block {
   float: left;
+  height: 300px;
+  background: transparent;
+  text-align: center;
 }
  
 .highlights-block-pager {
-  border: 1px solid #ccc;
-  border-top: 0;
+  border: 0;
   display: inline;
   padding-right: 5px;
+  float: left;
+  position: static;
 }
  
 .highlights-block-pager a {
@@ -4075,18 +4147,29 @@ h1#agenda-title {
   text-decoration: none;
 }
  
+.highlights-container,
 .highlights-image-link {
-  height: 150px;
-  width: 400px;
+  height: 270px !important; /* Important is neeeded for Chrome */
   overflow: hidden;
+  text-align: center;
+}
+
+.highlights-image-link {
+  width: 100% !important;  /* Important is neeeded for Chrome */
+}
+
+.highlights-container {
+  width: 99% !important;  /* Important is neeeded for Chrome */
+  border: 1px solid #ccc;
+  background: #000;
 }
  
 .highlights-label {
   border: 0;
   position: absolute;
   bottom: 0;
-  z-index: 9999;
-  background-color: #000;
+  z-index: 2;
+  background: transparent url(/images/black-alpha-pixel.png);
   color: #fff;
   text-decoration: none;
   display: block;
@@ -4095,10 +4178,18 @@ h1#agenda-title {
   overflow: hidden;
   margin: 0;
   padding: 4px 0;
+  left: 0;
+  text-align: left;
 }
  
-.highlights-image-link {
-  border: 1px solid #ccc;
+.msie7 .highlights-block,
+.msie .highlights-block .block-inner-2,
+.msie .highlights-block .block-inner-1,
+.msie7 .highlights-border,
+.msie7 #content #box-1 .highlights-block {
+  width: 100%;
+  text-align: center;
+  overflow: hidden;
 }
  
 /* Featured Products stuff */
@@ -4343,6 +4434,12 @@ h1#agenda-title {
   padding-left: 12px;
 }
  
+.msie7 .block .menu-submenu-trigger,
+.msie7 #search-results .menu-submenu-trigger,
+.msie7 #browse-results .menu-submenu-trigger {
+  width: 20px !important;
+}
+
 .common-profile-list-block .vcard .menu-submenu a {
   float: none;
   display: block;
@@ -4656,7 +4753,6 @@ h1#agenda-title {
  
 #profile-activity .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image {
   float: left;
-  width: 100px;
   height: 80px;
   margin: 0;
   padding: 0;
@@ -4670,7 +4766,6 @@ h1#agenda-title {
   margin: 0;
   padding: 0;
   border: 1px solid #ccc;
-  width: 355px;
   overflow: hidden;
   background-color: #fff;
   position: relative;
@@ -4745,7 +4840,6 @@ h1#agenda-title {
 }
  
 #leave_scrap_content {
-  width: 450px;
   border: 1px solid #ccc;
   padding: 2px;
 }
@@ -4810,7 +4904,6 @@ h1#agenda-title {
 #profile-network textarea,
 #profile-wall textarea {
   margin: 4px 0;
-  width: 453px;
   border: 1px solid #ccc;
   padding: 2px;
   overflow: hidden;
@@ -4861,7 +4954,6 @@ h1#agenda-title {
 }
  
 #leave_scrap textarea {
-  width: 440px;
   overflow: hidden;
 }
  
@@ -4882,12 +4974,10 @@ h1#agenda-title {
 }
  
 #profile-wall .profile-wall-scrap-replies .profile-wall-description {
-  width: 240px;
   background: transparent;
 }
  
 #profile-wall .profile-wall-scrap-replies textarea {
-  width: 334px;
   margin-left: 2px;
 }
  
@@ -5040,3 +5130,104 @@ h1#agenda-title {
   float: right;
   margin-right: 2px;
 }
+
+/* Profile activity relative dimensions */
+
+#leave_scrap {
+  width: 98%;
+}
+
+#leave_scrap textarea {
+  width: 98%;
+}
+
+#profile-activity .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image {
+  width: 19%;
+}
+
+#profile-activity .profile-activity-description, #profile-network .profile-network-description, #profile-wall .profile-wall-description {
+  width: 80%;
+}
+
+#profile-wall .profile-wall-scrap-replies textarea,
+#profile-network textarea, #profile-wall textarea {
+  width: 99%;
+}
+
+.profile-wall-scrap-replies {
+  width: 100%;
+  position: relative;
+}
+
+.profile-wall-scrap-replies li {
+  position: relative;
+  width: 80%;
+  left: 19%;
+}
+
+/* Profile activity IE fixes */
+
+.msie7 table.profile {
+  width: 100%;
+}
+
+.msie7 #profile-activity li, .msie7 #profile-network li, .msie7 #profile-wall li {
+  list-style: none;
+  z-index: 1;
+}
+
+.msie7 #profile-activity .profile-activity-description,
+.msie7 #profile-network .profile-network-description,
+.msie7 #profile-wall .profile-wall-description {
+  z-index: 2;
+}
+
+.msie7 #leave_scrap {
+	overflow: hidden;
+}
+
+.msie7 #profile-activity hr, .msie7 #profile-network hr, .msie7 #profile-wall hr {
+  visibility: hidden;
+}
+
+.msie #profile-activity .profile-activity-description,
+.msie #profile-network .profile-network-description {
+  border: 1px solid #ccc;
+}
+
+.msie7 #profile-activity ul, .msie7 #profile-network ul, .msie7 #profile-wall ul {
+  padding-left: 0;
+  margin-left: 0;
+}
+
+.msie7 .profile-wall-image,
+.msie7 .leave_scrap_to_self .profile-network-image,
+.msie7 .leave_scrap .profile-network-image,
+.msie7 .leave_scrap_to_self .profile-activity-image,
+.msie7 .leave_scrap .profile-activity-image {
+  z-index: 3;
+	left: 2px;
+}
+
+.msie7 #profile-activity .profile-activity-send-message,
+.msie7 #profile-network .profile-network-send-message,
+.msie7 #profile-wall .profile-wall-send-message {
+  line-height: 24px;
+	margin-top: 2px;
+}
+
+.msie7 #profile-wall a.button.with-text.icon-cancel {
+  display: inline-block;
+  line-height: 17px;
+}
+
+.msie7 .ui-tabs .ui-tabs-nav li {
+  top: 1px;
+	margin: 0;
+	margin-right: 4px;
+}
+
+.msie7 .profile-wall-scrap-replies {
+  float: none;
+	margin-top: 10px;
+}
...	...	@@ -141,7 +141,7 @@ body, th, td, input {
141	141	position: absolute;
142	142	top: 20px;
143	143	left: 0px;
144		- z-index: 2;
	144	+ z-index: 7;
145	145	overflow: hidden;
146	146	width: 310px;
147	147	height: 90px;
...	...
...	...	@@ -7,6 +7,10 @@ body {
7	7
8	8	code, pre { color: #666; }
9	9
	10	+.msie7 #content {
	11	+ border: 1px solid transparent;
	12	+}
	13	+
10	14	#beta-tag {
11	15	position: absolute;
12	16	top: 4px;
...	...	@@ -31,7 +35,6 @@ code, pre { color: #666; }
31	35	padding: 0em;
32	36	}
33	37
34		-
35	38	#environment_identification {
36	39	position: absolute !important;
37	40	background: url("../images/bg_blue_logo.png") 5px no-repeat !important;
...	...	@@ -160,6 +163,10 @@ div#notice {
160	163	text-align: justify;
161	164	}
162	165
	166	+.msie7 #content {
	167	+ z-index: 8;
	168	+}
	169	+
163	170	#content h1 {
164	171	text-align: center;
165	172	}
...	...	@@ -697,6 +704,17 @@ code input {
697	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	719	#menu_link_to_envhome {
702	720	float: left;
...	...	@@ -798,6 +816,10 @@ code input {
798	816	list-style: none;
799	817	}
800	818
	819	+#user form input {
	820	+ z-index: 7;
	821	+}
	822	+
801	823	#user_box {
802	824	position: absolute;
803	825	top: 3px;
...	...	@@ -1416,6 +1438,52 @@ input.disabled {
1416	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	1487	.block iframe {
1420	1488	border: none;
1421	1489	}
...	...	@@ -3764,7 +3832,7 @@ h1#agenda-title {
3764	3832	border: 1px solid #2A5896;
3765	3833	padding: 10px 0px 10px 10px;
3766	3834	height: 205px;
3767		- overflow: auto;
	3835	+ overflow: visible;
3768	3836	position: relative; /* work-arround-bug fo MSIE */
3769	3837	}
3770	3838
...	...	@@ -4051,13 +4119,17 @@ h1#agenda-title {
4051	4119
4052	4120	.highlights-block {
4053	4121	float: left;
	4122	+ height: 300px;
	4123	+ background: transparent;
	4124	+ text-align: center;
4054	4125	}
4055	4126
4056	4127	.highlights-block-pager {
4057		- border: 1px solid #ccc;
4058		- border-top: 0;
	4128	+ border: 0;
4059	4129	display: inline;
4060	4130	padding-right: 5px;
	4131	+ float: left;
	4132	+ position: static;
4061	4133	}
4062	4134
4063	4135	.highlights-block-pager a {
...	...	@@ -4075,18 +4147,29 @@ h1#agenda-title {
4075	4147	text-decoration: none;
4076	4148	}
4077	4149
	4150	+.highlights-container,
4078	4151	.highlights-image-link {
4079		- height: 150px;
4080		- width: 400px;
	4152	+ height: 270px !important; /* Important is neeeded for Chrome */
4081	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	4167	.highlights-label {
4085	4168	border: 0;
4086	4169	position: absolute;
4087	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	4173	color: #fff;
4091	4174	text-decoration: none;
4092	4175	display: block;
...	...	@@ -4095,10 +4178,18 @@ h1#agenda-title {
4095	4178	overflow: hidden;
4096	4179	margin: 0;
4097	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	4195	/* Featured Products stuff */
...	...	@@ -4343,6 +4434,12 @@ h1#agenda-title {
4343	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	4443	.common-profile-list-block .vcard .menu-submenu a {
4347	4444	float: none;
4348	4445	display: block;
...	...	@@ -4656,7 +4753,6 @@ h1#agenda-title {
4656	4753
4657	4754	#profile-activity .profile-activity-image, #profile-network .profile-network-image, #profile-wall .profile-wall-image {
4658	4755	float: left;
4659		- width: 100px;
4660	4756	height: 80px;
4661	4757	margin: 0;
4662	4758	padding: 0;
...	...	@@ -4670,7 +4766,6 @@ h1#agenda-title {
4670	4766	margin: 0;
4671	4767	padding: 0;
4672	4768	border: 1px solid #ccc;
4673		- width: 355px;
4674	4769	overflow: hidden;
4675	4770	background-color: #fff;
4676	4771	position: relative;
...	...	@@ -4745,7 +4840,6 @@ h1#agenda-title {
4745	4840	}
4746	4841
4747	4842	#leave_scrap_content {
4748		- width: 450px;
4749	4843	border: 1px solid #ccc;
4750	4844	padding: 2px;
4751	4845	}
...	...	@@ -4810,7 +4904,6 @@ h1#agenda-title {
4810	4904	#profile-network textarea,
4811	4905	#profile-wall textarea {
4812	4906	margin: 4px 0;
4813		- width: 453px;
4814	4907	border: 1px solid #ccc;
4815	4908	padding: 2px;
4816	4909	overflow: hidden;
...	...	@@ -4861,7 +4954,6 @@ h1#agenda-title {
4861	4954	}
4862	4955
4863	4956	#leave_scrap textarea {
4864		- width: 440px;
4865	4957	overflow: hidden;
4866	4958	}
4867	4959
...	...	@@ -4882,12 +4974,10 @@ h1#agenda-title {
4882	4974	}
4883	4975
4884	4976	#profile-wall .profile-wall-scrap-replies .profile-wall-description {
4885		- width: 240px;
4886	4977	background: transparent;
4887	4978	}
4888	4979
4889	4980	#profile-wall .profile-wall-scrap-replies textarea {
4890		- width: 334px;
4891	4981	margin-left: 2px;
4892	4982	}
4893	4983
...	...	@@ -5040,3 +5130,104 @@ h1#agenda-title {
5040	5130	float: right;
5041	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	+}
...	...