Merge branch 'fix_box_3' into restructuring_css

Tomáz Martins
2 parents a649b860 3e5dbb66
Showing 1 changed file with 120 additions and 13 deletions Show diff stats
css/software-pages.css
@@ -221,22 +221,24 @@
 /*** Right bar ***/
+/*** WARNING - WHITOUT BOX-4 ***/
+
 /* Link-list block */
-#content .box-3 .block-title {
+.template-default #content .box-3 .block-title {
   border-top: 4px solid #4562b1;
   line-height: 15px;
   background: #eee;
   color: #4562b1;
 }
-#content .box-3 .link-list-block li {
+.template-default #content .box-3 .link-list-block li {
   margin: 0px;
   padding: 0px;
   border-bottom: 1px solid #ddd;
   border-top: none;
 }
-#content .box-3 .link-list-block li a {
+.template-default #content .box-3 .link-list-block li a {
   border-right: none;
   border-top: 0px solid #64946E;
   border-radius: 0px 0px 0px 0px;
@@ -250,21 +252,21 @@
   font-size: 14px;
 }
-#content .box-3 .link-list-block h3.empty + ul {
+.template-default #content .box-3 .link-list-block h3.empty + ul {
   border-top: 1px solid #ddd;
 }
-#content .box-3 .link-list-block li a.link-this-page,
-#content .box-3 .link-list-block li a.link-this-page:hover {
+.template-default #content .box-3 .link-list-block li a.link-this-page,
+.template-default #content .box-3 .link-list-block li a.link-this-page:hover {
   border-right: none;
 }
-#content .box-3 .link-list-block li a:hover {
+.template-default #content .box-3 .link-list-block li a:hover {
   background-color: #FFFFFF;
   color: #000;
 }
-#content .box-3 .link-list-block li a.link-this-page {
+.template-default #content .box-3 .link-list-block li a.link-this-page {
   margin-left: 0px;
   width: auto;
   background-color: #ffffff;
@@ -272,9 +274,9 @@
 }
 /* Repository block */
-.box-3 #bt_repositorio, 
-.box-3 #bt_repositorio:active, 
-.box-3 #bt_repositorio:visited {
+.template-default .box-3 #bt_repositorio,
+.template-default .box-3 #bt_repositorio:active,
+.template-default .box-3 #bt_repositorio:visited {
   border-radius: 4px;
   padding: 12px 10px;
   background: #EAEBEE;
@@ -284,7 +286,7 @@
   position: relative;
 }
-.box-3 #bt_repositorio::after {
+.template-default .box-3 #bt_repositorio::after {
   margin-top: -2px;
   padding: 4px 0px 4px 2px;
   border-radius: 4px;
@@ -299,13 +301,118 @@
   content: url('../images/right-arrow.png');
 }
-.box-3 #content #bt_repositorio:hover {
+.template-default .box-3 #content #bt_repositorio:hover {
   color: #FFF;
   background: #2C66CE;
   text-decoration: none;
 }
+/*** END - WARNING - WHITOUT BOX-4 ***/
+
 /*** end of right bar ***/
+/************ DUPLICATE ************/
+
+/*
+    This part of the code is duplicated because, if there is
+    a change of layout from template-default to lefttopright
+    the CSS fit without many complication.
+ */
+
+/*** Right bar ***/
+
+/*** WARNING - WITH BOX-4 ***/
+
+/* Link-list block */
+.template-lefttopright #content .box-2 .block-title {
+  border-top: 4px solid #4562b1;
+  line-height: 15px;
+  background: #eee;
+  color: #4562b1;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li {
+  margin: 0px;
+  padding: 0px;
+  border-bottom: 1px solid #ddd;
+  border-top: none;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a {
+  border-right: none;
+  border-top: 0px solid #64946E;
+  border-radius: 0px 0px 0px 0px;
+  padding: 6px 5px 8px 18px;
+  width: auto;
+  line-height: 17px;
+  background-color: #fff;
+  background-position: 0px 50%;
+  color: #2C66CE;
+  font-weight: normal;
+  font-size: 14px;
+}
+
+.template-lefttopright #content .box-2 .link-list-block h3.empty + ul {
+  border-top: 1px solid #ddd;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page,
+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page:hover {
+  border-right: none;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a:hover {
+  background-color: #FFFFFF;
+  color: #000;
+}
+
+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page {
+  margin-left: 0px;
+  width: auto;
+  background-color: #ffffff;
+  font-weight: bold;
+}
+
+/* Repository block */
+.template-lefttopright .box-2 #bt_repositorio,
+.template-lefttopright .box-2 #bt_repositorio:active,
+.template-lefttopright .box-2 #bt_repositorio:visited {
+  border-radius: 4px;
+  padding: 12px 10px;
+  background: #EAEBEE;
+  font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
+  text-transform: uppercase;
+  display: block;
+  position: relative;
+}
+
+.template-lefttopright .box-2 #bt_repositorio::after {
+  margin-top: -2px;
+  padding: 4px 0px 4px 2px;
+  border-radius: 4px;
+  width: 18px;
+  right: 10px;
+  line-height: 20px;
+  position: absolute;
+  background: #2C66CE;
+  color: #FFF;
+  font-size: 16px;
+  text-align: center;
+  content: url('../images/right-arrow.png');
+}
+
+.template-lefttopright .box-2 #content #bt_repositorio:hover {
+  color: #FFF;
+  background: #2C66CE;
+  text-decoration: none;
+}
+
+/*** WARNING - WITH BOX-4 ***/
+
+/*** end of right bar ***/
+
+/************ END DUPLICATE ************/
+
+
 /*** Software internal pages ***/
 /* FAQ page */
	@@ -221,22 +221,24 @@		@@ -221,22 +221,24 @@
221		221
222	/* Right bar */	222	/* Right bar */
223		223
		224	+/* WARNING - WHITOUT BOX-4 */
		225	+
224	/* Link-list block */	226	/* Link-list block */
225	-#content .box-3 .block-title {	227	+.template-default #content .box-3 .block-title {
226	border-top: 4px solid #4562b1;	228	border-top: 4px solid #4562b1;
227	line-height: 15px;	229	line-height: 15px;
228	background: #eee;	230	background: #eee;
229	color: #4562b1;	231	color: #4562b1;
230	}	232	}
231		233
232	-#content .box-3 .link-list-block li {	234	+.template-default #content .box-3 .link-list-block li {
233	margin: 0px;	235	margin: 0px;
234	padding: 0px;	236	padding: 0px;
235	border-bottom: 1px solid #ddd;	237	border-bottom: 1px solid #ddd;
236	border-top: none;	238	border-top: none;
237	}	239	}
238		240
239	-#content .box-3 .link-list-block li a {	241	+.template-default #content .box-3 .link-list-block li a {
240	border-right: none;	242	border-right: none;
241	border-top: 0px solid #64946E;	243	border-top: 0px solid #64946E;
242	border-radius: 0px 0px 0px 0px;	244	border-radius: 0px 0px 0px 0px;
	@@ -250,21 +252,21 @@		@@ -250,21 +252,21 @@
250	font-size: 14px;	252	font-size: 14px;
251	}	253	}
252		254
253	-#content .box-3 .link-list-block h3.empty + ul {	255	+.template-default #content .box-3 .link-list-block h3.empty + ul {
254	border-top: 1px solid #ddd;	256	border-top: 1px solid #ddd;
255	}	257	}
256		258
257	-#content .box-3 .link-list-block li a.link-this-page,
258	-#content .box-3 .link-list-block li a.link-this-page:hover {	259	+.template-default #content .box-3 .link-list-block li a.link-this-page,
		260	+.template-default #content .box-3 .link-list-block li a.link-this-page:hover {
259	border-right: none;	261	border-right: none;
260	}	262	}
261		263
262	-#content .box-3 .link-list-block li a:hover {	264	+.template-default #content .box-3 .link-list-block li a:hover {
263	background-color: #FFFFFF;	265	background-color: #FFFFFF;
264	color: #000;	266	color: #000;
265	}	267	}
266		268
267	-#content .box-3 .link-list-block li a.link-this-page {	269	+.template-default #content .box-3 .link-list-block li a.link-this-page {
268	margin-left: 0px;	270	margin-left: 0px;
269	width: auto;	271	width: auto;
270	background-color: #ffffff;	272	background-color: #ffffff;
	@@ -272,9 +274,9 @@		@@ -272,9 +274,9 @@
272	}	274	}
273		275
274	/* Repository block */	276	/* Repository block */
275	-.box-3 #bt_repositorio,
276	-.box-3 #bt_repositorio:active,
277	-.box-3 #bt_repositorio:visited {	277	+.template-default .box-3 #bt_repositorio,
		278	+.template-default .box-3 #bt_repositorio:active,
		279	+.template-default .box-3 #bt_repositorio:visited {
278	border-radius: 4px;	280	border-radius: 4px;
279	padding: 12px 10px;	281	padding: 12px 10px;
280	background: #EAEBEE;	282	background: #EAEBEE;
	@@ -284,7 +286,7 @@		@@ -284,7 +286,7 @@
284	position: relative;	286	position: relative;
285	}	287	}
286		288
287	-.box-3 #bt_repositorio::after {	289	+.template-default .box-3 #bt_repositorio::after {
288	margin-top: -2px;	290	margin-top: -2px;
289	padding: 4px 0px 4px 2px;	291	padding: 4px 0px 4px 2px;
290	border-radius: 4px;	292	border-radius: 4px;
	@@ -299,13 +301,118 @@		@@ -299,13 +301,118 @@
299	content: url('../images/right-arrow.png');	301	content: url('../images/right-arrow.png');
300	}	302	}
301		303
302	-.box-3 #content #bt_repositorio:hover {	304	+.template-default .box-3 #content #bt_repositorio:hover {
303	color: #FFF;	305	color: #FFF;
304	background: #2C66CE;	306	background: #2C66CE;
305	text-decoration: none;	307	text-decoration: none;
306	}	308	}
		309	+/* END - WARNING - WHITOUT BOX-4 */
		310	+
307	/* end of right bar */	311	/* end of right bar */
308		312
		313	+/********** DUPLICATE **********/
		314	+
		315	+/*
		316	+ This part of the code is duplicated because, if there is
		317	+ a change of layout from template-default to lefttopright
		318	+ the CSS fit without many complication.
		319	+ */
		320	+
		321	+/* Right bar */
		322	+
		323	+/* WARNING - WITH BOX-4 */
		324	+
		325	+/* Link-list block */
		326	+.template-lefttopright #content .box-2 .block-title {
		327	+ border-top: 4px solid #4562b1;
		328	+ line-height: 15px;
		329	+ background: #eee;
		330	+ color: #4562b1;
		331	+}
		332	+
		333	+.template-lefttopright #content .box-2 .link-list-block li {
		334	+ margin: 0px;
		335	+ padding: 0px;
		336	+ border-bottom: 1px solid #ddd;
		337	+ border-top: none;
		338	+}
		339	+
		340	+.template-lefttopright #content .box-2 .link-list-block li a {
		341	+ border-right: none;
		342	+ border-top: 0px solid #64946E;
		343	+ border-radius: 0px 0px 0px 0px;
		344	+ padding: 6px 5px 8px 18px;
		345	+ width: auto;
		346	+ line-height: 17px;
		347	+ background-color: #fff;
		348	+ background-position: 0px 50%;
		349	+ color: #2C66CE;
		350	+ font-weight: normal;
		351	+ font-size: 14px;
		352	+}
		353	+
		354	+.template-lefttopright #content .box-2 .link-list-block h3.empty + ul {
		355	+ border-top: 1px solid #ddd;
		356	+}
		357	+
		358	+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page,
		359	+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page:hover {
		360	+ border-right: none;
		361	+}
		362	+
		363	+.template-lefttopright #content .box-2 .link-list-block li a:hover {
		364	+ background-color: #FFFFFF;
		365	+ color: #000;
		366	+}
		367	+
		368	+.template-lefttopright #content .box-2 .link-list-block li a.link-this-page {
		369	+ margin-left: 0px;
		370	+ width: auto;
		371	+ background-color: #ffffff;
		372	+ font-weight: bold;
		373	+}
		374	+
		375	+/* Repository block */
		376	+.template-lefttopright .box-2 #bt_repositorio,
		377	+.template-lefttopright .box-2 #bt_repositorio:active,
		378	+.template-lefttopright .box-2 #bt_repositorio:visited {
		379	+ border-radius: 4px;
		380	+ padding: 12px 10px;
		381	+ background: #EAEBEE;
		382	+ font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
		383	+ text-transform: uppercase;
		384	+ display: block;
		385	+ position: relative;
		386	+}
		387	+
		388	+.template-lefttopright .box-2 #bt_repositorio::after {
		389	+ margin-top: -2px;
		390	+ padding: 4px 0px 4px 2px;
		391	+ border-radius: 4px;
		392	+ width: 18px;
		393	+ right: 10px;
		394	+ line-height: 20px;
		395	+ position: absolute;
		396	+ background: #2C66CE;
		397	+ color: #FFF;
		398	+ font-size: 16px;
		399	+ text-align: center;
		400	+ content: url('../images/right-arrow.png');
		401	+}
		402	+
		403	+.template-lefttopright .box-2 #content #bt_repositorio:hover {
		404	+ color: #FFF;
		405	+ background: #2C66CE;
		406	+ text-decoration: none;
		407	+}
		408	+
		409	+/* WARNING - WITH BOX-4 */
		410	+
		411	+/* end of right bar */
		412	+
		413	+/********** END DUPLICATE **********/
		414	+
		415	+
309	/* Software internal pages */	416	/* Software internal pages */
310		417
311	/* FAQ page */	418	/* FAQ page */