styleyt 0.2.3 → 0.2.4

data/Rakefile

@@ -13,9 +13,9 @@ begin
     gem.add_development_dependency "thoughtbot-shoulda", ">= 0"
     gem.rubyforge_project = gem.name
     # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
-    gem.files = Dir["{lib,test}/**/*", "[A-Z]*"]
+    gem.files = Dir["{lib,test,templates}/**/*", "[A-Z]*"]
     gem.require_path = 'lib'
-    gem.add_dependency 'rails', '3.0.0'
+    gem.add_dependency 'rails', '~>3.0.0'
     gem.add_dependency 'haml'
     gem.add_dependency 'compass'
   end

data/VERSION

@@ -1 +1 @@
-0.2.3
+0.2.4

data/templates/preview/index.html.haml

@@ -0,0 +1,62 @@
+!!! 5
+%html{:xmlns => "http://www.w3.org/1999/xhtml"}
+  %head
+    %meta{:charset => 'utf-8'}/
+    %meta{:content => "Roman Simecek <roman.simecek@cyt.ch>", :name => "author"}/
+
+    %link{:rel => "shortcut icon", :href => 'favicon.ico'}/
+    
+    - [:screen, :print].each do |css|
+      %link{:rel => 'stylesheet', :href => "#{css.to_s}.css", :media => css.to_s}
+    /[if lt IE 8]
+      %link{:rel => 'stylesheet', :href => 'ie.css', :media => 'screen'}
+      
+    %title
+      Styleyt - Preview
+
+  %body
+    #container
+      #header
+        #logo{:style => 'margin: 14px; float: left;'}
+          %h1{:style => 'display: inline; color: #002B3D'} CyMail
+        #main-menu
+          %ul
+            - ["Mail Journal", "Compose Mail", "Settings", "Login"].each do |entry|
+              %li
+                = entry
+
+      #content
+        #alert.flash.alert You need to sign in or sign up before continuing.
+        %form#user_new.formtastic.user{"accept-charset" => "UTF-8", :action => "/users/sign_in", :method => "post"}
+          %div{:style => "margin: 0pt; padding: 0pt; display: inline;"}
+            %input{:name => "_snowman", :type => "hidden", :value => "\xE2\x98\x83"}/
+            %input{:name => "authenticity_token", :type => "hidden", :value => "U9J1bYde/Elhoeu6aUDT5rPF62TpojHFjnZ35TTl9u4="}/
+          %fieldset.inputs
+            %ol
+              %li#user_email_input.string.required
+                %label{:for => "user_email"}
+                  Email
+                  %abbr{:title => "required"} *
+                %input#user_email{:maxlength => "255", :name => "user[email]", :size => "50", :type => "text", :value => ""}/
+              %li#user_password_input.password.required
+                %label{:for => "user_password"}
+                  Password
+                  %abbr{:title => "required"} *
+                %input#user_password{:name => "user[password]", :size => "50", :type => "password"}/
+                %p.inline-hints Leave blank if you don't want to change it
+              %li#user_remember_me_input.boolean.optional
+                %label{:for => "user_remember_me"}
+                  %input{:name => "user[remember_me]", :type => "hidden", :value => "0"}/
+                  = succeed "Remember" do
+                    %input#user_remember_me{:name => "user[remember_me]", :type => "checkbox", :value => "1"}/
+                  me
+          %fieldset.buttons
+            %ol
+              %li.commit
+                %input#user_submit.create{:name => "commit", :type => "submit", :value => "Sign in"}/
+        %a{:href => "/users/sign_up"} Sign up
+        %br/
+        %a{:href => "/users/password/new"} Forgot your password?
+        %br/
+
+      #sidebar

data/templates/stylesheets/ie.scss

@@ -0,0 +1,8 @@
+@import "blueprint"
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// @include blueprint-ie
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body
+  @include blueprint-ie(true)

data/templates/stylesheets/ie6.scss

@@ -0,0 +1,7 @@
+a.button, 
+form button
+  background-image: none !important
+  &:hover, 
+  &:active, 
+  &:focus
+    background-image: none !important

data/templates/stylesheets/partials/_base.sass

@@ -0,0 +1,38 @@
+$blueprint-grid-columns : 24
+$blueprint-grid-width : 30px
+$blueprint-grid-margin : 10px
+
+// Color definition
+$dark_blue : #507aaa
+$light_blue : #759fcf
+$white : #ffffff
+$gray : #555555
+$link_color : $dark_blue
+$link_color_hover : $light_blue
+$bg_dark_blue : #AEB9CF
+$red : red
+
+// Font family definitions
+=serif-font
+  font-family: Times, "Times New Roman", Georgia, serif
+=sanserif-font
+  font-family: Verdana, Arial, Helvetica, sans-serif
+  
+// Font size definitions
+$h1_size : 25px
+$h2_size : 20px
+$h3_size : 16px
+$text_size : 14px
+
+// Column widths
+$column_header : $blueprint-grid-columns
+$column_sidebar : 3
+$column_content : $blueprint-grid-columns - $column_sidebar
+$column_small_form : 7
+$column_big_form : 10
+
+// Content
+$content_padding : 1em
+
+// Borders
+$border_radius : 5px

data/templates/stylesheets/partials/_content.sass

@@ -0,0 +1,107 @@
+@import 'partials/content/table_list'
+@import 'partials/content/icons'
+@import 'partials/formtastic/formtastic_base'
+@import 'partials/content/ajax_indicator'
+@import 'partials/content/flash_errors'
+@import 'partials/content/fancy_buttons'
+@import 'partials/content/overview'
+
+// Headers styling  
+h1,
+h2,
+h3
+  +sanserif-font
+  font-weight: bold
+  border-bottom: 1px solid #bbbbbb
+h2
+  font-size: $h2_size
+  margin-bottom: $h2_size
+h1
+  font-size: $h1_size
+  margin-bottom: $h1_size
+h3
+  font-size: $h3_size
+  margin-bottom: $h3_size
+
+a
+  text-decoration: none
+  color: $link_color
+  &:hover
+    color: $link_color_hover
+    
+// Cash up styling
+#cash_register_new,
+#new_day
+  +column($column_small_form)
+#cash_register_new
+  ul
+    width: 50%
+    float: left
+    &.second
+      li
+        width: 141px
+        float: right
+    label
+      width: 45px
+      float: left
+    input
+      width: 90px
+  #cash
+    float: left
+    color: red
+    text-decoration: underline
+    font-weight: bold
+  #result
+    width: 100%
+    margin-top: 10px
+    padding-top: 10px
+    border-top: 1px solid black
+    label
+      font-weight: bold
+      margin-right: 15px
+    input
+      width: 100%
+    li:first-child
+      margin-bottom: 10px
+#new_day
+  label
+    width: 160px
+  input
+    width: 100px
+    float: right
+    &#day_submit
+      width: 100%
+
+// Form styling
+form.formtastic
+  +float-form
+
+#day_edit
+  table
+    th
+      padding-right: 20px
+
+// Accounting **
+tr.currency, th.currency
+  text-align: right
+
+.booking_list tr
+  td
+    background-color: white
+    border-left: 0px none
+    border-right: 0px none
+    border-bottom: 1px solid
+  border-left: 0px none
+  border-right: 0px none
+
+// Snippet from Redmine.css
+.contextual
+  float: right
+  white-space: nowrap
+  line-height: 1.4em
+  margin-top: 5px
+  padding-left: 10px
+  font-size: 0.9em
+  input
+    font-size: 0.9em
+// End of snippet

data/templates/stylesheets/partials/_cyt.sass

@@ -0,0 +1,173 @@
+// Imports
+@import "compass/css3/box-shadow"
+@import 'partials/formtastic'
+@import 'partials/formtastic_cyt'
+@import 'partials/pagination'
+
+// CyT **
+body
+  color: #484848
+  background: #f3f3f3
+  +sanserif-font
+
+#container
+  margin-top: $h2_size
+  width: 95%
+
+#header
+  background-color: #aeb9cf
+  height: 54px
+  margin: 0
+  color: #f8f8f8
+  padding: 4px 8px 0px 6px
+  position: relative
+  +border-radius($border_radius)
+  border: 1px solid #dddddd
+  a
+    color: #f8f8f8
+
+// Content
+#content
+  background-color: white
+  margin: 0px
+  border: 1px solid #dddddd
+  padding: $content_padding
+  +sanserif-font
+  font-size: $text_size
+  +border-radius($border_radius)
+
+* html #content
+  padding-left: 0
+  margin-top: 0px
+  padding: $content_padding
+
+html>body
+  #content, #sidebar
+    min-height: 600px
+
+* html body
+  #content, #sidebar
+    height: 600px
+
+// Sidebar
+#sidebar
+  background-color: white
+  margin: 0px
+  border: 1px solid #dddddd
+  padding: $content_padding
+  +sanserif-font
+  font-size: $text_size
+  +border-radius($border_radius)
+
+// Login form
+#login-form
+  table
+    margin-top: 5em
+    padding: 1em
+    margin-left: auto
+    margin-right: auto
+    border: 2px solid #fdbf3b
+    background-color: #ffebc1
+    td
+      padding: 6px
+  label
+    font-weight: bold
+
+table th
+  text-align: left
+  font-size: 90%
+
+h2, h3, h4
+  border-bottom: 1px solid #bbbbbb
+
+// Welcome
+.welcome
+  margin: 2em
+  margin-bottom: 3.5em
+  p
+    width: 100%
+    font-size: 13pt
+    font-variant: italic
+    img
+      margin-right: 0.5em
+      float: left
+
+// Forms
+.fieldWithErrors
+  display: inline
+  input
+    border-color: #dd0000
+
+// Icons
+td.action-links
+  border: none 0px
+
+th.action-links
+  width: 40px
+
+.contextual48
+  float: right
+  white-space: nowrap
+  line-height: 1.4em
+  margin-top: 30px
+  padding-left: 10px
+  font-size: 0.9em
+
+.icon
+  background-position: 0% 40%
+  background-repeat: no-repeat
+  padding-left: 20px
+  padding-top: 2px
+  padding-bottom: 3px
+
+.icon22
+  background-position: 0% 40%
+  background-repeat: no-repeat
+  padding-left: 26px
+  line-height: 22px
+  vertical-align: middle
+
+.icon48
+  background-position: 0% 40%
+  background-repeat: no-repeat
+  padding-left: 60px
+  line-height: 48px
+  vertical-align: middle
+
+.icon-add
+  background-image: url(/images/16x16/add.png)
+
+.icon-delete
+  background-image: url(/images/16x16/remove.png)
+
+.icon-edit
+  background-image: url(/images/16x16/edit.png)
+
+.icon-index
+  background-image: url(/images/16x16/index.png)
+
+// restful-authentication
+#right-menu
+  float: right
+  div
+    margin: 0.2em
+
+#user-bar-greeting, #user-bar-action
+  display: inline
+
+#user-bar-greeting a, #user-bar-action a
+  font-weight: bold
+
+// Navigation
+.navigation_section
+  margin: 2em
+  margin-bottom: 3.5em
+  img
+    margin-right: 1em
+    float: left
+  ul
+    list-style-type: none
+  li
+    text-align: left
+    font-weight: bold
+    font-style: italic

data/templates/stylesheets/partials/_formtastic.sass

@@ -0,0 +1,203 @@
+/* -------------------------------------------------------------------------------------------------
+ *
+ *It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
+ *this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
+ *This will allow you to update formtastic.css with new releases without clobbering your own changes.
+ *
+ *This stylesheet forms part of the Formtastic Rails Plugin
+ *(c) 2008 Justin French
+ *
+ *--------------------------------------------------------------------------------------------------
+
+/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
+ *--------------------------------------------------------------------------------------------------
+
+form.formtastic
+  margin: 0
+  padding: 0
+  ul, ol, li, fieldset, legend, input, textarea, select, p
+    margin: 0
+    padding: 0
+  fieldset
+    border: 0
+  em, strong
+    font-style: normal
+    font-weight: normal
+  ol, ul
+    list-style: none
+  abbr, acronym
+    border: 0
+    font-variant: normal
+  input, textarea, select
+    font-family: inherit
+    font-size: inherit
+    font-weight: inherit
+  input, textarea, select
+    font-size: 100%
+  legend
+    white-space: normal
+    color: black
+  ul.errors
+    color: #cc0000
+    margin: 0.5em 0 1.5em 25%
+    list-style: square
+    li
+      padding: 0
+      border: none
+      display: list-item
+  fieldset
+    &.inputs
+
+    &.buttons
+      padding-left: 25%
+    ol
+
+    &.buttons li
+      float: left
+      padding-right: 0.5em
+    display: inline-block
+    &:after
+      content: "."
+      display: block
+      height: 0
+      clear: both
+      visibility: hidden
+
+// SEMANTIC ERRORS
+// FIELDSETS & LISTS
+// clearfixing the fieldsets
+html[xmlns] form.formtastic fieldset
+  display: block
+
+* html form.formtastic fieldset
+  height: 1%
+
+// INPUT LIs
+form.formtastic fieldset > ol > li
+  margin-bottom: 1.5em
+  display: inline-block
+  &:after
+    content: "."
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
+
+// clearfixing the li's
+html[xmlns] form.formtastic fieldset > ol > li
+  display: block
+
+* html form.formtastic fieldset > ol > li
+  height: 1%
+
+form.formtastic fieldset
+  > ol > li
+    &.required, &.optional, &.error
+    label
+      display: block
+      width: 25%
+      float: left
+      padding-top: 0.2em
+    > li label
+      line-height: 100%
+      padding-top: 0
+      input
+        line-height: 100%
+        vertical-align: middle
+        margin-top: -0.1em
+    fieldset
+      position: relative
+      legend
+        position: absolute
+        width: 95%
+        padding-top: 0.1em
+        left: 0px
+        span, &.label label
+          position: absolute
+      ol
+        float: left
+        width: 74%
+        margin: 0
+        padding: 0 0 0 25%
+        li
+          padding: 0
+          border: 0
+    p
+      &.inline-hints
+        color: #666666
+        margin: 0.5em 0 0 25%
+      &.inline-errors
+        color: #cc0000
+        margin: 0.5em 0 0 25%
+    ul.errors
+      color: #cc0000
+      margin: 0.5em 0 0 25%
+      list-style: square
+      li
+        padding: 0
+        border: none
+        display: list-item
+    &.string input
+      max-width: 74%
+    &.password input
+      max-width: 13em
+    &.numeric input
+      max-width: 74%
+    &.text textarea
+      width: 74%
+  ol li.hidden
+    display: none
+
+// LABELS
+// NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
+// INLINE HINTS
+// INLINE ERRORS
+// STRING & NUMERIC OVERRIDES
+// TEXTAREA OVERRIDES
+
+// HIDDEN OVERRIDES
+// The dual declarations are required because of our clearfix display hack on the LIs, which is more
+// specific than the more general rule below.
+// TODO: Revist the clearing hack and this rule.
+html[xmlns] form.formtastic fieldset ol li.hidden
+  display: none
+
+// BOOLEAN OVERRIDES
+form.formtastic fieldset > ol > li
+  &.boolean label
+    padding-left: 25%
+    width: auto
+    input
+      margin: 0 0.5em 0 0.2em
+  &.radio fieldset ol
+    margin-bottom: -0.6em
+    li
+      margin: 0.1em 0 0.5em 0
+      label
+        float: none
+        width: 100%
+        input
+          margin-right: 0.2em
+  &.check_boxes fieldset ol
+    margin-bottom: -0.6em
+    li
+      margin: 0.1em 0 0.5em 0
+      label
+        float: none
+        width: 100%
+        input
+          margin-right: 0.2em
+  &.date fieldset ol li, &.time fieldset ol li, &.datetime fieldset ol li
+    float: left
+    width: auto
+    margin: 0 0.3em 0 0
+  &.date fieldset ol li label, &.time fieldset ol li label, &.datetime fieldset ol li label
+    display: none
+  &.date fieldset ol li label input, &.time fieldset ol li label input, &.datetime fieldset ol li label input
+    display: inline
+    margin: 0
+    padding: 0
+
+// RADIO OVERRIDES
+// CHECK BOXES (COLLECTION) OVERRIDES
+// DATE & TIME OVERRIDES