Add style on Conexions section

Melissa Wen
1 parent 10ad0d92
Showing 4 changed files with 111 additions and 0 deletions Show diff stats
_conexions.sass
images/home/10.png
images/home/11.png
images/home/12.png
@@ -0,0 +1,111 @@
+.action-home-index #content .box .block-outer &, #content #box-organizer .box .block-outer &
+  .people-block, .communities-block, .raw-html-block
+    background: #DEDEDE
+    border: 1px solid #E0E0E0
+    height: 440px
+    margin-right: 20px
+    width: 305px !important
+    .block-title
+      background: none
+      height: 22px
+      line-height: 22px
+      margin: 0
+      padding: 25px 0
+      span
+        background: none
+        color: #404040
+        font-size: 22px
+        padding: 0 0 0 20px
+        width: auto
+    .block-footer-content
+      margin: 50px 20px 0 0
+      text-align: right
+      a.view-all
+        background: #8EB500 none
+        border-radius: 20px
+        color: #FFF
+        font-family: 'Ubuntu'
+        font-size: 14px
+        padding: 10px 20px
+        position: relative
+        text-decoration: none
+        text-transform: capitalize
+    li.vcard
+      .menu-submenu-trigger
+        top: 0
+        left: 0
+  .people-block
+    ul
+      display: block
+      margin: 0 18px
+      padding: 0
+      width: 270px
+    .common-profile-list-block
+      li
+        border: none
+      a.profile_link
+        height: 50px
+        margin: 2px
+        padding: 0
+      span.profile-image
+        height: 50px
+      span.fn
+        display: none
+  .communities-block
+    ul
+      display: block
+      margin: 0 8px
+      padding: 0
+      width: 288px
+    .common-profile-list-block
+      li.vcard
+        border: none
+        height: 100px
+        width: 72px
+        &:hover
+          background: none
+          border: none
+        a.profile_link
+          height: 100px
+          margin: 0 5px
+          padding: 0
+        span
+          width: 60px
+          &.profile-image
+            background: #EEE
+            border: 1px solid #E0E0E0
+            height: 61px
+            width: 61px
+            overflow: hidden
+            img
+              min-width: 60px
+              min-height: 60px
+          &.org
+            font-family: 'Ubuntu'
+            font-size: 10px
+            text-transform: uppercase
+    .block-footer-content
+      margin: 20px 20px 0 0
+  .raw-html-block
+    margin: 0
+    .social_widget_facebook
+      margin: 0 10px
+    .others_social_net
+      ul
+        list-style: none
+        margin-top: 20px
+        padding: 0
+      li
+        cursor: pointer
+        display: inline-block
+        height: 58px
+        width: 58px
+        margin: 0 15px 0 25px
+        &.instagram
+          background: url('images/home/10.png') no-repeat left center
+        &.twitter
+          background: url('images/home/11.png') no-repeat left center
+        &.facebook
+          background: url('images/home/12.png') no-repeat left center
+      span
+        display: none
@@ -0,0 +1,111 @@		@@ -0,0 +1,111 @@
	1	+.action-home-index #content .box .block-outer &, #content #box-organizer .box .block-outer &
	2	+ .people-block, .communities-block, .raw-html-block
	3	+ background: #DEDEDE
	4	+ border: 1px solid #E0E0E0
	5	+ height: 440px
	6	+ margin-right: 20px
	7	+ width: 305px !important
	8	+ .block-title
	9	+ background: none
	10	+ height: 22px
	11	+ line-height: 22px
	12	+ margin: 0
	13	+ padding: 25px 0
	14	+ span
	15	+ background: none
	16	+ color: #404040
	17	+ font-size: 22px
	18	+ padding: 0 0 0 20px
	19	+ width: auto
	20	+ .block-footer-content
	21	+ margin: 50px 20px 0 0
	22	+ text-align: right
	23	+ a.view-all
	24	+ background: #8EB500 none
	25	+ border-radius: 20px
	26	+ color: #FFF
	27	+ font-family: 'Ubuntu'
	28	+ font-size: 14px
	29	+ padding: 10px 20px
	30	+ position: relative
	31	+ text-decoration: none
	32	+ text-transform: capitalize
	33	+ li.vcard
	34	+ .menu-submenu-trigger
	35	+ top: 0
	36	+ left: 0
	37	+ .people-block
	38	+ ul
	39	+ display: block
	40	+ margin: 0 18px
	41	+ padding: 0
	42	+ width: 270px
	43	+ .common-profile-list-block
	44	+ li
	45	+ border: none
	46	+ a.profile_link
	47	+ height: 50px
	48	+ margin: 2px
	49	+ padding: 0
	50	+ span.profile-image
	51	+ height: 50px
	52	+ span.fn
	53	+ display: none
	54	+ .communities-block
	55	+ ul
	56	+ display: block
	57	+ margin: 0 8px
	58	+ padding: 0
	59	+ width: 288px
	60	+ .common-profile-list-block
	61	+ li.vcard
	62	+ border: none
	63	+ height: 100px
	64	+ width: 72px
	65	+ &:hover
	66	+ background: none
	67	+ border: none
	68	+ a.profile_link
	69	+ height: 100px
	70	+ margin: 0 5px
	71	+ padding: 0
	72	+ span
	73	+ width: 60px
	74	+ &.profile-image
	75	+ background: #EEE
	76	+ border: 1px solid #E0E0E0
	77	+ height: 61px
	78	+ width: 61px
	79	+ overflow: hidden
	80	+ img
	81	+ min-width: 60px
	82	+ min-height: 60px
	83	+ &.org
	84	+ font-family: 'Ubuntu'
	85	+ font-size: 10px
	86	+ text-transform: uppercase
	87	+ .block-footer-content
	88	+ margin: 20px 20px 0 0
	89	+ .raw-html-block
	90	+ margin: 0
	91	+ .social_widget_facebook
	92	+ margin: 0 10px
	93	+ .others_social_net
	94	+ ul
	95	+ list-style: none
	96	+ margin-top: 20px
	97	+ padding: 0
	98	+ li
	99	+ cursor: pointer
	100	+ display: inline-block
	101	+ height: 58px
	102	+ width: 58px
	103	+ margin: 0 15px 0 25px
	104	+ &.instagram
	105	+ background: url('images/home/10.png') no-repeat left center
	106	+ &.twitter
	107	+ background: url('images/home/11.png') no-repeat left center
	108	+ &.facebook
	109	+ background: url('images/home/12.png') no-repeat left center
	110	+ span
	111	+ display: none