2010-01-23 09:09:59 +00:00
|
|
|
@import compass/utilities
|
2010-01-24 09:34:05 +00:00
|
|
|
@import compass/css3
|
2010-01-21 06:25:44 +00:00
|
|
|
@import blueprint
|
|
|
|
|
|
|
|
body
|
|
|
|
font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif
|
2010-01-23 02:16:47 +00:00
|
|
|
line-height: 1.5
|
2010-02-04 21:38:30 +00:00
|
|
|
font-size: 13px
|
2010-01-21 06:25:44 +00:00
|
|
|
|
2010-02-04 22:03:33 +00:00
|
|
|
// Layout
|
2010-01-21 06:25:44 +00:00
|
|
|
#container
|
2010-02-04 21:38:30 +00:00
|
|
|
+pie-clearfix
|
2010-01-21 06:25:44 +00:00
|
|
|
|
|
|
|
#main
|
2010-02-03 16:02:27 +00:00
|
|
|
+column(16, true)
|
|
|
|
+prepend(8)
|
2010-01-21 06:25:44 +00:00
|
|
|
|
|
|
|
#sidebar
|
2010-02-03 16:02:27 +00:00
|
|
|
+column(8)
|
2010-01-21 06:25:44 +00:00
|
|
|
+pull(24, true)
|
2010-02-04 21:38:30 +00:00
|
|
|
background: #F5F5F5
|
|
|
|
h2
|
|
|
|
font-size: 16px
|
2010-03-28 06:24:41 +00:00
|
|
|
ul, ol
|
|
|
|
list-style-position: inside
|
|
|
|
padding-left: 10px
|
2010-03-28 06:46:06 +00:00
|
|
|
.selected
|
|
|
|
font-weight: bold
|
|
|
|
a
|
|
|
|
+hover-link
|
2010-02-04 22:03:33 +00:00
|
|
|
// Typography
|
|
|
|
|
|
|
|
blockquote
|
|
|
|
:font-style italic
|
|
|
|
|
2010-02-04 23:13:57 +00:00
|
|
|
hr
|
|
|
|
:background none
|
|
|
|
:height 0
|
|
|
|
:font-size 0
|
|
|
|
:line-height 0
|
|
|
|
:border none
|
|
|
|
:border-top 2px solid #CCC
|
|
|
|
|
|
|
|
// Regular data tables
|
|
|
|
table.datagrid
|
|
|
|
border-collapse: collapse
|
|
|
|
th
|
|
|
|
:background #EEE
|
|
|
|
td,
|
|
|
|
th
|
|
|
|
border: 1px solid #CCC
|
|
|
|
text-align: left
|
|
|
|
padding: 5px
|
|
|
|
cell-spacing: 0
|
|
|
|
|
2010-02-04 22:03:33 +00:00
|
|
|
// Reference
|
|
|
|
|
2010-01-23 02:16:25 +00:00
|
|
|
body.reference
|
2010-03-17 15:42:40 +00:00
|
|
|
h3
|
|
|
|
&.mixin, &.constant
|
|
|
|
font-family: Monaco, courier
|
|
|
|
font-weight: 200
|
|
|
|
+text-shadow
|
|
|
|
background-color: #eee
|
|
|
|
border: 1px solid #aaa
|
|
|
|
padding: 0.75em
|
|
|
|
margin-bottom: 0
|
|
|
|
a.permalink
|
|
|
|
+hover-link
|
|
|
|
+link-colors("inherit", "inherit")
|
2010-01-23 02:16:25 +00:00
|
|
|
.source-documentation
|
|
|
|
background-color: #eee
|
2010-02-04 21:38:30 +00:00
|
|
|
border: 1px solid #aaa
|
2010-01-23 02:16:25 +00:00
|
|
|
border-top-width: 0
|
|
|
|
padding: 0.75em
|
2010-03-17 15:42:40 +00:00
|
|
|
dl.source-documentation
|
|
|
|
margin-top: 0
|
|
|
|
dt
|
|
|
|
font-weight: bold
|
|
|
|
float: left
|
|
|
|
margin-right: 15px
|
|
|
|
dt:not(:first-child)
|
|
|
|
margin-top: 1em
|
2010-01-23 09:09:59 +00:00
|
|
|
a.view-source
|
|
|
|
float: right
|
|
|
|
margin: 1.25em
|
2010-03-17 15:41:30 +00:00
|
|
|
span.color + span.swatch
|
|
|
|
margin: 0 3px 3px
|
|
|
|
border: 1px solid #333
|
|
|
|
width: 1em
|
|
|
|
height: 1em
|
|
|
|
+inline-block
|
2010-01-24 09:34:05 +00:00
|
|
|
.color-snippet
|
|
|
|
width: 100px
|
|
|
|
height: 20px
|
|
|
|
+border-radius(3px)
|
2010-03-17 15:59:06 +00:00
|
|
|
a.help
|
|
|
|
font-size: 75%
|
2010-01-24 09:34:05 +00:00
|
|
|
|
|
|
|
|
|
|
|
.tipsy
|
|
|
|
padding: 5px
|
|
|
|
font-size: 10px
|
|
|
|
background-repeat: no-repeat
|
|
|
|
background-image= image_url("tipsy.gif")
|
|
|
|
&-north
|
|
|
|
background-position: top center
|
|
|
|
&-south
|
|
|
|
background-position: bottom center
|
|
|
|
&-east
|
|
|
|
background-position: right center
|
|
|
|
&-west
|
|
|
|
background-position: left center
|
|
|
|
&-inner
|
|
|
|
padding: 5px 8px 5px 8px
|
|
|
|
background-color: black
|
|
|
|
color: white
|
|
|
|
max-width: 200px
|
|
|
|
text-align: center
|
|
|
|
+border-radius(3px)
|
|
|
|
|
2010-01-24 03:48:25 +00:00
|
|
|
table.constants
|
|
|
|
width: 100%
|
2010-02-04 21:38:30 +00:00
|
|
|
+alternating-rows-and-columns(#EEE, #bbb, #191919)
|
|
|
|
+outer-table-borders(1px)
|
2010-01-24 03:48:25 +00:00
|
|
|
+inner-table-borders(1px)
|
|
|
|
td, th
|
|
|
|
padding: 0.25em 0.5em
|
|
|
|
|
2010-01-25 00:06:34 +00:00
|
|
|
ol#breadcrumbs
|
|
|
|
+horizontal-list
|
|
|
|
+no-bullets
|
|
|
|
li:after
|
|
|
|
content: " > "
|
|
|
|
li.last:after
|
2010-01-28 07:44:46 +00:00
|
|
|
content: ""
|
|
|
|
li.last
|
2010-01-31 18:01:04 +00:00
|
|
|
visibility: hidden
|
2010-02-04 23:13:57 +00:00
|
|
|
body#home #logo
|
2010-01-31 18:01:04 +00:00
|
|
|
+replace-text("compass.png", 0px)
|
2010-02-07 21:58:52 +00:00
|
|
|
height: 159px
|
|
|
|
|
2010-03-28 06:24:41 +00:00
|
|
|
p code
|
|
|
|
border: 1px solid #ccc
|
|
|
|
background-color: #f2f2f2
|
|
|
|
padding: 2px
|
|
|
|
|
2010-02-07 21:58:52 +00:00
|
|
|
@import partials/syntax.sass
|