change color and font style, include icons and adjust breadcrumbs

Melissa Wen
1 parent cfd61930
Showing 19 changed files with 82 additions and 35 deletions Show diff stats
_homeblocks.sass
_internalpage.sass
icons/agenda-contagem.png
icons/balao.png
icons/balao_claro.png
icons/como-participar.png
icons/ico-blue.png
icons/ico-light.png
icons/ico-orange.png
icons/ico-purple.png
icons/indicadores.png
icons/login.png
icons/pessoas.png
icons/trilhas.png
icons/user.png
icons/visualizacao.png
icons/visualizacao_claro.png
style.sass
theme.js
@@ -16,11 +16,14 @@
     .short-post
       font-family: 'Ubuntu'
       font-size: 13px
+      a
+        color: #3B9AAD
+        text-decoration: none
     .read-more
       a
-        background: url('icons/more.png') no-repeat left center
+        background: url('icons/ico-orange.png') no-repeat left center
         background-size: contain
-        color: #000
+        color: #F9A100
         display: block
         float: right
         font-family: 'Ubuntu'
@@ -30,6 +33,7 @@
         margin: 25px 0
         padding-left: 30px
         text-decoration: none
+        text-transform: lowercase
 #content
   .container-block-plugin_container-block
@@ -42,16 +46,16 @@
         padding: 25px 0 0 0
         width: 480px !important
         .block-title
-          color: #E4E5CC
+          color: #EAE6C6
           margin-bottom: 20px
           padding-left: 15px
           span
-            background: url('icons/more.png') no-repeat left center
+            background: url('icons/ico-light.png') no-repeat left center
             background-size: contain
         ul
           margin: 0
         li
-          border-bottom: 1px solid #E4E5CC
+          border-bottom: 1px solid #EAE6C6
           margin: 0
           overflow: hidden
           padding: 15px
@@ -107,9 +111,12 @@
         padding: 25px 15px 15px
         width: 450px !important
         .block-title
-          color: #409EA8
+          color: #3B9AAD
           margin-bottom: 25px
           padding: 0
+          span
+            background: url('icons/ico-blue.png') no-repeat left center
+            background-size: contain
         li
           margin: 0
           padding: 0
@@ -135,9 +142,9 @@
           margin: 15px 0 0 0
           width: auto
           a
-            background: url('icons/more.png') no-repeat left center
+            background: url('icons/ico-orange.png') no-repeat left center
             background-size: 25px 24px
-            color: #575959
+            color: #F9A100
             height: 25px
             line-height: 25px
             text-indent: 30px
@@ -149,7 +156,11 @@
       padding: 0
       .block-title
         background: #E5E5E5
+        color: #64677C
         padding: 20px
+        span
+          background: url('icons/ico-purple.png') no-repeat left center
+          background-size: contain
       li
         background: none
         margin: 0 25px 0 0
@@ -157,15 +168,33 @@
         a
           background: #FFF2DD url('icons/13.png') no-repeat 25px 40px
           background-size: 169px
-          border: 1px solid #FF9C39
-          color: #FF9C39
+          border: 1px solid #F9A100
+          color: #F9A100
           font-family: 'Ubuntu'
-          font-size: 16px
+          font-size: 20px
           font-weight: 700
           display: block
           height: 20px
           padding: 230px 25px 40px
           text-align: center
           width: 169px
+        &:nth-child(2)
+          a
+            background: #F9F9F1 url('icons/13.png') no-repeat 25px 40px
+            background-size: 169px
+            border: 1px solid #B5B88E
+            color: #B5B88E
+        &:nth-child(3)
+          a
+            background: #DEF4FA url('icons/13.png') no-repeat 25px 40px
+            background-size: 169px
+            border: 1px solid #3B9AAD
+            color: #3B9AAD
         &:last-child
           margin: 0
+          a
+            background: #E7E6F1 url('icons/13.png') no-repeat 25px 40px
+            background-size: 169px
+            border: 1px solid #6A677C
+            color: #6A677C
+
 #content
   .breadcrumbs-plugin_content-breadcrumbs-block
-    border-bottom: 2px solid #000
-    margin: 0
-    padding: 25px 10px 15px 10px
+    margin: 0 0 30px 0
+    padding: 0
     a.item, span.separator, #breadcrumbs-you-are-here
-      color: #E51419
-      font-family: 'Open Sans'
+      color: #4F9CAC
+      font-family: 'Ubuntu'
       font-size: 14px
-      text-transform: uppercase
+      margin-right: 10px
+    a.item
+      color: #575959
+      text-transform: capitalize
     #breadcrumbs-you-are-here
       font-weight: 700
+      text-transform: uppercase
   .main-content
     border: none
-    border-bottom: 2px solid #000
+    border-bottom: 1px dotted #575959
     border-radius: 0
     box-shadow: none
-    padding: 20px
+    padding: 0px
+    #article-header
+      background: url('icons/line.png') repeat-x left 8px
+      display: block
+      height: 75px
+      margin: 25px 0 0 0
+      width: 100%
     h1.title
-      border: none
-      color: #000
-      font-family: 'Open Sans'
-      font-size: 18px
+      background: #FFF
+      border-bottom: none
+      border-left: 10px solid #575959
+      color: #575959
+      display: block
+      float: left
+      font-family: 'Ubuntu'
+      font-size: 22px
       font-variant: normal
-      font-weight: normal
-      background: url('images/home/09.png') no-repeat left center
-      background-size: contain
-      height: 25px
-      margin-bottom: 40px
-      padding-left: 35px
-      text-transform: uppercase
+      font-weight: 300
+      margin: 0 0 25px 0
+      padding: 0 15px
+      position: relative
+      width: auto
     .publishing-info
-      display: none
+      display: block
+      float: left
+      width: 100%
+    #article
+      font-family: 'Ubuntu'
+      font-size: 13px
+      .article-body a
+        color: #3B9AAD
+        text-decoration: none
@@ -46,7 +46,7 @@ body
 @import topmenu
-.action-profile-index, #box-organizer 
+.action-profile-index, .controller-profile_design
   @import homeblocks
 #content
@@ -62,6 +62,6 @@ body
       background: url('icons/more.png') no-repeat left center
       background-size: contain
       height: 25px
-      padding-left: 30px
+      padding-left: 35px
 @import internalpage
 (function($){
   function setBreadcrumbs(){
-    $('div.breadcrumbs-plugin_content-breadcrumbs-block .separator').text(' / ');
-    $('<span id="breadcrumbs-you-are-here">Você está aqui / </span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());
+    $('<span id="breadcrumbs-you-are-here">Você está aqui: </span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());
   }
   $(document).ready(function(){
	@@ -46,7 +46,7 @@ body		@@ -46,7 +46,7 @@ body
46		46
47	@import topmenu	47	@import topmenu
48		48
49	-.action-profile-index, #box-organizer	49	+.action-profile-index, .controller-profile_design
50	@import homeblocks	50	@import homeblocks
51		51
52	#content	52	#content
	@@ -62,6 +62,6 @@ body		@@ -62,6 +62,6 @@ body
62	background: url('icons/more.png') no-repeat left center	62	background: url('icons/more.png') no-repeat left center
63	background-size: contain	63	background-size: contain
64	height: 25px	64	height: 25px
65	- padding-left: 30px	65	+ padding-left: 35px
66		66
67	@import internalpage	67	@import internalpage
1	(function($){	1	(function($){
2	function setBreadcrumbs(){	2	function setBreadcrumbs(){
3	- $('div.breadcrumbs-plugin_content-breadcrumbs-block .separator').text(' / ');
4	- $('<span id="breadcrumbs-you-are-here">Você está aqui / </span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());	3	+ $('<span id="breadcrumbs-you-are-here">Você está aqui: </span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());
5	}	4	}
6		5
7	$(document).ready(function(){	6	$(document).ready(function(){