JezK
Edit File: complex.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 :font-size 1.1em // This comment is properly indented :color #fff :background #00a4e4 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 .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