mirror of
https://github.com/haml/haml.git
synced 2022-11-09 12:33:31 -05:00
310 lines
6.3 KiB
Sass
310 lines
6.3 KiB
Sass
body
|
|
:margin 0
|
|
:font 0.85em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif
|
|
:color #fff
|
|
:background url(/images/global_bg.gif)
|
|
|
|
#page
|
|
:width 900px
|
|
:margin 0 auto
|
|
:background #440008
|
|
:border-top
|
|
:width 5px
|
|
:style solid
|
|
:color #ff8500
|
|
|
|
#header
|
|
:height 75px
|
|
:padding 0
|
|
h1
|
|
:float left
|
|
:width 274px
|
|
:height 75px
|
|
:margin 0
|
|
:background
|
|
:image url(/images/global_logo.gif)
|
|
/* Crazy nested comment
|
|
:repeat no-repeat
|
|
:text-indent -9999px
|
|
.status
|
|
:float right
|
|
:padding
|
|
:top .5em
|
|
:left .5em
|
|
:right .5em
|
|
:bottom 0
|
|
p
|
|
:float left
|
|
:margin
|
|
:top 0
|
|
:right 0.5em
|
|
:bottom 0
|
|
:left 0
|
|
ul
|
|
:float left
|
|
:margin 0
|
|
:padding 0
|
|
li
|
|
:list-style-type none
|
|
:display inline
|
|
:margin 0 5px
|
|
a:link, a:visited
|
|
:color #ff8500
|
|
:text-decoration none
|
|
a:hover
|
|
:text-decoration underline
|
|
.search
|
|
:float right
|
|
:clear right
|
|
:margin 12px 0 0 0
|
|
form
|
|
:margin 0
|
|
input
|
|
:margin 0 3px 0 0
|
|
:padding 2px
|
|
:border none
|
|
|
|
#menu
|
|
:clear both
|
|
:text-align right
|
|
:height 20px
|
|
:border-bottom 5px solid #006b95
|
|
:background #00a4e4
|
|
.contests
|
|
ul
|
|
:margin 0 5px 0 0
|
|
:padding 0
|
|
li
|
|
:list-style-type none
|
|
:margin 0 5px
|
|
:padding 5px 5px 0 5px
|
|
:display inline
|
|
// This comment is in the middle of this rule
|
|
:font-size 1.1em
|
|
// This comment is properly indented
|
|
:color #fff
|
|
:background #00a4e4
|
|
/ This rule isn't a comment!
|
|
:red green
|
|
a:link, a:visited
|
|
:color #fff
|
|
:text-decoration none
|
|
:font-weight bold
|
|
a:hover
|
|
:text-decoration underline
|
|
|
|
//General content information
|
|
#content
|
|
:clear both
|
|
.container
|
|
:clear both
|
|
.column
|
|
:float left
|
|
.left
|
|
.middle
|
|
.right
|
|
:float right
|
|
a:link, a:visited
|
|
:color #93d700
|
|
:text-decoration none
|
|
a:hover
|
|
:text-decoration underline
|
|
|
|
// A hard tab:
|
|
|
|
|
|
#content
|
|
p, div
|
|
:width 40em
|
|
li, dt, dd
|
|
:color #ddffdd
|
|
:background-color #4792bb
|
|
.container.video
|
|
.column.left
|
|
:width 200px
|
|
.box
|
|
:margin-top 10px
|
|
p
|
|
:margin 0 1em auto 1em
|
|
.box.participants
|
|
img
|
|
:float left
|
|
:margin 0 1em auto 1em
|
|
:border 1px solid #6e000d
|
|
:style solid
|
|
h2
|
|
:margin 0 0 10px 0
|
|
:padding 0.5em
|
|
/* The background image is a gif!
|
|
:background #6e000d url(/images/hdr_participant.gif) 2px 2px no-repeat
|
|
/* Okay check this out
|
|
Multiline comments
|
|
Wow dude
|
|
I mean seriously, WOW
|
|
:text-indent -9999px
|
|
// And also...
|
|
Multiline comments that don't output!
|
|
Snazzy, no?
|
|
:border
|
|
:top
|
|
:width 5px
|
|
:style solid
|
|
:color #a20013
|
|
:right
|
|
:width 1px
|
|
:style dotted
|
|
.column.middle
|
|
:width 500px
|
|
.column.right
|
|
:width 200px
|
|
.box
|
|
:margin-top 0
|
|
p
|
|
:margin 0 1em auto 1em
|
|
.column
|
|
p
|
|
:margin-top 0
|
|
|
|
#content.contests
|
|
.container.information
|
|
.column.right
|
|
.box
|
|
:margin 1em 0
|
|
.box.videos
|
|
.thumbnail img
|
|
:width 200px
|
|
:height 150px
|
|
:margin-bottom 5px
|
|
a:link, a:visited
|
|
:color #93d700
|
|
:text-decoration none
|
|
a:hover
|
|
:text-decoration underline
|
|
.box.votes
|
|
a
|
|
:display block
|
|
:width 200px
|
|
:height 60px
|
|
:margin 15px 0
|
|
:background url(/images/btn_votenow.gif) no-repeat
|
|
:text-indent -9999px
|
|
:outline none
|
|
:border none
|
|
h2
|
|
:margin 52px 0 10px 0
|
|
:padding 0.5em
|
|
:background #6e000d url(/images/hdr_videostats.gif) 2px 2px no-repeat
|
|
:text-indent -9999px
|
|
:border-top 5px solid #a20013
|
|
|
|
#content.contests
|
|
.container.video
|
|
.box.videos
|
|
h2
|
|
:margin 0
|
|
:padding 0.5em
|
|
:background #6e000d url(/images/hdr_newestclips.gif) 2px 2px no-repeat
|
|
:text-indent -9999px
|
|
:border-top 5px solid #a20013
|
|
table
|
|
:width 100
|
|
td
|
|
:padding 1em
|
|
:width 25
|
|
:vertical-align top
|
|
p
|
|
:margin 0 0 5px 0
|
|
a:link, a:visited
|
|
:color #93d700
|
|
:text-decoration none
|
|
a:hover
|
|
:text-decoration underline
|
|
.thumbnail
|
|
:float left
|
|
img
|
|
:width 80px
|
|
:height 60px
|
|
:margin 0 10px 0 0
|
|
:border 1px solid #6e000d
|
|
|
|
#content
|
|
.container.comments
|
|
.column
|
|
:margin-top 15px
|
|
.column.left
|
|
:width 600px
|
|
.box
|
|
ol
|
|
:margin 0
|
|
:padding 0
|
|
li
|
|
:list-style-type none
|
|
:padding 10px
|
|
:margin 0 0 1em 0
|
|
:background #6e000d
|
|
:border-top 5px solid #a20013
|
|
div
|
|
:margin-bottom 1em
|
|
ul
|
|
:text-align right
|
|
li
|
|
:display inline
|
|
:border none
|
|
:padding 0
|
|
.column.right
|
|
:width 290px
|
|
:padding-left 10px
|
|
h2
|
|
:margin 0
|
|
:padding 0.5em
|
|
:background #6e000d url(/images/hdr_addcomment.gif) 2px 2px no-repeat
|
|
:text-indent -9999px
|
|
:border-top 5px solid #a20013
|
|
.box
|
|
textarea
|
|
:width 290px
|
|
:height 100px
|
|
:border none
|
|
|
|
#footer
|
|
:margin-top 10px
|
|
:padding 1.2em 1.5em
|
|
:background #ff8500
|
|
ul
|
|
:margin 0
|
|
:padding 0
|
|
:list-style-type none
|
|
li
|
|
:display inline
|
|
:margin 0 0.5em
|
|
:color #440008
|
|
ul.links
|
|
:float left
|
|
a:link, a:visited
|
|
:color #440008
|
|
:text-decoration none
|
|
a:hover
|
|
:text-decoration underline
|
|
ul.copyright
|
|
:float right
|
|
|
|
|
|
.clear
|
|
:clear both
|
|
|
|
.centered
|
|
:text-align center
|
|
|
|
img
|
|
:border none
|
|
|
|
button.short
|
|
:width 60px
|
|
:height 22px
|
|
:padding 0 0 2px 0
|
|
:color #fff
|
|
:border none
|
|
:background url(/images/btn_short.gif) no-repeat
|
|
|
|
table
|
|
:border-collapse collapse
|