Adjusting statistic-block for box-2

Signed-off-by: TomazMartins <tomaz.r.martins@gmail.com>

Adjusting statistic-block for box-2
Signed-off-by: TomazMartins <tomaz.r.martins@gmail.com>
Tomáz Martins
1 parent 9058797d
Showing 1 changed file with 95 additions and 10 deletions Show diff stats
css/left-bar.css
 /******************** Box-2 ********************/
-.box-2{
+/*** WARNING - WITHOUT BOX-4 ***/
+
+.template-default .box-2 {
   width:150px;
 }
-#content .box-2 .block-outer .block-title {
+.template-default #content .box-2 .block-outer .block-title {
 	background: #eee;
 	color: #4562b1;
 	border-top: 4px solid #4562b1;
@@ -13,14 +15,86 @@
 /*** Menus - Link list block ***/
-#content .box-2 .link-list-block li {
+.template-default #content .box-2 .link-list-block li {
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid #ddd;
+  border-top: none;
+}
+
+.template-default #content .box-2 .link-list-block li a {
+  width: auto;
+  padding: 6px 5px 8px 18px;
+  background-color: #fff;
+  background-position: 0px 50%;
+  color: #2C66CE;
+  border-right: none;
+  border-top: 0px solid #64946E;
+  border-radius: 0 0 0 0;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 17px;
+}
+
+.template-default #content .box-2 .link-list-block h3.empty + ul {
+  border-top: 1px solid #ddd;
+}
+
+.template-default #content .box-2 .link-list-block h3.empty + ul li a {
+  padding-left: 0px;
+  padding-right: 0px;
+  background-image: none;
+}
+
+.template-default #content .box-2 .link-list-block li a.link-this-page,
+.template-default #content .box-2 .link-list-block li a.link-this-page:hover {
+  border-right: none;
+}
+
+.template-default #content .box-2 .link-list-block li a:hover {
+  background-color: #FFFFFF;
+  color: #000;
+}
+.template-default #content .box-2 .link-list-block li a.link-this-page {
+  width: auto;
+  margin-left: 0px;
+  background-color: #ffffff;
+  font-weight: bold;
+}
+
+/*** END OF WARNING - WITHOUT BOX-4 ***/
+
+/*** WARNING - WITH BOX-4 ***/
+
+/************ 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.
+
+ */
+
+.template-lefttopright .box-3 {
+  width:150px;
+}
+
+.template-lefttopright #content .box-3 .block-outer .block-title {
+  background: #eee;
+  color: #4562b1;
+  border-top: 4px solid #4562b1;
+  line-height: 15px;
+}
+
+/*** Menus - Link list block ***/
+
+.template-lefttopright #content .box-3 .link-list-block li {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #ddd;
   border-top: none;
 }
-#content .box-2 .link-list-block li a {
+.template-lefttopright #content .box-3 .link-list-block li a {
   width: auto;
   padding: 6px 5px 8px 18px;
   background-color: #fff;
@@ -34,33 +108,41 @@
   line-height: 17px;
 }
-#content .box-2 .link-list-block h3.empty + ul {
+.template-lefttopright #content .box-3 .link-list-block h3.empty + ul {
   border-top: 1px solid #ddd;
 }
-#content .box-2 .link-list-block h3.empty + ul li a {
+.template-lefttopright #content .box-3 .link-list-block h3.empty + ul li a {
   padding-left: 0px;
   padding-right: 0px;
   background-image: none;
 }
-#content .box-2 .link-list-block li a.link-this-page,
-#content .box-2 .link-list-block li a.link-this-page:hover {
+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page,
+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page:hover {
   border-right: none;
 }
-#content .box-2 .link-list-block li a:hover {
+.template-lefttopright #content .box-3 .link-list-block li a:hover {
   background-color: #FFFFFF;
   color: #000;
 }
-#content .box-2 .link-list-block li a.link-this-page {
+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page {
   width: auto;
   margin-left: 0px;
   background-color: #ffffff;
   font-weight: bold;
 }
+/************ END OF DUPLICATE ************
+
+/*** END OF WARNING - WITH BOX-4 ***/
+
 /*** Statistics block **/
+.template-default #content .box-2 .statistics-block {
+  padding: 10px 0px 10px 10px
+}
+
 .statistics-block-data ul {
   margin-top: 10px;
 }
@@ -83,6 +165,9 @@ span.amount {
 span.label {
   font-size: 14px;
 }
+
 /*** end of statistics block **/
+/*** WARNING - WITH BOX-4 ***/
+
 /******************** end Box-2 ********************/
1	/****************** Box-2 ******************/	1	/****************** Box-2 ******************/
2		2
3	-.box-2{	3	+/* WARNING - WITHOUT BOX-4 */
		4	+
		5	+.template-default .box-2 {
4	width:150px;	6	width:150px;
5	}	7	}
6		8
7	-#content .box-2 .block-outer .block-title {	9	+.template-default #content .box-2 .block-outer .block-title {
8	background: #eee;	10	background: #eee;
9	color: #4562b1;	11	color: #4562b1;
10	border-top: 4px solid #4562b1;	12	border-top: 4px solid #4562b1;
	@@ -13,14 +15,86 @@		@@ -13,14 +15,86 @@
13		15
14	/* Menus - Link list block */	16	/* Menus - Link list block */
15		17
16	-#content .box-2 .link-list-block li {	18	+.template-default #content .box-2 .link-list-block li {
		19	+ margin: 0;
		20	+ padding: 0;
		21	+ border-bottom: 1px solid #ddd;
		22	+ border-top: none;
		23	+}
		24	+
		25	+.template-default #content .box-2 .link-list-block li a {
		26	+ width: auto;
		27	+ padding: 6px 5px 8px 18px;
		28	+ background-color: #fff;
		29	+ background-position: 0px 50%;
		30	+ color: #2C66CE;
		31	+ border-right: none;
		32	+ border-top: 0px solid #64946E;
		33	+ border-radius: 0 0 0 0;
		34	+ font-weight: normal;
		35	+ font-size: 14px;
		36	+ line-height: 17px;
		37	+}
		38	+
		39	+.template-default #content .box-2 .link-list-block h3.empty + ul {
		40	+ border-top: 1px solid #ddd;
		41	+}
		42	+
		43	+.template-default #content .box-2 .link-list-block h3.empty + ul li a {
		44	+ padding-left: 0px;
		45	+ padding-right: 0px;
		46	+ background-image: none;
		47	+}
		48	+
		49	+.template-default #content .box-2 .link-list-block li a.link-this-page,
		50	+.template-default #content .box-2 .link-list-block li a.link-this-page:hover {
		51	+ border-right: none;
		52	+}
		53	+
		54	+.template-default #content .box-2 .link-list-block li a:hover {
		55	+ background-color: #FFFFFF;
		56	+ color: #000;
		57	+}
		58	+.template-default #content .box-2 .link-list-block li a.link-this-page {
		59	+ width: auto;
		60	+ margin-left: 0px;
		61	+ background-color: #ffffff;
		62	+ font-weight: bold;
		63	+}
		64	+
		65	+/* END OF WARNING - WITHOUT BOX-4 */
		66	+
		67	+/* WARNING - WITH BOX-4 */
		68	+
		69	+/********** DUPLICATE **********
		70	+
		71	+ This part of the code is duplicated because, if there is
		72	+ a change of layout from template-default to lefttopright
		73	+ the CSS fit without many complication.
		74	+
		75	+ */
		76	+
		77	+.template-lefttopright .box-3 {
		78	+ width:150px;
		79	+}
		80	+
		81	+.template-lefttopright #content .box-3 .block-outer .block-title {
		82	+ background: #eee;
		83	+ color: #4562b1;
		84	+ border-top: 4px solid #4562b1;
		85	+ line-height: 15px;
		86	+}
		87	+
		88	+/* Menus - Link list block */
		89	+
		90	+.template-lefttopright #content .box-3 .link-list-block li {
17	margin: 0;	91	margin: 0;
18	padding: 0;	92	padding: 0;
19	border-bottom: 1px solid #ddd;	93	border-bottom: 1px solid #ddd;
20	border-top: none;	94	border-top: none;
21	}	95	}
22		96
23	-#content .box-2 .link-list-block li a {	97	+.template-lefttopright #content .box-3 .link-list-block li a {
24	width: auto;	98	width: auto;
25	padding: 6px 5px 8px 18px;	99	padding: 6px 5px 8px 18px;
26	background-color: #fff;	100	background-color: #fff;
	@@ -34,33 +108,41 @@		@@ -34,33 +108,41 @@
34	line-height: 17px;	108	line-height: 17px;
35	}	109	}
36		110
37	-#content .box-2 .link-list-block h3.empty + ul {	111	+.template-lefttopright #content .box-3 .link-list-block h3.empty + ul {
38	border-top: 1px solid #ddd;	112	border-top: 1px solid #ddd;
39	}	113	}
40		114
41	-#content .box-2 .link-list-block h3.empty + ul li a {	115	+.template-lefttopright #content .box-3 .link-list-block h3.empty + ul li a {
42	padding-left: 0px;	116	padding-left: 0px;
43	padding-right: 0px;	117	padding-right: 0px;
44	background-image: none;	118	background-image: none;
45	}	119	}
46		120
47	-#content .box-2 .link-list-block li a.link-this-page,
48	-#content .box-2 .link-list-block li a.link-this-page:hover {	121	+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page,
		122	+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page:hover {
49	border-right: none;	123	border-right: none;
50	}	124	}
51		125
52	-#content .box-2 .link-list-block li a:hover {	126	+.template-lefttopright #content .box-3 .link-list-block li a:hover {
53	background-color: #FFFFFF;	127	background-color: #FFFFFF;
54	color: #000;	128	color: #000;
55	}	129	}
56	-#content .box-2 .link-list-block li a.link-this-page {	130	+.template-lefttopright #content .box-3 .link-list-block li a.link-this-page {
57	width: auto;	131	width: auto;
58	margin-left: 0px;	132	margin-left: 0px;
59	background-color: #ffffff;	133	background-color: #ffffff;
60	font-weight: bold;	134	font-weight: bold;
61	}	135	}
62		136
		137	+/********** END OF DUPLICATE **********
		138	+
		139	+/* END OF WARNING - WITH BOX-4 */
		140	+
63	/* Statistics block /	141	/* Statistics block /
		142	+.template-default #content .box-2 .statistics-block {
		143	+ padding: 10px 0px 10px 10px
		144	+}
		145	+
64	.statistics-block-data ul {	146	.statistics-block-data ul {
65	margin-top: 10px;	147	margin-top: 10px;
66	}	148	}
	@@ -83,6 +165,9 @@ span.amount {		@@ -83,6 +165,9 @@ span.amount {
83	span.label {	165	span.label {
84	font-size: 14px;	166	font-size: 14px;
85	}	167	}
		168	+
86	/* end of statistics block /	169	/* end of statistics block /
87		170
		171	+/* WARNING - WITH BOX-4 */
		172	+
88	/****************** end Box-2 ******************/	173	/****************** end Box-2 ******************/