Added style for Repository button, adjustments on all other blocks

Rodrigo Maia
1 parent c4ce28de
Showing 1 changed file with 94 additions and 12 deletions Show diff stats
pagina_software.css
-/* GIT TEST 123 */
-
-
 /*Static block for box3*/
 #content .box-3 .statistics-block .block-inner-2 .block-title{
@@ -16,6 +13,9 @@
 }
 /*Software Information block*/
+#content .block.software-information-block{
+	margin-bottom:60px;}
+
 #software-information-block-table{
   width:515px;
@@ -31,12 +31,29 @@
 	display: table-cell;
 }
+/* Estilo correto para 2 colunas */
+/*
 #col-software-name h1 {
   text-align: left;
-  line-height: 37px;
   font-size: 34px;
+  line-height: 1.2em;
+  font-family: Arial, open_sansbold, Helvetica, sans-serif;
+  font-weight: bold;}
+*/
+
+/* Estilo temporario 1 coluna */
+#col-software-name h1 {
+  text-align: left;
+  font-size: 30px;
+  line-height: 1.1em;
   font-family: Arial, open_sansbold, Helvetica, sans-serif;
-   font-weight: bold;
+  font-weight: bold;}
+
+#col-software-name B{
+  font-weight: normal;
+  font-family: Arial, open_sansregular, Helvetica, sans-serif;
+  font-size: 16px;
+  line-height: 1.3em;
 }
 #col-software-name {
   font-style: normal;
@@ -59,7 +76,7 @@ border: none;
   padding:10px;*/
   width: 490px;
   margin: 0px 15px;
-	padding: 15px 20px 30px 15px;
+	padding: 20px 20px 30px;
 	border-radius: 4px;
 	background-image: -o-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%);
 	background-image: -moz-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%);
@@ -75,8 +92,8 @@ border: none;
 	margin-top: 0px;
 }
-#download_spb spam {
-	font-family: open_sansbold;
+#download_spb span {
+	font-family: open_sansregular;
 	font-size: 13px;
 	color: #ECEDF1;
 	text-decoration:none;
@@ -114,14 +131,15 @@ border: none;
 #content span.licensed a:visited,
 #content span.licensed a:link {
 	font-family: open_sansregular;
-	font-size: 14px;
-	/*color: #ECEDF1;*/
-	text-decoration:underline;
+	font-size: 12px;
+	/*color: #ECEDF1;
+	text-decoration:underline;*/
 }
 #download_info {
-  margin:0px 15px;
+  margin:2px 20px 0;
 }
+
 #content span.req_spb, #content span.nov_spb, #content span.licensed {
   padding: 5px;
 }
@@ -130,6 +148,35 @@ border: none;
   color: #8ECBF7;
 }
+
+/************* Artigos ****************/
+
+.main-block #article-header H1.title, #content .main-block H1, #content .main-block .article-body H1{
+  padding:0 !important;
+  margin:0 0 10px !important;
+  border:none !important;
+  font-size: 22px !important;
+  line-height: 1.3em !important;
+  font-family: Arial, open_sansbold, Helvetica, sans-serif !important;
+  font-variant:normal;
+  font-weight: bold;
+  color:#172938;}
+
+
+#content .main-block .article-body H1{
+  padding-top:25px !important;
+  margin-top:25px !important;
+  border-top:solid 1px #D7D7D7 !important;
+}
+
+.article-body P{
+	text-align:left;
+	font-size:14px;
+	line-height:1.3em;
+	margin-bottom:10px;}
+
+
+
 /*Static block for box3*/
 #content .box-1 .tags-block .block-inner-2 .block-title{
   font-size: 11px;
@@ -194,6 +241,7 @@ margin-left: 35px;
 border:
 */
+
 /*************raw html - category and tags****************/
 #content .raw-html-block .tag_cloud 
@@ -270,4 +318,38 @@ border-color: #3a70d1; /*#205c90;*/
 }
+/********* Botao Repositorio ************/
+#bt_repositorio, #bt_repositorio:active, #bt_repositorio:visited{
+	position:relative;
+	display:block;
+	padding:12px 10px;
+	border-radius: 4px;
+	background: #EAEBEE;
+	font-size:12px;
+	font-family: open_sansbold, Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:uppercase;
+}
+
+#bt_repositorio::after{
+	content:'>';
+	position:absolute;
+	padding-left:2px;
+	margin-top:-2px;
+	right:10px;
+	width:18px;
+	height:20px;
+	color:#FFF;
+	background:#2C66CE;
+	border-radius: 4px;
+	font-size:16px;
+	line-height:20px;
+	text-align:center;}
+
+#content #bt_repositorio:hover{
+	color:#FFF;
+	background: #2C66CE;
+	text-decoration:none;
+}
+
1	-/* GIT TEST 123 */
2	-
3	-
4		1
5	/Static block for box3/	2	/Static block for box3/
6	#content .box-3 .statistics-block .block-inner-2 .block-title{	3	#content .box-3 .statistics-block .block-inner-2 .block-title{
	@@ -16,6 +13,9 @@		@@ -16,6 +13,9 @@
16	}	13	}
17		14
18	/Software Information block/	15	/Software Information block/
		16	+#content .block.software-information-block{
		17	+ margin-bottom:60px;}
		18	+
19		19
20	#software-information-block-table{	20	#software-information-block-table{
21	width:515px;	21	width:515px;
	@@ -31,12 +31,29 @@		@@ -31,12 +31,29 @@
31	display: table-cell;	31	display: table-cell;
32	}	32	}
33		33
		34	+/* Estilo correto para 2 colunas */
		35	+/*
34	#col-software-name h1 {	36	#col-software-name h1 {
35	text-align: left;	37	text-align: left;
36	- line-height: 37px;
37	font-size: 34px;	38	font-size: 34px;
		39	+ line-height: 1.2em;
		40	+ font-family: Arial, open_sansbold, Helvetica, sans-serif;
		41	+ font-weight: bold;}
		42	+*/
		43	+
		44	+/* Estilo temporario 1 coluna */
		45	+#col-software-name h1 {
		46	+ text-align: left;
		47	+ font-size: 30px;
		48	+ line-height: 1.1em;
38	font-family: Arial, open_sansbold, Helvetica, sans-serif;	49	font-family: Arial, open_sansbold, Helvetica, sans-serif;
39	- font-weight: bold;	50	+ font-weight: bold;}
		51	+
		52	+#col-software-name B{
		53	+ font-weight: normal;
		54	+ font-family: Arial, open_sansregular, Helvetica, sans-serif;
		55	+ font-size: 16px;
		56	+ line-height: 1.3em;
40	}	57	}
41	#col-software-name {	58	#col-software-name {
42	font-style: normal;	59	font-style: normal;
	@@ -59,7 +76,7 @@ border: none;		@@ -59,7 +76,7 @@ border: none;
59	padding:10px;*/	76	padding:10px;*/
60	width: 490px;	77	width: 490px;
61	margin: 0px 15px;	78	margin: 0px 15px;
62	- padding: 15px 20px 30px 15px;	79	+ padding: 20px 20px 30px;
63	border-radius: 4px;	80	border-radius: 4px;
64	background-image: -o-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%);	81	background-image: -o-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%);
65	background-image: -moz-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%);	82	background-image: -moz-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%);
	@@ -75,8 +92,8 @@ border: none;		@@ -75,8 +92,8 @@ border: none;
75	margin-top: 0px;	92	margin-top: 0px;
76	}	93	}
77		94
78	-#download_spb spam {
79	- font-family: open_sansbold;	95	+#download_spb span {
		96	+ font-family: open_sansregular;
80	font-size: 13px;	97	font-size: 13px;
81	color: #ECEDF1;	98	color: #ECEDF1;
82	text-decoration:none;	99	text-decoration:none;
	@@ -114,14 +131,15 @@ border: none;		@@ -114,14 +131,15 @@ border: none;
114	#content span.licensed a:visited,	131	#content span.licensed a:visited,
115	#content span.licensed a:link {	132	#content span.licensed a:link {
116	font-family: open_sansregular;	133	font-family: open_sansregular;
117	- font-size: 14px;
118	- /color: #ECEDF1;/
119	- text-decoration:underline;	134	+ font-size: 12px;
		135	+ /*color: #ECEDF1;
		136	+ text-decoration:underline;*/
120	}	137	}
121		138
122	#download_info {	139	#download_info {
123	- margin:0px 15px;	140	+ margin:2px 20px 0;
124	}	141	}
		142	+
125	#content span.req_spb, #content span.nov_spb, #content span.licensed {	143	#content span.req_spb, #content span.nov_spb, #content span.licensed {
126	padding: 5px;	144	padding: 5px;
127	}	145	}
	@@ -130,6 +148,35 @@ border: none;		@@ -130,6 +148,35 @@ border: none;
130	color: #8ECBF7;	148	color: #8ECBF7;
131	}	149	}
132		150
		151	+
		152	+/*********** Artigos **************/
		153	+
		154	+.main-block #article-header H1.title, #content .main-block H1, #content .main-block .article-body H1{
		155	+ padding:0 !important;
		156	+ margin:0 0 10px !important;
		157	+ border:none !important;
		158	+ font-size: 22px !important;
		159	+ line-height: 1.3em !important;
		160	+ font-family: Arial, open_sansbold, Helvetica, sans-serif !important;
		161	+ font-variant:normal;
		162	+ font-weight: bold;
		163	+ color:#172938;}
		164	+
		165	+
		166	+#content .main-block .article-body H1{
		167	+ padding-top:25px !important;
		168	+ margin-top:25px !important;
		169	+ border-top:solid 1px #D7D7D7 !important;
		170	+}
		171	+
		172	+.article-body P{
		173	+ text-align:left;
		174	+ font-size:14px;
		175	+ line-height:1.3em;
		176	+ margin-bottom:10px;}
		177	+
		178	+
		179	+
133	/Static block for box3/	180	/Static block for box3/
134	#content .box-1 .tags-block .block-inner-2 .block-title{	181	#content .box-1 .tags-block .block-inner-2 .block-title{
135	font-size: 11px;	182	font-size: 11px;
	@@ -194,6 +241,7 @@ margin-left: 35px;		@@ -194,6 +241,7 @@ margin-left: 35px;
194	border:	241	border:
195		242
196	*/	243	*/
		244	+
197	/***********raw html - category and tags**************/	245	/***********raw html - category and tags**************/
198		246
199	#content .raw-html-block .tag_cloud	247	#content .raw-html-block .tag_cloud
	@@ -270,4 +318,38 @@ border-color: #3a70d1; /#205c90;/		@@ -270,4 +318,38 @@ border-color: #3a70d1; /#205c90;/
270	}	318	}
271		319
272		320
		321	+/******* Botao Repositorio **********/
		322	+#bt_repositorio, #bt_repositorio:active, #bt_repositorio:visited{
		323	+ position:relative;
		324	+ display:block;
		325	+ padding:12px 10px;
		326	+ border-radius: 4px;
		327	+ background: #EAEBEE;
		328	+ font-size:12px;
		329	+ font-family: open_sansbold, Arial, Helvetica, sans-serif;
		330	+ font-weight:bold;
		331	+ text-transform:uppercase;
		332	+}
		333	+
		334	+#bt_repositorio::after{
		335	+ content:'>';
		336	+ position:absolute;
		337	+ padding-left:2px;
		338	+ margin-top:-2px;
		339	+ right:10px;
		340	+ width:18px;
		341	+ height:20px;
		342	+ color:#FFF;
		343	+ background:#2C66CE;
		344	+ border-radius: 4px;
		345	+ font-size:16px;
		346	+ line-height:20px;
		347	+ text-align:center;}
		348	+
		349	+#content #bt_repositorio:hover{
		350	+ color:#FFF;
		351	+ background: #2C66CE;
		352	+ text-decoration:none;
		353	+}
		354	+
273		355