ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update styles.

This commit is contained in:
Rico Sta. Cruz 2012-10-11 16:23:15 +08:00
parent baca60b2ee
commit 9fa340f6c8
2 changed files with 39 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_prettify.scss
View File

@ -3,11 +3,11 @@
.str { color: #080; } .str { color: #080; }
.kwd { color: #008; } .kwd { color: #008; }
// .com { color: #607077; background: rgba(black, 0.05); padding: 1px 3px; @include border-radius(2px); } // .com { color: #607077; background: rgba(black, 0.05); padding: 1px 3px; @include border-radius(2px); }
.com { color: #7bd; text-shadow: 1px 1px 0 rgba(white, 0.3); } .com { color: #3bd; text-shadow: 1px 1px 0 rgba(white, 0.3); }
.typ { color: #606; } .typ { color: #606; }
.lit { color: #066; } .lit { color: #066; }
.pun { color: #660; } .pun { color: #660; }
.pln { color: #000; } .pln { color: #555; }
.tag { color: #008; } .tag { color: #008; }
.atn { color: #606; } .atn { color: #606; }
.atv { color: #080; } .atv { color: #080; }

63
style.sass
View File

@ -1,20 +1,19 @@
@import 'compass/css3' @import 'compass/css3'
body body
font-family: 'pt sans', sans-serif font-family: Helvetica Neue, helvetica, sans-serif
font-size: 14px font-size: 14px
line-height: 1.5 line-height: 1.5
html html
background: #505060 background: #fafafa
body body
width: 800px width: 800px
margin: 20px auto margin: 20px auto
padding: 20px padding: 40px
+border-radius(2px) +box-shadow(1px 0 0 rgba(black, 0.05), -1px 0 0 rgba(black, 0.05), 0 0 4px rgba(black, 0.1), 0 0 0 5px rgba(black, 0.05))
+box-shadow(0 2px 3px rgba(black, 0.2)) background: #fff
background: #fafafa
color: #333 color: #333
p, ul, ol, pre p, ul, ol, pre
@ -24,22 +23,22 @@ h1, h2, h3, h4, h5, h6
margin: 40px 0 15px 0 margin: 40px 0 15px 0
h1 h1
font-family: georgia, serif text-align: left
text-align: center font-size: 36pt
font-size: 24pt line-height: 30pt
color: #aaa color: #aaa
font-style: italic
font-weight: normal
margin: 10px 0
padding: 10px 0
border-bottom: dotted 1px #ddd
border-top: dotted 1px #ddd
margin: -40px -40px 40px -40px
padding: 40px 40px
border-bottom: solid 1px #f5f5f5
font-weight: 100
// Individual headings
h2, h3 h2, h3
color: #88a color: #38d
font-size: 1.5em font-size: 1.3em
border-bottom: solid 1px #ddd padding-bottom: 10px
padding-bottom: 3px
h3 h3
font-size: 1.3em font-size: 1.3em
@ -52,15 +51,21 @@ pre, code
pre pre
line-height: 1.6 line-height: 1.6
background: #f7f7f2 background: #f7f7f2
padding: 10px 35px padding: 20px 35px
+box-shadow(inset 0 0 5px rgba(black, 0.1)) +box-shadow(inset 0 3px 2px -2px rgba(black, 0.1))
text-shadow: 0 1px 0 rgba(white, 0.9)
border-top: solid 1px #ddd
border-bottom: solid 1px #ddd
overflow-x: auto overflow-x: auto
margin-left: -20px margin-left: -40px
margin-right: -20px margin-right: -40px
// Code block
h2+pre, h3+pre h2+pre, h3+pre
border-top: solid 2px #c0c0dd
margin-top: -16px margin-top: -16px
ul.pages ul.pages
@ -80,14 +85,20 @@ ul.pages
a a
display: block display: block
text-decoration: none text-decoration: none
padding: 2px 5px padding: 3px 5px
+border-radius(3px) +border-radius(3px)
color: #888
font-weight: bold
font-size: 9pt
a:visited
color: #999
a:hover a:hover
background: #eee background: #eee
li:first-letter li:first-letter
text-transform: uppercase text-transform: uppercase
@import '_prettify' @import '_prettify'