pixarea-compass-themes 0.1.0

data/sass/themes/minipane/_formatting.sass

@@ -0,0 +1,4 @@
+//@import /stylesheets/refinery/formatting.css    
+
+=minipane-formatting
+  +formatting-base

data/sass/themes/minipane/_shadows.sass

@@ -0,0 +1 @@
+=minipane-shadows

data/sass/themes/minipane/_shapes.sass

@@ -0,0 +1,6 @@
+=minipane-shapes
+  #menu a,
+  #body_content_left,
+  #body_content_right
+    +pie
+    +border-radius

data/sass/themes/minipane/_structure.sass

@@ -0,0 +1,50 @@
+=minipane-structure
+
+  $blueprint-grid-columns   : 24
+  $blueprint-container-size : 950px
+  $blueprint-grid-margin    : 10px
+  
+  // Use this to calculate the width based on the total width.
+  // Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
+  $blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin
+  
+  #body_content_title
+    +visually-hide
+
+  .inner
+    +box  
+
+  #page_container
+    +container-alt
+  
+  #header
+    padding-top: 20px
+    margin-bottom: 5px
+
+  #footer
+    margin-top: 10px
+    padding-left: 20px
+
+  #body_content
+    +clearfix
+    position: relative
+
+  #body_content_left
+    +column(16)
+    .no_body_content_right &
+      +column(22)
+  @import compass/layout/stretching
+  #body_content_right
+    +column(8)
+    +last
+    +stretch-y
+    right: 0
+    
+  #menu 
+    +menu-inline-blocks(4)
+  
+  /* FORMS ------------------------------*/
+  
+  .inquiries 
+    form
+      +form-basic

data/sass/themes/minipane/_tones.sass

@@ -0,0 +1,57 @@
+
+
+// DEFAULT BP VALUES:
+
+// $font_color:     #333333 !default
+// $quiet_color:    $font_color + #333333 !default
+// $loud_color:     $font_color - #222222 !default
+// $header_color:   $font_color - #111111 !default
+// $alt_text_color: #666666 !default
+// $blueprint_background_color: #eeeeee !default
+// 
+// $link_color:         #000099               !default
+// $link_hover_color:   black                 !default
+// $link_focus_color:   $link_hover_color     !default
+// $link_active_color:  $link_color + #cc0000 !default
+// $link_visited_color: $link_color - #333333 !default
+// 
+// $feedback_border_color: #dddddd !default
+// $success_color:         #264409 !default
+// $success_bg_color:      #e6efc2 !default
+// $success_border_color:  #c6d880 !default
+// $notice_color:          #514721 !default
+// $notice_bg_color:       #fff6bf !default
+// $notice_border_color:   #ffd324 !default
+// $error_color:           #8a1f11 !default
+// $error_bg_color:        #fbe3e4 !default
+// $error_border_color:    #fbc2c4 !default
+// 
+// $highlight_color:        yellow !default
+// $added_color:             white !default
+// $added_bg_color:        #006600 !default
+// $removed_color:           white !default
+// $removed_bg_color:      #990000 !default
+// 
+// $blueprint_table_header_color: #c3d9ff !default
+// $blueprint_table_stripe_color: #e5ecf9 !default
+
+@import lib
+
+//@import themes/minipane/tones/circus
+@import themes/minipane/tones/burma
+@import themes/minipane/tones/dark
+//@import themes/minipane/tones/firen
+//@import themes/minipane/tones/rusty
+
+=minipane-tones($tones: burma)
+  @if $tones == circus
+    +minipane-tones-circus
+  @if $tones == burma
+    +minipane-tones-burma
+  @if $tones == dark
+    +minipane-tones-dark
+  @if $tones == firen
+    +minipane-tones-firen
+  @if $tones == rusty
+    +minipane-tones-rusty
+

data/sass/themes/minipane/tones/_burma.sass

@@ -0,0 +1,26 @@
+=minipane-tones-burma
+
+  $darkblue: $burma-darkblue
+  $clearblue: $burma-clearblue
+  $sable: $burma-sable      
+  $palegreen: $burma-palegreen 
+  $deepgreen: $burma-deepgreen
+  $lightsable: $burma-lightsable
+  
+  html, body  
+    height: 100%
+  body
+    +linear-gradient-pie(#333 0%, #999 100%)             
+  #header
+    h1
+      background: $darkblue
+  #body_content_left
+    background: $lightsable
+  #menu li
+    background: $lightsable
+    +linear-gradient-pie($palegreen 0%, $deepgreen 100%)
+  #body_content_right .inner
+    $framb: #A83438
+    background: $framb
+    border: 1px solid $framb - #222222
+

data/sass/themes/minipane/tones/_dark.sass

@@ -0,0 +1,73 @@
+=minipane-tones-dark
+  
+  // PALETTE
+  
+  $neutral:     (blue/9) + (gray) + 70     
+  $dark:        $neutral / 8
+  $light:       $neutral * 1.5
+  $lighter:     $neutral * 2
+  
+  $bg:   $dark
+  $text: $neutral
+  
+  // ASSIGNEMENTS
+
+  body
+    background: $bg
+    color:      $text
+
+  a
+    +link-colors($lighter, $lighter + 30, $lighter, $lighter, $lighter)
+    +hover-link
+    
+  #header 
+    h1
+      color: $neutral
+
+  #menu li
+    a
+      +link-colors(inherit, inherit)
+      text-decoration: none
+      background: $bg + 20
+    &.selected a,
+    a:hover
+      background: $bg + 30
+      color: $light
+        
+  #footer
+    color: ($bg / 2) + ($neutral / 2.5)
+    
+  #body_content_left
+    background: $dark + 30
+  
+  #body_content_right 
+    background: $dark + 10
+    color: $neutral - 50
+    //border: 2px solid $dark - 10
+    
+  #{headers()}
+    color: $light - 40
+
+
+  //FORMS
+  
+  input[type=text], 
+  input[type=submit], 
+  textarea
+    background: $dark + 20
+    &:focus
+      background: $dark + 60
+      border: none
+      outline: none
+
+  input[type=submit]
+    color: $neutral
+    font-weight: bold
+    cursor: pointer
+    &:hover
+      background: $dark + 60
+      color: $lighter
+
+
+
+

data/sass/themes/shapy/_formatting.sass

@@ -0,0 +1,4 @@
+//@import /stylesheets/refinery/formatting.css    
+
+=shapy-formatting
+  +formatting-base

data/sass/themes/shapy/_shadows.sass

@@ -0,0 +1,16 @@
+$shadow-color: black !default
+
+=shapy-shadows
+
+  $default-box-shadow-color: $shadow-color
+  $default-box-shadow-blur: 15px
+  #body_content_left,
+  #menu a,
+  #header h1,
+  #header h1 a     
+    +single-box-shadow
+  #header h1 a     
+    +text-shadow(0,0,4px,transparentize($shadow-color, 0.7))
+    //filter: Shadow(Color=$shadow-color, Direction=135, Strength=5)
+  #body_content_right .inner
+    +box-shadow(transparentize(black, 0.6), -6px, 6px, 14px, 0)

data/sass/themes/shapy/_shapes.sass

@@ -0,0 +1,32 @@
+=shapy-shapes-form
+  form
+    input[type=text],
+    input[type=submit],
+    textarea
+      +pie
+      +border-radius
+
+=shapy-shapes-
+  $default-border-radius: 10px
+  +shapy-shapes-form
+  #header h1,
+  #header h1 a,
+  #menu a,
+  #body_content_left
+    +pie
+    +border-radius
+
+
+=shapy-shapes
+  $b: 10px
+  +shapy-shapes-form
+  h1
+    +border-radius-pie(50px $b)
+    a
+      +border-radius-pie(50px $b)
+  #body_content_right .inner
+    +border-radius-pie($b $b*4 $b*4 $b)
+  #body_content_left
+    +border-radius-pie($b)      
+  #menu a
+    +border-radius-pie($b $b 0 0)

data/sass/themes/shapy/_structure.sass

@@ -0,0 +1,49 @@
+=shapy-structure
+  #body_content_title
+    +visually-hide
+    
+  .inner
+    +box  
+      
+  #page
+    #header
+      +container-alt
+      padding-top: 20px      
+    #body
+      +container-alt
+      #body_content_left
+        +column(17)
+        .inner
+          padding-right: 100px
+      .no_body_content_right #body_content_left
+        +column(22)
+      #body_content_right
+        +column(8)
+        +last
+        +pull(1.5)
+        +prepend-top(40px)
+    
+  #menu
+    +menu-inline-blocks(4)
+    padding-left: 10px   
+
+  #header
+    h1
+      padding: 20px 10px
+      a
+        +unstyled-link
+        +inline-block
+        padding: 20px 30px
+        position: relative
+        margin-left: -40px
+
+  #footer
+    +container-alt
+    padding-top:  10px
+    padding-left: 40px
+        
+  /* FORMS ------------------------------*/
+  .inquiries 
+    form
+      +form-basic
+        

data/sass/themes/shapy/_tones.sass

@@ -0,0 +1,59 @@
+
+
+// DEFAULT BP VALUES:
+
+// $font_color:     #333333 !default
+// $quiet_color:    $font_color + #333333 !default
+// $loud_color:     $font_color - #222222 !default
+// $header_color:   $font_color - #111111 !default
+// $alt_text_color: #666666 !default
+// $blueprint_background_color: #eeeeee !default
+// 
+// $link_color:         #000099               !default
+// $link_hover_color:   black                 !default
+// $link_focus_color:   $link_hover_color     !default
+// $link_active_color:  $link_color + #cc0000 !default
+// $link_visited_color: $link_color - #333333 !default
+// 
+// $feedback_border_color: #dddddd !default
+// $success_color:         #264409 !default
+// $success_bg_color:      #e6efc2 !default
+// $success_border_color:  #c6d880 !default
+// $notice_color:          #514721 !default
+// $notice_bg_color:       #fff6bf !default
+// $notice_border_color:   #ffd324 !default
+// $error_color:           #8a1f11 !default
+// $error_bg_color:        #fbe3e4 !default
+// $error_border_color:    #fbc2c4 !default
+// 
+// $highlight_color:        yellow !default
+// $added_color:             white !default
+// $added_bg_color:        #006600 !default
+// $removed_color:           white !default
+// $removed_bg_color:      #990000 !default
+// 
+// $blueprint_table_header_color: #c3d9ff !default
+// $blueprint_table_stripe_color: #e5ecf9 !default
+
+@import lib
+
+@import themes/shapy/tones/circus
+@import themes/shapy/tones/burma
+@import themes/shapy/tones/dark
+@import themes/shapy/tones/firen
+@import themes/shapy/tones/rusty
+
+=shapy-tones($tones: dark)
+  @if $tones == circus
+    +shapy-tones-circus
+  @if $tones == burma
+    +shapy-tones-burma
+  @if $tones == dark
+    +shapy-tones-dark
+  @if $tones == firen
+    +shapy-tones-firen
+  @if $tones == rusty
+    +shapy-tones-rusty
+
+  #menu a
+    +unstyled-link

data/sass/themes/shapy/tones/_burma.sass

@@ -0,0 +1,29 @@
+=shapy-tones-burma
+  
+  $darkblue:  $burma-darkblue
+  $clearblue: $burma-clearblue
+  $sable:     $burma-sable      
+  $palegreen: $burma-palegreen 
+  $deepgreen: $burma-deepgreen
+  $lightsable:$burma-lightsable
+  
+  html, body  
+    height: 100%
+  body
+    +linear-gradient-pie(#333 0%, #999 100%)             
+  #header
+    h1
+      background: $darkblue
+      a
+        +linear-gradient-pie($palegreen 0%, $deepgreen 100%)
+  #body_content_left
+    background: $lightsable
+  #menu a
+    background: $lightsable - 30
+  #body_content_right .inner
+    $framb:     #A83438
+    $bg-sub:    $framb 
+    background: $bg-sub
+    color:      $bg-sub / 4
+    border:    ($bg-sub / 1.5) 2px solid
+

data/sass/themes/shapy/tones/_circus.sass

@@ -0,0 +1,34 @@
+=shapy-tones-circus
+ 
+  $brown:    $circ-brown
+  $red:      $circ-red   
+  $yellow:   $circ-yellow
+  $green:    $circ-green  
+  $white:    $circ-white
+  
+  html, body  
+    height: 100%
+  body     
+    +linear-gradient-pie(#222 0%, #777 100%)      
+  #header
+    h1
+      $mix: mix($yellow, $white, 50) 
+      +linear-gradient-pie($mix 0%, $yellow 100%)      
+      a
+        +linear-gradient-pie($green +#222 0%, $green -#222 100%)      
+  #body_content_left
+    $mix: mix($brown, $white, 50)       
+    +linear-gradient-pie($mix 50px, $white 300px)      
+  #menu li
+    $mix: mix($brown, $white, 80)       
+    +linear-gradient-pie($mix 70%, $mix - #222 100%)      
+    color: $white !important
+  #body_content_right .box
+    background: $red
+    border: 5px solid mix($red,$brown - #333 ,50)
+
+
+
+  
+
+