Adding software metrics block style

Pedro de Lyra Pereira
1 parent 1255ac8a
Showing 4 changed files with 63 additions and 5 deletions Show diff stats
css/software-pages.css
images/beneficiados-icon.png
images/downloads-icon.png
images/economizados-icon.png
@@ -25,7 +25,7 @@
 #content #software-information-block-table #col-software-name b {
   font: normal normal normal 15px/21px arial, 'open_sansregular', helvetica, sans-serif;
 }
-	
+
 /*** end of Software Header ***/
  
 /*** Software Homepage ***/
@@ -176,12 +176,12 @@
   list-style: inherit;
 }
  
-/*** end of Software Homepage ***/ 
+/*** end of Software Homepage ***/
  
 /*** Categories and Tags block ***/
  
 #content .box-1  .categories-and-tags-block {
-  border-top: 4px solid #4562b1; 
+  border-top: 4px solid #4562b1;
 }
  
 #content .box-1 .categories-and-tags-block .block-title {
@@ -276,8 +276,8 @@
 }
  
 /* Repository block */
-.box-3 #bt_repositorio, 
-.box-3 #bt_repositorio:active, 
+.box-3 #bt_repositorio,
+.box-3 #bt_repositorio:active,
 .box-3 #bt_repositorio:visited {
   border-radius: 4px;
   padding: 12px 10px;
@@ -308,6 +308,64 @@
   background: #2C66CE;
   text-decoration: none;
 }
+
+/* Metrics Block */
+.software-metrics-block {
+  /*background-image: url('../images/metrics.png');*/
+  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 {
+  margin-top: 7px;
+  margin-left: 4px;
+}
+
+
 /*** end of right bar ***/
  
 /*** Software internal pages ***/
...	...	@@ -25,7 +25,7 @@
25	25	#content #software-information-block-table #col-software-name b {
26	26	font: normal normal normal 15px/21px arial, 'open_sansregular', helvetica, sans-serif;
27	27	}
28		-
	28	+
29	29	/* end of Software Header */
30	30
31	31	/* Software Homepage */
...	...	@@ -176,12 +176,12 @@
176	176	list-style: inherit;
177	177	}
178	178
179		-/* end of Software Homepage */
	179	+/* end of Software Homepage */
180	180
181	181	/* Categories and Tags block */
182	182
183	183	#content .box-1 .categories-and-tags-block {
184		- border-top: 4px solid #4562b1;
	184	+ border-top: 4px solid #4562b1;
185	185	}
186	186
187	187	#content .box-1 .categories-and-tags-block .block-title {
...	...	@@ -276,8 +276,8 @@
276	276	}
277	277
278	278	/* Repository block */
279		-.box-3 #bt_repositorio,
280		-.box-3 #bt_repositorio:active,
	279	+.box-3 #bt_repositorio,
	280	+.box-3 #bt_repositorio:active,
281	281	.box-3 #bt_repositorio:visited {
282	282	border-radius: 4px;
283	283	padding: 12px 10px;
...	...	@@ -308,6 +308,64 @@
308	308	background: #2C66CE;
309	309	text-decoration: none;
310	310	}
	311	+
	312	+/* Metrics Block */
	313	+.software-metrics-block {
	314	+ /background-image: url('../images/metrics.png');/
	315	+ padding: 3px 0px 0px 10px;
	316	+}
	317	+
	318	+.software-metrics-block .metrics-list {
	319	+ border-bottom: 1px dotted #D3D6DE;
	320	+}
	321	+
	322	+.software-metrics-block .metrics-list li {
	323	+ display: table;
	324	+ margin-bottom: 10px;
	325	+}
	326	+
	327	+.software-metrics-block .metrics-list li span,
	328	+.software-metrics-block .metrics-list li a {
	329	+ display: table-cell;
	330	+ vertical-align: top;
	331	+}
	332	+
	333	+.software-metrics-block .metrics-list li a:link {
	334	+ color: #2c66ce !important;
	335	+}
	336	+
	337	+.software-metrics-block span.arrow-globe-icon {
	338	+ content: url('../images/arrow-globe-icon.png');
	339	+ padding-right: 5px;
	340	+}
	341	+
	342	+.software-metrics-block span.downloads-icon {
	343	+ content: url('../images/downloads-icon.png');
	344	+ padding-right: 14px;
	345	+ padding-left: 1px;
	346	+}
	347	+
	348	+.software-metrics-block span.face-icon {
	349	+ content: url('../images/beneficiados-icon.png');
	350	+ padding-right: 14px;
	351	+ padding-left: 1px;
	352	+}
	353	+
	354	+.software-metrics-block span.pig-safe-icon {
	355	+ content: url('../images/economizados-icon.png');
	356	+ padding-right: 11px;
	357	+}
	358	+
	359	+.software-metrics-block .metrics-list li a {
	360	+ letter-spacing: -0.1px;
	361	+}
	362	+
	363	+.software-metrics-block .admin-estimation {
	364	+ margin-top: 7px;
	365	+ margin-left: 4px;
	366	+}
	367	+
	368	+
311	369	/* end of right bar */
312	370
313	371	/* Software internal pages */
...	...