redmine-neopoly_style 0.0.1 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3329375d8b84626fda45f6fd33bd9b85904e3c72
-  data.tar.gz: 4cb8f410e5cd4479455851d0019e456f6d8e5426
+  metadata.gz: edac7dcd01e585a57b968898300c496f8346df30
+  data.tar.gz: a7c696601e5e2b8bed2777d74afc36c86c6b3480
 SHA512:
-  metadata.gz: fe2ff7cabb3e8c1c9b02b0943a2c2b56bbf0535d3f335444af0cb012afb5283c3b2221b9e128872dfccf2cf2787b0a136717a86dd925c05d56bee80a99211d4e
-  data.tar.gz: abe658f187745814f9060ba11a1104c99330142ca0aa79807f3a6896cf73c9b98a5229f5197a5a529e458bf9d34a357730dd8c9f4bc6063e278dcc7cbf3182e2
+  metadata.gz: e4be891ef6e3ec6b38a235b14feae2c9ba07026dcaed1f5ca6d451059ae89bf4e7d42e144dd9261849f5ec993d8cb6e9e4adc9cffd15cc2c834ea2c5399ad9be
+  data.tar.gz: 42003db2a8c1e5220023126a3f9533aa64586bb646e866701b9d8df75ca374ff80b27da163eb9ce0ce6fb15527f6b45831bc1c115a6b105986e9ff5c44b8bc73

data/.gitignore

@@ -1,2 +1,3 @@
 Gemfile.lock
 pkg
+.sass-cache

data/.rubocop.yml

@@ -6,3 +6,7 @@ Style/FileName:
 
 Documentation:
   Enabled: false
+
+Lint/HandleExceptions:
+  Exclude:
+    - rakelib/rubocop.rake

data/README.md

@@ -1,5 +1,19 @@
+[github]: https://github.com/neopoly/redmine-neopoly_style
+[doc]: http://rubydoc.info/github/neopoly/redmine-neopoly_style/master/file/README.md
+[gem]: https://rubygems.org/gems/redmine-neopoly_style
+[gem-badge]: https://img.shields.io/gem/v/redmine-neopoly_style.svg
+[inchpages]: https://inch-ci.org/github/neopoly/redmine-neopoly_style
+[inchpages-badge]: https://inch-ci.org/github/neopoly/redmine-neopoly_style.svg?branch=master&style=flat
+
 # redmine-neopoly_style
 
+[![Gem Version][gem-badge]][gem]
+[![Inline docs][inchpages-badge]][inchpages]
+
+[Gem][gem] |
+[Source][github] |
+[Documentation][doc]
+
 Custom style overrides for Redmine
 
 ## Installation
@@ -22,9 +36,29 @@ Restart the Redmine application
 
 No further steps needed
 
+## Development
+
+As Redmine currently doesn't support the [Sprockets asset pipeline](http://guides.rubyonrails.org/asset_pipeline.html) we're precompiling the needed assets using a custom build task:
+
+```
+rake assets:build
+```
+
+### CSS (Sass)
+
+The SASS files for generating the static CSS are located in `lib/assets/stylesheets`. You can only build the stylesheets using a dedicated Rake task:
+
+```
+rake assets:build:stylesheets
+```
+
+## TODO
+
+* Cleanup the SASS files
+
 ## Contributing
 
-1. Fork it ( https://github.com/[my-github-username]/redmine-neopoly_style/fork )
+1. Fork it ( https://github.com/neopoly/redmine-neopoly_style/fork )
 2. Create your feature branch (`git checkout -b my-new-feature`)
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)

data/Rakefile

@@ -3,6 +3,4 @@
 require "bundler/gem_tasks"
 require "rubocop/rake_task"
 
-RuboCop::RakeTask.new
-
 task default: [:rubocop]

data/assets/stylesheets/neopoly_style.css

@@ -1,14 +1,160 @@
-/* Header */
-#header > h1 {
-  height: 26px;
-}
-
-/* Sidebar */
-#main > #sidebar ul {
-  margin: 12px 0;
-  padding: 0 0 0 30px;
-}
-
-#main > #sidebar ul li {
-  list-style-type: disc;
-}
+body, #wrapper, h1, h2, h3, h4 { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }
+
+h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0; }
+
+p.breadcrumb { margin: 4px 0 15px 0; }
+p.subtitle { margin: 0px 0 12px 0; }
+
+a, a:link, a:visited { color: #005782; }
+
+.contextual a, .contextual a:link, .contextual a:visited { color: #888; }
+
+.contextual a:hover, .contextual a:visited:hover { color: #333; }
+
+div.filters h2 .scope_title a { color: #222; text-decoration: none; }
+
+h2, .wiki h1, h3, .wiki h2 { color: #222; }
+
+#sidebar h3 { color: #222; }
+
+body, #wrapper, #main { background-color: #EEE; }
+
+#header { background-color: #005782; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a719c), to(#005782)); background-image: -moz-linear-gradient(center top, #1a719c 0%, #005782 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a719c', endColorstr='#005782'); padding: 10px 0 35px 10px; background-position-y: 11%; height: auto; min-height: initial; }
+#header > h1 { height: 26px; margin: 0 24px; font-weight: normal; line-height: 14px; }
+
+#main { margin: 15px 15px 0 15px; }
+#main > #sidebar ul { margin: 12px 0; padding: 0 0 0 30px; }
+#main > #sidebar ul li { list-style-type: disc; }
+
+#top-menu { background: #000; padding: 7px 10px 2px 20px; }
+
+#main-menu { left: 15px; }
+#main-menu li a { background-color: transparent; }
+#main-menu li a.selected, #main-menu li a.selected:hover { background-color: #EEE; color: #222; }
+#main-menu li a:hover { background-color: transparent; }
+
+#quick-search { padding-top: 10px; }
+
+div.flash { border: 0; text-shadow: 0 1px white; }
+
+#sidebar a.selected { background-color: transparent; color: #CCC; font-weight: bold; }
+
+#content > div.flash { border: 0px solid; padding: 9px 35px 10px; margin: -6px -10px 6px -10px; background-position-x: 12px !important; background-position-y: 9px !important; }
+
+#errorExplanation, .nodata, .warning { border: 1px solid; }
+
+div.filters h2 .scope_title a { color: #222 !important; }
+
+#content > h2, #content > div.filters h2, #content > #add-news > h2, #content > #add-message > h2, #content > .message.details > h2, #content > .board.details > h2, #content > #add-document > h2 { background: #F1F5FA; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 20px; margin: -7px -10px 10px; border-top: 1px solid #DADEE5; border-bottom: 1px solid #DADEE5; }
+#content > div.contextual { margin-top: 13px; margin-right: 10px; }
+#content > div.wiki { padding: 6px 10px 10px 10px; }
+
+#content, #main.nosidebar #content { background: #FFF; -webkit-box-shadow: 0 0 3px #CCC; -moz-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; border: 1px solid #D7D7D7; }
+
+#footer { background-color: #EEE; border: 0; margin: 10px; }
+
+#context-menu { -webkit-box-shadow: 0 0 3px #CCC; -moz-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; }
+#context-menu ul li ul { -webkit-box-shadow: 0 0 3px #CCC; -moz-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; }
+#context-menu li:hover { border: 1px solid #EEE !important; background-color: #EEE; }
+#context-menu ul { border: 1px solid #DDD !important; }
+
+input[type="text"], input[type="password"] { padding: 2px; border: 1px solid #D7D7D7; }
+
+textarea, select { padding: 2px; border: 1px solid #D7D7D7; }
+
+input[type="text"], input[type="password"] { padding: 3px; }
+input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #888866; }
+input.autocomplete { border-radius: initial; height: initial; }
+
+textarea:focus, select:focus { border: 1px solid #888866; }
+
+option { border-bottom: 1px dotted #D7D7D7; }
+
+body.action-login #content, body.action-login #main.nosidebar #content { background: inherit; border: 0px; box-shadow: none; }
+body.action-login #login-form table { padding: 3em; background: white; -webkit-box-shadow: 0 0 3px #CCC; -moz-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; border: 1px solid #D7D7D7; }
+
+#login-form input#username, #login-form input#password { outline: none; margin: 0px; border: 1px solid #D7D7D7; padding: 6px; font-size: 140%; }
+
+.controller-account.action-login div.flash { -webkit-box-shadow: 0 0 3px #CCC; -moz-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; border: 1px solid #D7D7D7 !important; }
+
+table.list tbody td, table.list tbody tr:hover td { border: 1px solid #D7D7D7; }
+table.list thead th { border: 1px solid #D7D7D7; }
+table.list tr.issue a { color: #666; }
+
+tr.odd.priority-7, table.list tbody tr.odd.priority-7:hover { color: #900; font-weight: bold; }
+
+tr.odd.priority-7 { background: #ffc4c4; }
+tr.even.priority-7 { color: #900; font-weight: bold; }
+
+table.list tbody tr.even.priority-7:hover { color: #900; font-weight: bold; }
+
+tr.even.priority-7 { background: #ffd4d4; }
+tr.priority-7 a, tr.priority-7:hover a { color: #900; }
+tr.odd.priority-7 td, tr.even.priority-7 td { border-color: #ffb4b4; }
+tr.odd.priority-5 { color: #900; }
+
+table.list tbody tr.odd.priority-5:hover { color: #900; }
+
+tr.odd.priority-5 { background: #ffc4c4; }
+tr.even.priority-5 { color: #900; }
+
+table.list tbody tr.even.priority-5:hover { color: #900; }
+
+tr.even.priority-5 { background: #ffd4d4; }
+tr.priority-5 a { color: #900; }
+tr.odd.priority-5 td, tr.even.priority-5 td { border-color: #ffb4b4; }
+tr.odd.priority-3 { color: #559; }
+
+table.list tbody tr.odd.priority-3:hover { color: #559; }
+
+tr.odd.priority-3 { background: #eaf7ff; }
+tr.even.priority-3 { color: #559; }
+
+table.list tbody tr.even.priority-3:hover { color: #559; }
+
+tr.even.priority-3 { background: #f2faff; }
+tr.priority-3 a { color: #559; }
+tr.odd.priority-3 td, tr.even.priority-3 td { border-color: #add7f3; }
+
+span.tag-label-color { color: white; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); font-size: 9px !important; line-height: 1 !important; margin: 2px 0px 2px 0px; text-decoration: none; display: inline-block; position: relative; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.25); -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; padding: 4px 6px 4px !important; background: url(../images/dark-overlay.png) repeat-x scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.2); background-color: #96CBFF; }
+span.tag-label-color:hover { background-color: #77ADE2; }
+span.tag-label-color a, span.tag-label-color span { font-weight: bold !important; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif !important; }
+span.tag-label-color:hover a { color: black; text-shadow: none; }
+
+#add-news, #add-message, #add-document { margin-bottom: 20px; }
+
+#roadmap { margin: 10px; }
+
+div.details { background: #FFD; padding: 20px; margin-bottom: 6px; border: 1px solid #D7D7D7; margin: -11px -11px 15px -11px; }
+
+div.issue.tooltip { padding: 6px; margin: 0 0 6px 0; }
+
+.box { background-color: #fcfcfc; }
+
+.wiki img { max-width: 100%; }
+
+div.journal .details { border: 1px solid white; }
+div.journal .details:hover { background: #FFD; border: 1px solid #D7D7D7; }
+div.journal > div { margin-top: 10px; }
+
+#content .tabs ul li a { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
+
+#history div.journal { border-top: 1px solid #DDD; }
+
+#title h2, #buttons, #title h1 { min-width: 550px !important; }
+
+.ui-widget { font-family: inherit; font-size: inherit; }
+
+.ui-widget-header { font: bold 100% "Lucida Grande", verdana, arial, helvetica, sans-serif; text-shadow: white 0 1px 0; text-align: left; padding: 6px; background: #F1F5FA; border: 1px solid #CCC; border-radius: 0px; color: #000; }
+
+div.modal div.ui-dialog-titlebar { margin: -5px; margin-bottom: 10px; }
+
+.ui-widget-content { background: white; }
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #FCFCFC; font-weight: bold; color: inherit; }
+
+button.ui-corner-all { border-radius: 0px; }
+
+.ui-dialog .ui-dialog-title { float: left; font-size: 14px; padding: 2px 10px 1px 0px; color: #444; }
+
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: inherit; }

data/lib/assets/stylesheets/_config.sass

@@ -0,0 +1,27 @@
+$font-main: "Lucida Grande", verdana, arial, helvetica, sans-serif
+
+$content-color: #FFF
+$shadow-color: #CCC
+$border-color: #D7D7D7
+$seperator-color: #DADEE5
+$segment-color: #F1F5FA
+$silent-color: #EEE
+
+$link-color-default: #005782
+
+$title-color-default: #222
+
+$contextual-link-color-default: #888
+$contextual-link-color-hover: #333
+
+$context-highlight-color: $silent-color
+$context-border-color: #DDD
+
+$input-border-color: $border-color
+$input-focus-color: #888866
+
+$ui-widget-header-background-color: $segment-color
+$ui-widget-header-border-color: #CCC
+$ui-widget-header-color: #000
+$ui-widget-state-background-color: #FCFCFC
+$ui-widget-dialog-color: #444

data/lib/assets/stylesheets/_context_menu.sass

@@ -0,0 +1,14 @@
+#context-menu
+  -webkit-box-shadow: 0 0 3px $shadow-color
+  -moz-box-shadow: 0 0 3px $shadow-color
+  box-shadow: 0 0 3px $shadow-color
+
+  ul li ul
+    -webkit-box-shadow: 0 0 3px $shadow-color
+    -moz-box-shadow: 0 0 3px $shadow-color
+    box-shadow: 0 0 3px $shadow-color
+  li:hover
+    border: 1px solid $context-highlight-color !important
+    background-color: $context-highlight-color
+  ul
+    border: 1px solid $context-border-color!important

data/lib/assets/stylesheets/_forms.sass

@@ -0,0 +1,24 @@
+input
+  &[type="text"], &[type="password"]
+    padding: 2px
+    border: 1px solid $input-border-color
+
+textarea, select
+  padding: 2px
+  border: 1px solid $input-border-color
+
+input
+  &[type="text"], &[type="password"]
+    padding: 3px
+  &[type="text"]:focus, &[type="password"]:focus
+    border: 1px solid $input-focus-color
+
+  &.autocomplete
+    border-radius: initial
+    height: initial
+
+textarea:focus, select:focus
+  border: 1px solid $input-focus-color
+
+option
+  border-bottom: 1px dotted $input-border-color

data/lib/assets/stylesheets/_jquery_ui.sass

@@ -0,0 +1,39 @@
+.ui-widget
+  font-family: inherit
+  font-size: inherit
+
+.ui-widget-header
+  font: bold 100% $font-main
+  text-shadow: white 0 1px 0
+  text-align: left
+  padding: 6px
+  background: $ui-widget-header-background-color
+  border: 1px solid $shadow-color
+  border-radius: 0px
+  color: $ui-widget-header-color
+
+div.modal div.ui-dialog-titlebar
+  margin: -5px
+  margin-bottom: 10px
+
+.ui-widget-content
+  background: white
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+  background: $ui-widget-state-background-color
+  font-weight: bold
+  color: inherit
+
+button.ui-corner-all
+  border-radius: 0px
+
+.ui-dialog .ui-dialog-title
+  float: left
+  font-size: 14px
+  padding: 2px 10px 1px 0px
+  color: $ui-widget-dialog-color
+
+.ui-widget
+  input, select, textarea, button
+    font-family: inherit
+    font-size: inherit

data/lib/assets/stylesheets/_layout.sass

@@ -0,0 +1,109 @@
+body, #wrapper, #main
+  background-color: $silent-color
+
+#header
+  background-color: #005782
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#1a719c), to(#005782))
+  background-image: -moz-linear-gradient(center top, #1a719c 0%, #005782 100% )
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a719c', endColorstr='#005782')
+  padding: 10px 0 35px 10px
+  background-position-y: 11%
+  height: auto
+  min-height: initial
+
+  > h1
+    height: 26px
+    margin: 0 24px
+    font-weight: normal
+    line-height: 14px
+
+#main
+  margin: 15px 15px 0 15px
+
+  > #sidebar
+    ul
+      margin: 12px 0
+      padding: 0 0 0 30px
+
+      li
+        list-style-type: disc
+
+#top-menu
+  background: #000
+  padding: 7px 10px 2px 20px
+
+#main-menu
+  left: 15px
+
+  li
+    a
+      background-color: transparent
+      &.selected, &.selected:hover
+        background-color: $silent-color
+        color: $title-color-default
+      &:hover
+        background-color: transparent
+
+#quick-search
+  padding-top: 10px
+
+
+div.flash
+  border: 0
+  text-shadow: 0 1px white
+
+#sidebar
+  a.selected
+    background-color: transparent
+    color: $shadow-color
+    font-weight: bold
+
+#content
+  > div.flash
+    border: 0px solid
+    padding: 9px 35px 10px
+    margin: -6px -10px 6px -10px
+    background-position-x: 12px !important
+    background-position-y: 9px !important
+
+#errorExplanation, .nodata, .warning
+  border: 1px solid
+
+div.filters h2 .scope_title a
+  color: $title-color-default !important
+
+#content
+  > h2,
+  > div.filters h2,
+  > #add-news > h2,
+  > #add-message > h2,
+  > .message.details > h2,
+  > .board.details > h2,
+  > #add-document > h2
+    background: $segment-color
+    padding-top: 15px
+    padding-bottom: 15px
+    padding-right: 20px
+    padding-left: 20px
+    margin: -7px -10px 10px
+    border-top: 1px solid $seperator-color
+    border-bottom: 1px solid $seperator-color
+
+  > div.contextual
+    margin-top: 13px
+    margin-right: 10px
+
+  > div.wiki
+    padding: 6px 10px 10px 10px
+
+#content, #main.nosidebar #content
+  background: $content-color
+  -webkit-box-shadow: 0 0 3px $shadow-color
+  -moz-box-shadow: 0 0 3px $shadow-color
+  box-shadow: 0 0 3px $shadow-color
+  border: 1px solid $border-color
+
+#footer
+  background-color: $silent-color
+  border: 0
+  margin: 10px

data/lib/assets/stylesheets/_login.sass

@@ -0,0 +1,26 @@
+body.action-login
+  #content, #main.nosidebar #content
+    background: inherit
+    border: 0px
+    box-shadow: none
+  #login-form table
+    padding: 3em
+    background: white
+    -webkit-box-shadow: 0 0 3px $shadow-color
+    -moz-box-shadow: 0 0 3px $shadow-color
+    box-shadow: 0 0 3px $shadow-color
+    border: 1px solid $border-color
+
+#login-form input
+  &#username, &#password
+    outline: none
+    margin: 0px
+    border: 1px solid $border-color
+    padding: 6px
+    font-size: 140%
+
+.controller-account.action-login div.flash
+  -webkit-box-shadow: 0 0 3px $shadow-color
+  -moz-box-shadow: 0 0 3px $shadow-color
+  box-shadow: 0 0 3px $shadow-color
+  border: 1px solid $border-color !important

data/lib/assets/stylesheets/_misc.sass

@@ -0,0 +1,43 @@
+#add-news, #add-message, #add-document
+  margin-bottom: 20px
+
+#roadmap
+  margin: 10px
+
+div.details
+  background: #FFD
+  padding: 20px
+  margin-bottom: 6px
+  border: 1px solid #D7D7D7
+  margin: -11px -11px 15px -11px
+
+div.issue.tooltip
+  padding: 6px
+  margin: 0 0 6px 0
+
+.box
+  background-color: #fcfcfc
+
+.wiki img
+  max-width: 100%
+
+div.journal
+  .details
+    border: 1px solid white
+    &:hover
+      background: #FFD
+      border: 1px solid #D7D7D7
+  > div
+    margin-top: 10px
+
+#content .tabs ul li a
+  border-radius: 0px
+  -webkit-border-radius: 0px
+  -moz-border-radius: 0px
+
+#history div.journal
+  border-top: 1px solid #DDD
+
+#title h2, #buttons, #title h1
+  min-width: 550px !important
+

data/lib/assets/stylesheets/_modal.sass

@@ -0,0 +1,24 @@
+div.modal
+  -webkit-border-radius: 0px
+  -moz-border-radius: 0px
+  border-radius: 0px
+  overflow: visible
+  background-color: $content-color
+  color: black
+  -webkit-box-shadow: 0 0 3px $shadow-color
+  -moz-box-shadow: 0 0 3px $shadow-color
+  box-shadow: 0 0 3px $shadow-color
+  border: 1px solid $border-color
+
+  h3.title
+    font: bold 100% $font-main
+    text-shadow: white 0 1px 0
+    text-align: left
+    padding: 6px
+    background-color: $segment-color
+    border-bottom: 1px solid $border-color
+    color: black
+
+#modalbg
+  background: black
+  opacity: 0.40

data/lib/assets/stylesheets/_tables.sass

@@ -0,0 +1,76 @@
+table.list
+  tbody
+    td, tr:hover td
+      border: 1px solid $border-color
+  thead th
+    border: 1px solid $border-color
+  tr.issue a
+    color: #666
+
+tr.odd.priority-7, table.list tbody tr.odd.priority-7:hover
+  color: #900
+  font-weight: bold
+
+tr
+  &.odd.priority-7
+    background: #ffc4c4
+  &.even.priority-7
+    color: #900
+    font-weight: bold
+
+table.list tbody tr.even.priority-7:hover
+  color: #900
+  font-weight: bold
+
+tr
+  &.even.priority-7
+    background: #ffd4d4
+  &.priority-7
+    a, &:hover a
+      color: #900
+  &.odd.priority-7 td, &.even.priority-7 td
+    border-color: #ffb4b4
+  &.odd.priority-5
+    color: #900
+
+table.list tbody tr.odd.priority-5:hover
+  color: #900
+
+tr
+  &.odd.priority-5
+    background: #ffc4c4
+  &.even.priority-5
+    color: #900
+
+table.list tbody tr.even.priority-5:hover
+  color: #900
+
+tr
+  &.even.priority-5
+    background: #ffd4d4
+  &.priority-5 a
+    color: #900
+  &.odd.priority-5 td, &.even.priority-5 td
+    border-color: #ffb4b4
+  &.odd.priority-3
+    color: #559
+
+table.list tbody tr.odd.priority-3:hover
+  color: #559
+
+tr
+  &.odd.priority-3
+    background: #eaf7ff
+  &.even.priority-3
+    color: #559
+
+table.list tbody tr.even.priority-3:hover
+  color: #559
+
+tr
+  &.even.priority-3
+    background: #f2faff
+  &.priority-3 a
+    color: #559
+  &.odd.priority-3 td, &.even.priority-3 td
+    border-color: #add7f3

data/lib/assets/stylesheets/_tags.sass

@@ -0,0 +1,27 @@
+span.tag-label-color
+  color: white
+  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25)
+  font-size: 9px !important
+  line-height: 1 !important
+  margin: 2px 0px 2px 0px
+  text-decoration: none
+  display: inline-block
+  position: relative
+  text-align: center
+  border-top: 1px solid rgba(255, 255, 255, 0.25)
+  -moz-border-radius: 0px !important
+  -webkit-border-radius: 0px !important
+  border-radius: 0px !important
+  padding: 4px 6px 4px !important
+  background: url(../images/dark-overlay.png) repeat-x scroll 0 0
+  border: 1px solid rgba(0, 0, 0, 0.2)
+  background-color: #96CBFF
+
+  &:hover
+    background-color: #77ADE2
+  a, span
+    font-weight: bold !important
+    font-family: $font-main !important
+  &:hover a
+    color: black
+    text-shadow: none

data/lib/assets/stylesheets/_typography.sass

@@ -0,0 +1,33 @@
+body, #wrapper, h1, h2, h3, h4
+  font-family: $font-main
+
+h2, h3, h4, .wiki h1, .wiki h2, .wiki h3
+  border-bottom: 0
+
+p
+  &.breadcrumb
+    margin: 4px 0 15px 0
+
+  &.subtitle
+    margin: 0px 0 12px 0
+
+a, a:link, a:visited
+  color: $link-color-default
+
+.contextual a, .contextual a:link, .contextual a:visited
+  color: $contextual-link-color-default
+
+.contextual a:hover, .contextual a:visited:hover
+  color: $contextual-link-color-hover
+
+div.filters h2 .scope_title a
+  color: $title-color-default
+  text-decoration: none
+
+h2, .wiki h1,
+h3, .wiki h2
+  color: $title-color-default
+
+
+#sidebar h3
+  color: $title-color-default

data/lib/assets/stylesheets/neopoly_style.sass

@@ -0,0 +1,11 @@
+@import "config"
+
+@import "typography"
+@import "layout"
+@import "context_menu"
+@import "forms"
+@import "login"
+@import "tables"
+@import "tags"
+@import "misc"
+@import "jquery_ui"

data/lib/neopoly_style/hooks.rb

@@ -1,5 +1,8 @@
 module NeopolyStyle
+  # Includes our stylesheet and javascript files into the base layout
   class Hooks < Redmine::Hook::ViewListener
+    # Inject javascript and stylesheet tags
+    # @param _context [Hash] ignored
     def view_layouts_base_html_head(_context)
       javascript_tags + stylesheet_tags
     end

data/lib/neopoly_style/infos.rb

@@ -1,4 +1,5 @@
 module NeopolyStyle
+  # Shared infos between the gemspec and the plugin
   module Infos
     NAME        = "redmine-neopoly_style"
     DESCRIPTION = "Custom style overrides for Redmine"

data/lib/neopoly_style/patches/application_helper_patch.rb

@@ -1,5 +1,7 @@
 module NeopolyStyle
   module Patches
+    # Patches to be applied to the global ApplicationHelper to support
+    # out custom styling
     module ApplicationHelperPatch
       extend ActiveSupport::Concern
 
@@ -7,6 +9,7 @@ module NeopolyStyle
         alias_method_chain :favicon_path, :neopoly_style
       end
 
+      # Returns the path to our own favicon
       def favicon_path_with_neopoly_style
         path = "/plugin_assets/neopoly_style/images/favicon.ico"
         image_path(path)

data/lib/neopoly_style/version.rb

@@ -1,3 +1,3 @@
 module NeopolyStyle
-  VERSION = "0.0.1"
+  VERSION = "0.1.0"
 end

data/rakelib/assets.rake

@@ -0,0 +1,20 @@
+namespace :assets do
+  desc "Build all static assets"
+  task build: [:"assets:build:stylesheets"]
+
+  namespace :build do
+    def path(*segments)
+      File.join(*segments)
+    end
+
+    desc "Convert SASS stylesheets to CSS"
+    task :stylesheets do
+      require "sass"
+      input  = path("lib", "assets", "stylesheets", "neopoly_style.sass")
+      output = path("assets", "stylesheets", "neopoly_style.css")
+      engine = Sass::Engine.for_file(input, syntax: :sass, style: :compact)
+      File.write(output, engine.render)
+      puts "Build: #{output}"
+    end
+  end
+end

data/rakelib/rubocop.rake

@@ -0,0 +1,18 @@
+begin
+  require "rubocop/rake_task"
+
+  Rake::Task[:default].enhance [:rubocop]
+
+  RuboCop::RakeTask.new do |task|
+    task.options << "--display-cop-names"
+  end
+
+  namespace :rubocop do
+    desc "Generate a configuration file acting as a TODO list."
+    task :auto_gen_config do
+      exec "bundle exec rubocop --auto-gen-config"
+    end
+  end
+
+rescue LoadError
+end

data/redmine-neopoly_style.gemspec

@@ -23,5 +23,6 @@ Gem::Specification.new do |spec|
 
   spec.add_development_dependency "bundler", "~> 1.7"
   spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "sass", "~> 3.4"
   spec.add_development_dependency "rubocop"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: redmine-neopoly_style
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
 platform: ruby
 authors:
 - Jonas Thiel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-18 00:00:00.000000000 Z
+date: 2015-03-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -52,6 +52,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
 - !ruby/object:Gem::Dependency
   name: rubocop
   requirement: !ruby/object:Gem::Requirement
@@ -79,9 +93,22 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- assets/images/dark-overlay.png
 - assets/images/favicon.ico
 - assets/javascripts/neopoly_style.js
 - assets/stylesheets/neopoly_style.css
+- lib/assets/stylesheets/_config.sass
+- lib/assets/stylesheets/_context_menu.sass
+- lib/assets/stylesheets/_forms.sass
+- lib/assets/stylesheets/_jquery_ui.sass
+- lib/assets/stylesheets/_layout.sass
+- lib/assets/stylesheets/_login.sass
+- lib/assets/stylesheets/_misc.sass
+- lib/assets/stylesheets/_modal.sass
+- lib/assets/stylesheets/_tables.sass
+- lib/assets/stylesheets/_tags.sass
+- lib/assets/stylesheets/_typography.sass
+- lib/assets/stylesheets/neopoly_style.sass
 - lib/neopoly_style/engine.rb
 - lib/neopoly_style/hooks.rb
 - lib/neopoly_style/infos.rb
@@ -90,6 +117,8 @@ files:
 - lib/neopoly_style/redmine_plugin.rb
 - lib/neopoly_style/version.rb
 - lib/redmine-neopoly_style.rb
+- rakelib/assets.rake
+- rakelib/rubocop.rake
 - redmine-neopoly_style.gemspec
 homepage: https://github.com/neopoly/redmine-neopoly_style
 licenses: