Adjust in Main logo for Firefox Browser. New social-box in Software Page.

Sidney Ricardo
1 parent 064f7da3
Showing 1 changed file with 66 additions and 1 deletions Show diff stats
cabecalho-cinza-theme.css
@@ -89,7 +89,7 @@ background-repeat: no-repeat;
 #logo #portal-title {
     background-image: url("images/logotipo_spb_beta.svg");
 	background-repeat: no-repeat;
-	background-size: 374px 78px;
+	background-size: 374px 56px;
 	height: 78px;
 	width: 374px;
   	margin: 20px 0px 10px 0px;
@@ -397,6 +397,71 @@ opacity: 1;
 filter: alpha(opacity=100);
 }
  
+
+
+/* */
+
+/* Social Box */
+
+#social-box {
+    border-top: 4px solid #2c66ce;
+}
+
+
+#social-buttons a {
+    width: 18px;
+    height: 20px;
+    margin-right: 3px;
+    margin-top: 10px;
+}
+
+#social-box li a {
+    width: 20px;
+    height: 20px;
+    padding: 0px;
+    display: inline-block;
+    opacity: .85;
+    background-repeat: no-repeat;
+    margin-right: 8px;
+}
+
+#social-box li {
+    float: left;
+    margin: 8px;
+    padding-top: 10px;
+    vertical-align: middle;
+}
+
+#sb_face,
+#sb_tweet,
+#sb_youtb,
+#sb_flickr {
+  background: url(images/icones_home_branco.jpg) 0px;
+
+}
+
+#social-box span { display: none; }
+
+#sb_flickr {
+background-position: -100px;
+}
+
+#sb_face {
+background-position: -12px;
+}
+#sb_tweet {
+background-position: -42px;
+}
+#sb_youtb {
+  background-position: -71px;
+}
+
+#social-box a:focus, 
+#social-box a:hover {
+opacity: 1;
+filter: alpha(opacity=100);
+}
+
 /*
  
 #social-icons #sb_face {
...	...	@@ -89,7 +89,7 @@ background-repeat: no-repeat;
89	89	#logo #portal-title {
90	90	background-image: url("images/logotipo_spb_beta.svg");
91	91	background-repeat: no-repeat;
92		- background-size: 374px 78px;
	92	+ background-size: 374px 56px;
93	93	height: 78px;
94	94	width: 374px;
95	95	margin: 20px 0px 10px 0px;
...	...	@@ -397,6 +397,71 @@ opacity: 1;
397	397	filter: alpha(opacity=100);
398	398	}
399	399
	400	+
	401	+
	402	+/* */
	403	+
	404	+/* Social Box */
	405	+
	406	+#social-box {
	407	+ border-top: 4px solid #2c66ce;
	408	+}
	409	+
	410	+
	411	+#social-buttons a {
	412	+ width: 18px;
	413	+ height: 20px;
	414	+ margin-right: 3px;
	415	+ margin-top: 10px;
	416	+}
	417	+
	418	+#social-box li a {
	419	+ width: 20px;
	420	+ height: 20px;
	421	+ padding: 0px;
	422	+ display: inline-block;
	423	+ opacity: .85;
	424	+ background-repeat: no-repeat;
	425	+ margin-right: 8px;
	426	+}
	427	+
	428	+#social-box li {
	429	+ float: left;
	430	+ margin: 8px;
	431	+ padding-top: 10px;
	432	+ vertical-align: middle;
	433	+}
	434	+
	435	+#sb_face,
	436	+#sb_tweet,
	437	+#sb_youtb,
	438	+#sb_flickr {
	439	+ background: url(images/icones_home_branco.jpg) 0px;
	440	+
	441	+}
	442	+
	443	+#social-box span { display: none; }
	444	+
	445	+#sb_flickr {
	446	+background-position: -100px;
	447	+}
	448	+
	449	+#sb_face {
	450	+background-position: -12px;
	451	+}
	452	+#sb_tweet {
	453	+background-position: -42px;
	454	+}
	455	+#sb_youtb {
	456	+ background-position: -71px;
	457	+}
	458	+
	459	+#social-box a:focus,
	460	+#social-box a:hover {
	461	+opacity: 1;
	462	+filter: alpha(opacity=100);
	463	+}
	464	+
400	465	/*
401	466
402	467	#social-icons #sb_face {
...	...