updated syntax styling to have nice headers for code windows
This commit is contained in:
parent
42251dddca
commit
16aab4abb2
7 changed files with 36 additions and 25 deletions
|
@ -1,7 +1,7 @@
|
|||
!page_pad = 30px
|
||||
!page_width = 980px
|
||||
!sidebar_margin = 25px
|
||||
!sidebar_width = 250px
|
||||
!sidebar_width = 280px
|
||||
!default_border_radius = 4px
|
||||
|
||||
html body
|
||||
|
@ -23,7 +23,6 @@ html body
|
|||
|
||||
#page, #header, #footer, #nav
|
||||
min-width: #{!page_width}
|
||||
|
||||
#page, #content, .content
|
||||
+pie-clearfix
|
||||
#content
|
||||
|
@ -38,9 +37,9 @@ html body
|
|||
|
||||
#sidebar
|
||||
float: left
|
||||
width: #{!sidebar_width - !page_pad}
|
||||
width: #{!sidebar_width - !page_pad/2}
|
||||
margin: 0 -100% 0 0
|
||||
padding: #{!page_pad} 0 #{!page_pad} #{!page_pad}
|
||||
padding: #{!page_pad} 0 #{!page_pad} #{!page_pad/2}
|
||||
|
||||
#page.expanded
|
||||
#content
|
||||
|
|
|
@ -1,3 +1,26 @@
|
|||
.code_window
|
||||
+border-top-radius(5px)
|
||||
+border-bottom-radius(2px)
|
||||
background: #aaa #{image_url("code_bg.png")} top repeat-x
|
||||
position: relative
|
||||
margin: .3em 0 1.3em
|
||||
padding: 0 3px 3px
|
||||
font-size: 14px
|
||||
border: 1px solid #898989
|
||||
border-top-color: #cbcbcb
|
||||
border-left-color: #a5a5a5
|
||||
border-right-color: #a5a5a5
|
||||
em
|
||||
text-align: center
|
||||
+text-shadow(#ccc, 1px, 1px, 1px)
|
||||
display: block
|
||||
padding: 1px 0
|
||||
color: #333
|
||||
font-style: normal
|
||||
+sans-font
|
||||
.highlight
|
||||
margin: 0
|
||||
|
||||
pre
|
||||
color: #ccc
|
||||
font-size: 13px
|
||||
|
|
|
@ -2,9 +2,9 @@
|
|||
p
|
||||
padding-bottom: 10px
|
||||
a.topic
|
||||
color= !twitter_topic
|
||||
color: #{!twitter_topic}
|
||||
.meta
|
||||
color= !light_text
|
||||
color: #{!light_text}
|
||||
font-size: 80%
|
||||
display: block
|
||||
padding: 8px 0 0
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue