Styling hub

Daniela Feitosa
1 parent afcb0a83
Showing 2 changed files with 70 additions and 0 deletions Show diff stats
_communityhub.sass
style.sass
@@ -0,0 +1,66 @@
+.content-tab
+  font-family: 'Ubuntu Mediun'
+  width: 665px
+  h1.live, h1.mediation
+    .title, .on-air
+      font-family: 'Ubuntu Mediun'
+      font-weight: bold
+      border-bottom: 0px
+    padding: 10px 16px
+    text-transform: uppercase
+    width: auto
+    margin: 0px 5px 0px 0px
+    border-color: #565D67
+    top: 1px
+    background: #FFF
+    line-height: normal
+  &.live.show h1.live, &.mediation.hide h1.mediation
+    border-bottom: 1px solid #FFF
+    .on-air
+      background: none
+      color: #565D67
+      font-size: 14px
+      width: auto
+      margin-right: 0px
+      padding: 0px
+  &.live.show h1.mediation, &.mediation.hide h1.live
+    background-color: #CDCDCD
+    border-bottom: 1px solid #565D67
+    .title
+      color: #FFF
+      width: auto
+      margin-bottom: 0px
+  .envelope
+    border: 0px
+    border-top: 1px solid #565D67
+    ul#live-posts
+      margin: 0px
+      padding: 0px
+      border: 0px
+      li
+        border-top: 0px
+        padding-top: 0px
+        ul
+          li.time
+            width: 95px
+            color: #69677A
+            font-size: 13px
+            font-weight: bold
+            padding: 20px 0px
+            background-color: #D8D8D8
+          li.avatar
+            margin: 10px 15px 0px 5px
+            img
+              height: 45px
+              width: 43px
+              border: 1px solid #BDBDBD
+          li.message
+            width: 480px
+            margin-top: 10px
+            .author
+              margin-right: 0px
+          li.mediation-bar
+            display: block
+            margin: 10px 0px
+            padding-right: 30px
+            width: 100%
@@ -83,5 +83,9 @@ body
     span
       height: 30px
+/*
 #content
   @import article
+  .main-block .hub
+    @import communityhub
+*/
@@ -0,0 +1,66 @@		@@ -0,0 +1,66 @@
	1	+.content-tab
	2	+ font-family: 'Ubuntu Mediun'
	3	+ width: 665px
	4	+ h1.live, h1.mediation
	5	+ .title, .on-air
	6	+ font-family: 'Ubuntu Mediun'
	7	+ font-weight: bold
	8	+ border-bottom: 0px
	9	+ padding: 10px 16px
	10	+ text-transform: uppercase
	11	+ width: auto
	12	+ margin: 0px 5px 0px 0px
	13	+ border-color: #565D67
	14	+ top: 1px
	15	+ background: #FFF
	16	+ line-height: normal
	17	+ &.live.show h1.live, &.mediation.hide h1.mediation
	18	+ border-bottom: 1px solid #FFF
	19	+ .on-air
	20	+ background: none
	21	+ color: #565D67
	22	+ font-size: 14px
	23	+ width: auto
	24	+ margin-right: 0px
	25	+ padding: 0px
	26	+ &.live.show h1.mediation, &.mediation.hide h1.live
	27	+ background-color: #CDCDCD
	28	+ border-bottom: 1px solid #565D67
	29	+ .title
	30	+ color: #FFF
	31	+ width: auto
	32	+ margin-bottom: 0px
	33	+ .envelope
	34	+ border: 0px
	35	+ border-top: 1px solid #565D67
	36	+ ul#live-posts
	37	+ margin: 0px
	38	+ padding: 0px
	39	+ border: 0px
	40	+ li
	41	+ border-top: 0px
	42	+ padding-top: 0px
	43	+ ul
	44	+ li.time
	45	+ width: 95px
	46	+ color: #69677A
	47	+ font-size: 13px
	48	+ font-weight: bold
	49	+ padding: 20px 0px
	50	+ background-color: #D8D8D8
	51	+ li.avatar
	52	+ margin: 10px 15px 0px 5px
	53	+ img
	54	+ height: 45px
	55	+ width: 43px
	56	+ border: 1px solid #BDBDBD
	57	+ li.message
	58	+ width: 480px
	59	+ margin-top: 10px
	60	+ .author
	61	+ margin-right: 0px
	62	+ li.mediation-bar
	63	+ display: block
	64	+ margin: 10px 0px
	65	+ padding-right: 30px
	66	+ width: 100%
	@@ -83,5 +83,9 @@ body		@@ -83,5 +83,9 @@ body
83	span	83	span
84	height: 30px	84	height: 30px
85		85
		86	+/*
86	#content	87	#content
87	@import article	88	@import article
		89	+ .main-block .hub
		90	+ @import communityhub
		91	+*/