Started to work on Sass conversion (#9), rough quartz/morion.sass

_dev/sass/_crystals.sass

@@ -0,0 +1,28 @@
+// ----- Fukuro default themes partials
+@import "variables.sass"
+@import "fonts/roboto.sass"
+
+$border-def: 1px solid $border-main
+
+body
+  background-image: none
+  background-color: $background-main
+  color: $text-main
+  font-family: $roboto
+  font-size: 14px
+  -webkit-font-smoothing: antialiased
+
+#navigation a, #navigation a:hover, #markup a:hover, p.intro a.email span.name
+  color: $text-contrast !important
+  text-decoration: none !important
+
+form[name="post"]
+  padding: 2px !important
+
+div.post.reply div.body
+  margin-left: 0
+  padding-right: 0
+  margin-top: 7px
+
+div[id^=thread] > a > img.post-image
+  margin-left: 19px

_dev/sass/fonts/roboto.sass

@@ -0,0 +1,48 @@
+@font-face
+  font-family: 'Roboto'
+  src: url('webfonts/roboto_regular_cyrillic/Roboto-Regular-webfont.eot')
+  src: url('webfonts/roboto_regular_cyrillic/Roboto-Regular-webfont.eot?#iefix') format("embedded-opentype"), url('webfonts/roboto_regular_cyrillic/Roboto-Regular-webfont.woff') format("woff"), url('webfonts/roboto_regular_cyrillic/Roboto-Regular-webfont.ttf') format("truetype"), url('webfonts/roboto_regular_cyrillic/Roboto-Regular-webfont.svg#RobotoRegular') format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+@font-face
+  font-family: 'Roboto'
+  src: url('webfonts/roboto_italic_cyrillic/Roboto-Italic-webfont.eot')
+  src: url('webfonts/roboto_italic_cyrillic/Roboto-Italic-webfont.eot?#iefix') format("embedded-opentype"), url('webfonts/roboto_italic_cyrillic/Roboto-Italic-webfont.woff') format("woff"), url('webfonts/roboto_italic_cyrillic/Roboto-Italic-webfont.ttf') format("truetype"), url('webfonts/roboto_italic_cyrillic/Roboto-Italic-webfont.svg#RobotoItalic') format("svg")
+  font-weight: normal
+  font-style: italic
+
+
+@font-face
+  font-family: 'Roboto'
+  src: url('webfonts/roboto_bold_cyrillic/Roboto-Bold-webfont.eot')
+  src: url('webfonts/roboto_bold_cyrillic/Roboto-Bold-webfont.eot?#iefix') format("embedded-opentype"), url('webfonts/roboto_bold_cyrillic/Roboto-Bold-webfont.woff') format("woff"), url('webfonts/roboto_bold_cyrillic/Roboto-Bold-webfont.ttf') format("truetype"), url('webfonts/roboto_bold_cyrillic/Roboto-Bold-webfont.svg#RobotoBold') format("svg")
+  font-weight: bold
+  font-style: normal
+
+
+@font-face
+  font-family: 'Roboto'
+  src: url('webfonts/roboto_bolditalic_cyrillic/Roboto-BoldItalic-webfont.eot')
+  src: url('webfonts/roboto_bolditalic_cyrillic/Roboto-BoldItalic-webfont.eot?#iefix') format("embedded-opentype"), url('webfonts/roboto_bolditalic_cyrillic/Roboto-BoldItalic-webfont.woff') format("woff"), url('webfonts/roboto_bolditalic_cyrillic/Roboto-BoldItalic-webfont.ttf') format("truetype"), url('webfonts/roboto_bolditalic_cyrillic/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format("svg")
+  font-weight: bold
+  font-style: italic
+
+
+@font-face
+  font-family: 'Roboto'
+  src: url('webfonts/roboto_light_cyrillic/Roboto-Light-webfont.eot')
+  src: url('webfonts/roboto_light_cyrillic/Roboto-Light-webfont.eot?#iefix') format("embedded-opentype"), url('webfonts/roboto_light_cyrillic/Roboto-Light-webfont.woff') format("woff"), url('webfonts/roboto_light_cyrillic/Roboto-Light-webfont.ttf') format("truetype"), url('webfonts/roboto_light_cyrillic/Roboto-Light-webfont.svg#RobotoLight') format("svg")
+  font-weight: 100
+  font-style: normal
+
+
+@font-face
+  font-family: 'Roboto'
+  src: url('webfonts/roboto_lightitalic_cyrillic/Roboto-LightItalic-webfont.eot')
+  src: url('webfonts/roboto_lightitalic_cyrillic/Roboto-LightItalic-webfont.eot?#iefix') format("embedded-opentype"), url('webfonts/roboto_lightitalic_cyrillic/Roboto-LightItalic-webfont.woff') format("woff"), url('webfonts/roboto_lightitalic_cyrillic/Roboto-LightItalic-webfont.ttf') format("truetype"), url('webfonts/roboto_lightitalic_cyrillic/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format("svg")
+  font-weight: 100
+  font-style: italic
+
+$roboto: Roboto, Helvetica, Arial, sans-serif

_dev/sass/morion.sass

@@ -0,0 +1,208 @@
+$background-main: #151515
+$text-main: #666666
+$border-main: #222222
+$text-contrast: #777777
+$background-contrast: #333333
+
+@import "_crystals.sass"
+
+a
+  color: #777777 !important
+  text-decoration: none !important
+  &.post_no
+    color: #cccccc !important
+    text-decoration: none !important
+
+#navigation a:hover, #markup a:hover, div.post.reply div.body a, p.intro a.email span.name
+  color: #cccccc !important
+  text-decoration: none !important
+
+.btn-default, .dropdown-menu, .open > .dropdown-toggle.btn-default, .btn-group > .btn:focus
+  color: #aaaaaa
+  background-color: #333333
+  border-color: #222222
+
+.btn-default:hover
+  color: #000000
+  background-color: #666666
+  border-color: #222222
+
+.dropdown-menu
+  > li > a
+    &:hover, &:focus
+      color: #000000
+      text-decoration: none
+      background-color: #151515
+  .divider
+    background-color: #222222
+
+div.post.reply div.body a
+  text-decoration: underline !important
+
+a
+  &:hover, &.post_no:hover
+    color: #cccccc
+    text-decoration: underline !important
+
+p.intro a.email:hover span.name
+  color: #cccccc
+  text-decoration: underline !important
+
+div.post.reply, form[name="post"], #navigation, #settingsPopup, div.op.post.hover
+  color: #aaaaaa
+  background: #333333 !important
+  border: solid 1px #222222
+  padding: 5px 10px 5px 10px
+  margin: 5px 0
+  border-radius: 4px
+  -moz-border-radius: 4px
+  -webkit-border-radius: 4px
+  border-bottom-width: 3px
+
+div.post.reply.highlighted
+  background: #CCCCCC
+  border-color: #444
+
+p
+  &.intro
+    font-size: 1.1em
+    font-weight: 100
+    border-bottom: $border-def
+  &.fileinfo
+    color: #aaaaaa
+    a
+      color: #aaaaaa
+    span.unimportant
+      font-size: 12px
+      font-weight: 100
+      color: #b5b5b5
+      font-style: italic
+
+p.intro span
+  &.subject
+    font-size: 1.2em
+    color: #cccccc
+    font-weight: bold
+  &.name
+    color: #cccccc
+    font-weight: normal
+  &.trip
+    color: #789922
+
+form table tr th
+  background: #333333
+
+div
+  &.ban
+    h2
+      background: #FCA
+      color: inherit
+    border-color: #800
+    p
+      color: black
+  &.pages
+    background-color: #333333
+    border-color: #333333
+    a.selected
+      color: #800
+
+hr
+  border-color: #333333
+
+h1
+  color: #FF6600
+  letter-spacing: 0
+  font-size: 2em
+  font-family: $roboto
+  font-weight: bold
+  text-decoration: none
+
+div.boardlist
+  color: #333333
+  font-size: 1em
+  a
+    color: #333333
+
+table.modlog tr th
+  background: #333333
+
+span
+  &.spoiler
+    background: #666666
+    color: #666666
+    &:hover
+      background: #666666
+      color: #000000
+  &.quote
+    color: #789922
+
+.unimportant
+  font-size: 0.8em
+
+textarea
+  background-color: #333333
+  border: solid 1px #222222
+  +border-radius(2px)
+  color: #cccccc
+
+input
+  &[type="text"], &[type="file"], &[type="password"], &[name="snum"], &[type="search"]
+    background-color: #333333
+    border: solid 1px #222222
+    +border-radius(2px)
+    color: #cccccc
+  &[type="text"], &[type="file"], &[type="password"], &[name="snum"], &[type="search"]
+    font-family: $roboto
+
+p.intro time:after
+  color: #789922
+
+input
+  &[type="submit"], &[type="reset"]
+    +appearance(none)
+    background-color: #333333
+    +border-radius(2px)
+    border: $border-def
+    color: #aaaaaa
+
+.buttons input[type="button"], .ui-button, #code_markup_select, .linkbutton, .uname, .button li
+  +appearance(none)
+  background-color: #333333
+  +border-radius(2px)
+  border: $border-def
+  color: #aaaaaa
+
+input
+  &[type="submit"]:hover, &[type="reset"]:hover
+    +appearance(none)
+    background-color: #333333
+    +border-radius(2px)
+    border: $border-def
+    color: #aaaaaa
+    border-bottom-width: 2px
+
+.buttons input[type="button"]:hover, .button li:hover
+  +appearance(none)
+  background-color: #333333
+  +border-radius(2px)
+  border: $border-def
+  color: #aaaaaa
+  border-bottom-width: 2px
+
+.pace .pace-progress
+  background: #444444
+
+.nav-tabs > li
+  margin-bottom: -4px
+  &.active
+    > a
+      background-color: #333333
+      border: $border-def
+    > a:hover
+      background-color: #666666
+      color: #000000 !important
+      border: $border-def
+  > a:hover
+    background-color: #666666
+    color: #000000 !important
+    border: $border-def