improve vote actions design

Victor Costa
1 parent d9012e8b
Showing 1 changed file with 45 additions and 0 deletions Show diff stats
style.css
@@ -358,3 +358,48 @@ margin-top: 2px;
 .profile-activity-lead {
   width: 90%;
 }
+
+/* Plugin para curtir artigos e comentÃ¡rios */
+
+.action .dislike:before {
+  background: url(images/negative-hand.png) no-repeat;
+}
+
+.action .like:before {
+  background: url(images/positive-hand.png) no-repeat;
+}
+
+.action .action-icon:before {
+  background-size: 20px;
+  content: '';
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+}
+
+.vote-action .like-action-active .action-icon {
+  opacity: 1;
+}
+
+.vote-action .action-icon {
+  opacity: 0.5;
+}
+
+#article .action .action-icon {
+  top: 3px;
+}
+
+#article .like-action .like-action-counter {
+  color: #2A8C32;
+}
+
+#article .dislike-action .like-action-counter {
+  color: #CC0000;
+}
+
+.vote-actions {
+  position: relative;
+  right: 0;
+  top: 0;
+}
+
...	...	@@ -358,3 +358,48 @@ margin-top: 2px;
358	358	.profile-activity-lead {
359	359	width: 90%;
360	360	}
	361	+
	362	+/* Plugin para curtir artigos e comentÃ¡rios */
	363	+
	364	+.action .dislike:before {
	365	+ background: url(images/negative-hand.png) no-repeat;
	366	+}
	367	+
	368	+.action .like:before {
	369	+ background: url(images/positive-hand.png) no-repeat;
	370	+}
	371	+
	372	+.action .action-icon:before {
	373	+ background-size: 20px;
	374	+ content: '';
	375	+ width: 20px;
	376	+ height: 20px;
	377	+ display: inline-block;
	378	+}
	379	+
	380	+.vote-action .like-action-active .action-icon {
	381	+ opacity: 1;
	382	+}
	383	+
	384	+.vote-action .action-icon {
	385	+ opacity: 0.5;
	386	+}
	387	+
	388	+#article .action .action-icon {
	389	+ top: 3px;
	390	+}
	391	+
	392	+#article .like-action .like-action-counter {
	393	+ color: #2A8C32;
	394	+}
	395	+
	396	+#article .dislike-action .like-action-counter {
	397	+ color: #CC0000;
	398	+}
	399	+
	400	+.vote-actions {
	401	+ position: relative;
	402	+ right: 0;
	403	+ top: 0;
	404	+}
	405	+
...	...