add article internal page style

Melissa Wen
1 parent 96fddec6
Showing 3 changed files with 135 additions and 0 deletions Show diff stats
_internalpages.sass
style.sass
theme.js
@@ -0,0 +1,126 @@
+#content
+  .main-content
+    padding: 0
+  .block.breadcrumbs-plugin_content-breadcrumbs-block
+    margin: 0 0 30px 30px
+    padding: 0
+    a.item, span.separator, #breadcrumbs-you-are-here
+      color: #CE9500
+      font-family: 'Signika'
+      font-size: 14px
+      margin-right: 10px
+    a.item
+      color: #3D70AF
+      text-transform: capitalize
+    #breadcrumbs-you-are-here
+      font-weight: 400
+      text-transform: uppercase
+
+#content #article-header
+  background: #EDEDED url('icons/ico-destaque.png') no-repeat 5px 10px
+  border: none
+  border-left: 8px solid #4EA9B6
+  color: #4EA9B6
+  font-family: 'Signika'
+  font-size: 16px
+  font-variant: normal
+  font-weight: 400
+  height: auto
+  padding-left: 40px
+  h1.title, .publishing-info
+    background: #F3F3F3
+    color: #919191
+    display: block
+    font-weight: 400
+    height: auto
+    margin: 0
+    padding: 0 10px 10px
+    vertical-align: middle
+    width: 628px
+  .publishing-info
+    color: #4EA9B6
+    font-family: 'Signika'
+    font-size: 14px
+    line-height: 30px
+    padding: 10px 10px 0
+    span
+      display: none
+    span.date
+      display: block
+
+#content .article-body
+  border: 1px solid #EDEDED
+  border-radius: 0px 0px 5px 5px
+  color: #000
+  font-family: 'Signika'
+  font-size: 14px
+  font-variant: normal
+  font-weight: 300
+  padding: 20px
+
+#content #article-source
+  padding: 20px
+
+#content #comments_list
+  border: 1px solid #EDEDED
+  border-radius: 5px
+  h3
+    border-bottom: 1px solid #EDEDED
+    color: #919191
+    font-family: 'Signika'
+    font-size: 14px
+    font-variant: normal
+    font-weight: 700
+    margin: 0
+    padding: 20px 20px 10px
+    text-transform: uppercase
+  .article-comments-list
+    margin: 15px 0 0
+    li.article-comment
+      border-bottom: 1px solid #EDEDED
+      margin: 0
+      padding: 20px
+      &:last-child
+        border: none
+    .comment-info
+      font-size: 12px
+    .comment-actions-reply
+      background-color: #FFF
+      border-radius: 5px
+    .vcard .menu-submenu-trigger
+      border-radius: 5px
+      padding: 1px
+    .comment-details
+      margin-left: 50px
+      padding: 0
+      .comment-created-at
+        color: #FA5F59
+        float: left
+        font-size: 12px
+        font-style: italic
+        margin: 0
+        padding: 0
+      h4
+        color: #000
+        float: left
+        font-size: 14px
+        font-weight: 500
+        width: 100%
+      .comment-text
+        color: #000
+        display: block
+        float: left
+        p
+          font-size: 12px
+          margin: 0
+  .comment-wrapper-1, .comment-wrapper-2, .comment-wrapper-3, .comment-wrapper-4, .comment-wrapper-5, .comment-wrapper-6, .comment-wrapper-7, .comment-wrapper-8
+    background: none    
+
+#content #comments_list .post_comment_box
+  padding: 15px
+  text-align: left
+  a.display-comment-form
+    background: none
+    border: 1px solid #EDEDED
+    color: #3D70AF
+    font-weight: 500
@@ -106,5 +106,7 @@ body
       margin: 0
     @import searchbar
  
+@import internalpages
+
 #boxes
   margin-top: 0px
@@ -31,3 +31,10 @@ jQuery(&quot;document&quot;).ready(function($){
   $('input#q').attr('placeholder', 'Tipo de conteúdo');
  
 });
+
+jQuery("document").ready(function($){
+  $('span.publishing-info').prependTo('div#article-header');
+  $('#article-sub-header').remove();
+   $('div.page-comment-form').insertBefore('ul.article-comments-list');
+  $('<span id="breadcrumbs-you-are-here">Você está aqui: </span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());
+});
...	...	@@ -0,0 +1,126 @@
	1	+#content
	2	+ .main-content
	3	+ padding: 0
	4	+ .block.breadcrumbs-plugin_content-breadcrumbs-block
	5	+ margin: 0 0 30px 30px
	6	+ padding: 0
	7	+ a.item, span.separator, #breadcrumbs-you-are-here
	8	+ color: #CE9500
	9	+ font-family: 'Signika'
	10	+ font-size: 14px
	11	+ margin-right: 10px
	12	+ a.item
	13	+ color: #3D70AF
	14	+ text-transform: capitalize
	15	+ #breadcrumbs-you-are-here
	16	+ font-weight: 400
	17	+ text-transform: uppercase
	18	+
	19	+#content #article-header
	20	+ background: #EDEDED url('icons/ico-destaque.png') no-repeat 5px 10px
	21	+ border: none
	22	+ border-left: 8px solid #4EA9B6
	23	+ color: #4EA9B6
	24	+ font-family: 'Signika'
	25	+ font-size: 16px
	26	+ font-variant: normal
	27	+ font-weight: 400
	28	+ height: auto
	29	+ padding-left: 40px
	30	+ h1.title, .publishing-info
	31	+ background: #F3F3F3
	32	+ color: #919191
	33	+ display: block
	34	+ font-weight: 400
	35	+ height: auto
	36	+ margin: 0
	37	+ padding: 0 10px 10px
	38	+ vertical-align: middle
	39	+ width: 628px
	40	+ .publishing-info
	41	+ color: #4EA9B6
	42	+ font-family: 'Signika'
	43	+ font-size: 14px
	44	+ line-height: 30px
	45	+ padding: 10px 10px 0
	46	+ span
	47	+ display: none
	48	+ span.date
	49	+ display: block
	50	+
	51	+#content .article-body
	52	+ border: 1px solid #EDEDED
	53	+ border-radius: 0px 0px 5px 5px
	54	+ color: #000
	55	+ font-family: 'Signika'
	56	+ font-size: 14px
	57	+ font-variant: normal
	58	+ font-weight: 300
	59	+ padding: 20px
	60	+
	61	+#content #article-source
	62	+ padding: 20px
	63	+
	64	+#content #comments_list
	65	+ border: 1px solid #EDEDED
	66	+ border-radius: 5px
	67	+ h3
	68	+ border-bottom: 1px solid #EDEDED
	69	+ color: #919191
	70	+ font-family: 'Signika'
	71	+ font-size: 14px
	72	+ font-variant: normal
	73	+ font-weight: 700
	74	+ margin: 0
	75	+ padding: 20px 20px 10px
	76	+ text-transform: uppercase
	77	+ .article-comments-list
	78	+ margin: 15px 0 0
	79	+ li.article-comment
	80	+ border-bottom: 1px solid #EDEDED
	81	+ margin: 0
	82	+ padding: 20px
	83	+ &:last-child
	84	+ border: none
	85	+ .comment-info
	86	+ font-size: 12px
	87	+ .comment-actions-reply
	88	+ background-color: #FFF
	89	+ border-radius: 5px
	90	+ .vcard .menu-submenu-trigger
	91	+ border-radius: 5px
	92	+ padding: 1px
	93	+ .comment-details
	94	+ margin-left: 50px
	95	+ padding: 0
	96	+ .comment-created-at
	97	+ color: #FA5F59
	98	+ float: left
	99	+ font-size: 12px
	100	+ font-style: italic
	101	+ margin: 0
	102	+ padding: 0
	103	+ h4
	104	+ color: #000
	105	+ float: left
	106	+ font-size: 14px
	107	+ font-weight: 500
	108	+ width: 100%
	109	+ .comment-text
	110	+ color: #000
	111	+ display: block
	112	+ float: left
	113	+ p
	114	+ font-size: 12px
	115	+ margin: 0
	116	+ .comment-wrapper-1, .comment-wrapper-2, .comment-wrapper-3, .comment-wrapper-4, .comment-wrapper-5, .comment-wrapper-6, .comment-wrapper-7, .comment-wrapper-8
	117	+ background: none
	118	+
	119	+#content #comments_list .post_comment_box
	120	+ padding: 15px
	121	+ text-align: left
	122	+ a.display-comment-form
	123	+ background: none
	124	+ border: 1px solid #EDEDED
	125	+ color: #3D70AF
	126	+ font-weight: 500
...	...
...	...	@@ -106,5 +106,7 @@ body
106	106	margin: 0
107	107	@import searchbar
108	108
	109	+@import internalpages
	110	+
109	111	#boxes
110	112	margin-top: 0px
...	...
...	...	@@ -31,3 +31,10 @@ jQuery("document").ready(function($){
31	31	$('input#q').attr('placeholder', 'Tipo de conteúdo');
32	32
33	33	});
	34	+
	35	+jQuery("document").ready(function($){
	36	+ $('span.publishing-info').prependTo('div#article-header');
	37	+ $('#article-sub-header').remove();
	38	+ $('div.page-comment-form').insertBefore('ul.article-comments-list');
	39	+ $('<span id="breadcrumbs-you-are-here">Você está aqui: </span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());
	40	+});
...	...