Vote section style and small fix on user bar padding

Melissa Wen
1 parent 5f6e008e
Showing 4 changed files with 33 additions and 4 deletions Show diff stats
_header.sass
_internal_page.sass
images/voto_icon1.png
images/voto_icon2.png
@@ -64,6 +64,8 @@
         display: none
       .or
         display: none
+      .signup a
+        padding-right: 0
       a
         border-left: 1px solid #000
         margin: 0
@@ -73,10 +75,10 @@
           margin: 0 10px 0 0
           border: none
           padding: 0 5px
-        &.ctrl-panel
-          padding-right: 0
-        &:last-child
+        &#logout
           padding-right: 0
+        &:nth-last-child(2)
+          padding-right: 5px
         i
           display: none
         strong
@@ -53,6 +53,32 @@
         p
           color: #999
           font-size: 13px
+      .vote-actions
+        position: absolute
+        top: 60px
+      .action
+        &.like-action .like-action-counter
+          color: #89ba3f
+          font-size: 14px
+          font-family: 'Open Sans'
+          padding: 0 16px 0 6px
+        &.dislike-action .like-action-counter
+          border: none
+          color: #F68686
+          font-size: 14px
+          font-family: 'Open Sans'
+        .action-icon.like, .action-icon.dislike
+          background: url('images/voto_icon1.png') top left no-repeat
+          display: block
+          float: left
+          height: 18px
+          width: 17px
+          &::before
+            content: ''
+        .action-icon.dislike
+          background: url('images/voto_icon2.png') bottom right no-repeat
+          border-left: 1px solid rgba(75,83,94,0.1)
+          padding: 4px 6px 0 0
   .event-plugin_event-block
     margin-right: 0
     .block-title
@@ -75,7 +101,7 @@
           display: block
           float: left
           font-family: 'Open Sans'
-          font-size: 12px
+          font-size: 13px
           font-weight: 300
           line-height: 12px
           margin-bottom: 5px
@@ -102,6 +128,7 @@
       .address
         color: #999
         float: left
+        font-size: 13px
 .controller-cms
   #content
     .main-content
...	...	@@ -64,6 +64,8 @@
64	64	display: none
65	65	.or
66	66	display: none
	67	+ .signup a
	68	+ padding-right: 0
67	69	a
68	70	border-left: 1px solid #000
69	71	margin: 0
...	...	@@ -73,10 +75,10 @@
73	75	margin: 0 10px 0 0
74	76	border: none
75	77	padding: 0 5px
76		- &.ctrl-panel
77		- padding-right: 0
78		- &:last-child
	78	+ &#logout
79	79	padding-right: 0
	80	+ &:nth-last-child(2)
	81	+ padding-right: 5px
80	82	i
81	83	display: none
82	84	strong
...	...
...	...	@@ -53,6 +53,32 @@
53	53	p
54	54	color: #999
55	55	font-size: 13px
	56	+ .vote-actions
	57	+ position: absolute
	58	+ top: 60px
	59	+ .action
	60	+ &.like-action .like-action-counter
	61	+ color: #89ba3f
	62	+ font-size: 14px
	63	+ font-family: 'Open Sans'
	64	+ padding: 0 16px 0 6px
	65	+ &.dislike-action .like-action-counter
	66	+ border: none
	67	+ color: #F68686
	68	+ font-size: 14px
	69	+ font-family: 'Open Sans'
	70	+ .action-icon.like, .action-icon.dislike
	71	+ background: url('images/voto_icon1.png') top left no-repeat
	72	+ display: block
	73	+ float: left
	74	+ height: 18px
	75	+ width: 17px
	76	+ &::before
	77	+ content: ''
	78	+ .action-icon.dislike
	79	+ background: url('images/voto_icon2.png') bottom right no-repeat
	80	+ border-left: 1px solid rgba(75,83,94,0.1)
	81	+ padding: 4px 6px 0 0
56	82	.event-plugin_event-block
57	83	margin-right: 0
58	84	.block-title
...	...	@@ -75,7 +101,7 @@
75	101	display: block
76	102	float: left
77	103	font-family: 'Open Sans'
78		- font-size: 12px
	104	+ font-size: 13px
79	105	font-weight: 300
80	106	line-height: 12px
81	107	margin-bottom: 5px
...	...	@@ -102,6 +128,7 @@
102	128	.address
103	129	color: #999
104	130	float: left
	131	+ font-size: 13px
105	132	.controller-cms
106	133	#content
107	134	.main-content
...	...