Add Software Metrics block style

Melissa Wen
2 parents 28b5818a 4ce48b6f
Showing 4 changed files with 63 additions and 0 deletions Show diff stats
css/software-pages.css
images/beneficiados-icon.png
images/downloads-icon.png
images/economizados-icon.png
@@ -377,6 +377,7 @@
 }
  
 /* Repository block */
+
 .template-lefttopright #content .box-2 .repository-block{
   padding: 0 0 0 10px;
 }
@@ -416,6 +417,68 @@
  
 /*** WARNING - WITH BOX-4 ***/
  
+/* Metrics Block */
+.software-metrics-block {
+  font-family: Arial;
+  padding: 3px 0px 0px 10px;
+}
+
+.software-metrics-block .metrics-list {
+  border-bottom: 1px dotted #D3D6DE;
+}
+
+.software-metrics-block .metrics-list li {
+  display: table;
+  margin-bottom: 10px;
+}
+
+.software-metrics-block .metrics-list li span,
+.software-metrics-block .metrics-list li a {
+  display: table-cell;
+  vertical-align: top;
+}
+
+.software-metrics-block .metrics-list li a:link {
+  color: #2c66ce !important;
+}
+
+.software-metrics-block span.arrow-globe-icon {
+  content: url('../images/arrow-globe-icon.png');
+  padding-right: 5px;
+}
+
+.software-metrics-block span.downloads-icon {
+  content: url('../images/downloads-icon.png');
+  padding-right: 14px;
+  padding-left: 1px;
+}
+
+.software-metrics-block span.face-icon {
+  content: url('../images/beneficiados-icon.png');
+  padding-right: 14px;
+  padding-left: 1px;
+}
+
+.software-metrics-block span.pig-safe-icon {
+  content: url('../images/economizados-icon.png');
+  padding-right: 11px;
+}
+
+.software-metrics-block .metrics-list li a {
+  letter-spacing: -0.1px;
+}
+
+.software-metrics-block .admin-estimation {
+  font-size: 11px;
+  line-height: 15px;
+  margin-top: 7px;
+  margin-left: 4px;
+}
+
+.software-metrics-block .metrics-list .saved-money {
+  font-size: 14px;
+}
+
 /*** end of right bar ***/
  
 /************ END DUPLICATE ************/
...	...	@@ -377,6 +377,7 @@
377	377	}
378	378
379	379	/* Repository block */
	380	+
380	381	.template-lefttopright #content .box-2 .repository-block{
381	382	padding: 0 0 0 10px;
382	383	}
...	...	@@ -416,6 +417,68 @@
416	417
417	418	/* WARNING - WITH BOX-4 */
418	419
	420	+/* Metrics Block */
	421	+.software-metrics-block {
	422	+ font-family: Arial;
	423	+ padding: 3px 0px 0px 10px;
	424	+}
	425	+
	426	+.software-metrics-block .metrics-list {
	427	+ border-bottom: 1px dotted #D3D6DE;
	428	+}
	429	+
	430	+.software-metrics-block .metrics-list li {
	431	+ display: table;
	432	+ margin-bottom: 10px;
	433	+}
	434	+
	435	+.software-metrics-block .metrics-list li span,
	436	+.software-metrics-block .metrics-list li a {
	437	+ display: table-cell;
	438	+ vertical-align: top;
	439	+}
	440	+
	441	+.software-metrics-block .metrics-list li a:link {
	442	+ color: #2c66ce !important;
	443	+}
	444	+
	445	+.software-metrics-block span.arrow-globe-icon {
	446	+ content: url('../images/arrow-globe-icon.png');
	447	+ padding-right: 5px;
	448	+}
	449	+
	450	+.software-metrics-block span.downloads-icon {
	451	+ content: url('../images/downloads-icon.png');
	452	+ padding-right: 14px;
	453	+ padding-left: 1px;
	454	+}
	455	+
	456	+.software-metrics-block span.face-icon {
	457	+ content: url('../images/beneficiados-icon.png');
	458	+ padding-right: 14px;
	459	+ padding-left: 1px;
	460	+}
	461	+
	462	+.software-metrics-block span.pig-safe-icon {
	463	+ content: url('../images/economizados-icon.png');
	464	+ padding-right: 11px;
	465	+}
	466	+
	467	+.software-metrics-block .metrics-list li a {
	468	+ letter-spacing: -0.1px;
	469	+}
	470	+
	471	+.software-metrics-block .admin-estimation {
	472	+ font-size: 11px;
	473	+ line-height: 15px;
	474	+ margin-top: 7px;
	475	+ margin-left: 4px;
	476	+}
	477	+
	478	+.software-metrics-block .metrics-list .saved-money {
	479	+ font-size: 14px;
	480	+}
	481	+
419	482	/* end of right bar */
420	483
421	484	/********** END DUPLICATE **********/
...	...