pah 0.0.13 → 0.0.14

data/lib/pah/files/app/assets/stylesheets/_variables.scss

@@ -1,32 +1,29 @@
 @charset "utf-8";
 
-
 /* Font Variables */
-
 $sans_serif: Arial, "Helvetica", sans-serif;
-
 $font-small: 12px;
 $font-medium: 15px;
 $font-large: 19px;
 $font-big: 29px;
 
-
 /* Color Variables */
-
+$main-color: #555;
+$text: #333;
+$darker-color: darken($main-color, 10%);
+$lighter-color: lighten($main-color, 10%);
 $grey1: #eee;
 $grey2: #ddd;
 $grey3: #999;
 $grey4: #666;
 $grey5: #333;
 
-
 /* Mixins */
-
 @mixin transition($property) {
-	-webkit-transition: $property 0.15s ease-in-out;
-	-moz-transition: $property 0.15s ease-in-out;
-	-o-transition: $property 0.15s ease-in-out;
-	transition: $property 0.15s ease-in-out;
+  -webkit-transition: $property 0.15s ease-in-out;
+     -moz-transition: $property 0.15s ease-in-out;
+       -o-transition: $property 0.15s ease-in-out;
+          transition: $property 0.15s ease-in-out;
 }
 
 @mixin clearfix {
@@ -39,4 +36,4 @@ $grey5: #333;
     height: 0;
     min-height: 0;
   }
-}
+}

data/lib/pah/files/app/assets/stylesheets/application.scss

@@ -1,4 +1,5 @@
- @import "reset";
- @import "general";
- @import "form";
- @import "responsive";
+@import "variables";
+@import "reset";
+@import "general";
+@import "form";
+@import "responsive";

data/lib/pah/files/app/assets/stylesheets/form.scss

@@ -1,27 +1,23 @@
 @charset "utf-8";
-@import "variables";
-
 
 /* Fluid Form */
 
 .simple_form {
-  
   label {
     font-weight: bold;
   }
-  
+
   .radio {
     width: auto;
   }
-  
 }
 
 .form-fluid {
+  label {
+    display: block;
+  }
 
-  label { display: block; }
-  
   .form-inputs {
-    
     input[type="text"],
     input[type="password"],
     input[type="email"],
@@ -37,9 +33,8 @@
       min-width: 95%;
       max-width: 95%;
     }
-  
   }
-  
+
   .form-actions {
     width: 96%;
     text-align: left;
@@ -54,36 +49,34 @@
     padding: 10px 2% 10px 2%;
     left: 0;
   }
-
 }
 
-
 /* Fixed and Responsive Form */
 
 .form-fixed {
-
   label {
     width: 120px;
     margin: 8px 15px 0 0;
     text-align: right;
     float: left;
   }
-  
+
   .checkbox {
     width: auto;
     margin-left: 135px;
     margin-bottom: 15px;
     clear: both;
   }
-  
+
   .radio_buttons {
     margin-bottom: 25px;
     clear: both;
-    .control-label { margin-right: 0; }
+    .control-label {
+      margin-right: 0;
+    }
   }
-  
-  .form-inputs {
 
+  .form-inputs {
     input[type="text"],
     input[type="password"],
     input[type="email"],
@@ -99,39 +92,39 @@
       min-width: 320px;
       max-width: 320px;
     }
-  
   }
-  
+
   .form-actions {
     margin-left: 135px;
     clear: both;
   }
-  
+
   .hint {
     width: 320px;
     padding: 10px;
     left: 135px;
   }
-  
 }
 
-
 /* Labels */
 
 input[type="checkbox"],
-input[type="radio"] { margin-right: 7px; }
+input[type="radio"] {
+  margin-right: 7px;
+}
 
 .radio_buttons {
-  .radio { margin-left: 20px; }
+  .radio {
+    margin-left: 20px;
+  }
 }
 
-
 /* Fields */
 
 .form-inputs {
   font-size: $font-medium;
   margin-top: 20px;
-  
+
   .input {
     margin-bottom: 20px;
     position: relative;
@@ -155,7 +148,7 @@ input[type="radio"] { margin-right: 7px; }
     color: $grey4;
     outline: none;
   }
-  
+
   input[type="text"],
   input[type="password"],
   input[type="email"],
@@ -165,7 +158,7 @@ input[type="radio"] { margin-right: 7px; }
   textarea {
     margin-top: 8px;
   }
-  
+
   textarea {
     border-radius: 4px;
     border: 1px solid $grey2;
@@ -176,14 +169,11 @@ input[type="radio"] { margin-right: 7px; }
     font: $font-medium $sans_serif;
     outline: none;
   }
-
 }
 
-
 /* Forms Actions */
-  
-.form-actions {
 
+.form-actions {
   button,
   input[type="submit"],
   input[type="button"],
@@ -197,12 +187,12 @@ input[type="radio"] { margin-right: 7px; }
     font: $font-medium $sans_serif;
     outline: none;
     color: $grey4;
-    &:hover { opacity: .7; }
+    &:hover {
+      opacity: .7;
+    }
   }
-
 }
 
-
 /* Hint */
 
 .hint {
@@ -232,9 +222,13 @@ input[type="radio"] { margin-right: 7px; }
   border-bottom: 10px solid $grey5;
 }
 
-.string .hint { bottom: -41px; }
-.text .hint { bottom: -38px; }
+.string .hint {
+  bottom: -41px;
+}
 
+.text .hint {
+  bottom: -38px;
+}
 
 /* Validation */
 
@@ -251,9 +245,4 @@ input[type="radio"] { margin-right: 7px; }
     font-size: $font-small;
     color: #9e0000;
   }
-}
-
-
-/* Othes Classes */
-
-.disabled { display: none; }
+}

data/lib/pah/files/app/assets/stylesheets/general.scss

@@ -1,23 +1,16 @@
 @charset "utf-8";
-@import "variables";
-/* colors */
-$main-color: #555;
-$text: #333;
-$darker-color: darken( $main-color, 10% ) ;
-$lighter-color: lighten( $main-color, 10% );
-
 
 /* General Styles */
-header{
+header {
   height: 50px;
   margin-bottom: 10px;
   background: $lighter-color;
 }
 
 html, body {
-    height: 100%;
-    margin: 0;
-    padding: 0;
+  height: 100%;
+  margin: 0;
+  padding: 0;
 }
 
 body {
@@ -33,18 +26,18 @@ body {
   min-height: 100%;
   position: absolute;
   width: 100%;
-//  padding-bottom: 80px; // should be used if there are divs with float left on main content
+  // padding-bottom: 80px; // should be used if there are divs with float left on main content
 }
 
 #main-content {
-    margin: 0 auto;
-    padding-bottom: 100px;
-    width: 960px;
+  margin: 0 auto;
+  padding-bottom: 100px;
+  width: 960px;
 }
 
-footer{
+footer {
   background: $darker-color;
-  color:$lighter-color;
+  color: $lighter-color;
   bottom: 0px;
   height: 40px;
   left: 0;
@@ -52,4 +45,3 @@ footer{
   position: absolute;
   width: 100%;
 }
-

data/lib/pah/files/app/assets/stylesheets/reset.scss

@@ -1,15 +1,14 @@
 @charset "utf-8";
 
-
 /* Reset */
 
 body,
 h1, h2, h3, h4,
 form, input, textarea, label, a, img {
-	vertical-align: baseline;
-	font-style: normal;
+  vertical-align: baseline;
+  font-style: normal;
   list-style-type: none;
-	padding: 0;
+  padding: 0;
   margin: 0;
   border: 0;
 }
@@ -17,9 +16,13 @@ form, input, textarea, label, a, img {
 article, aside, details,
 figcaption, figure,
 footer, header, hgroup,
-menu, nav, section { display: block; }
+menu, nav, section {
+  display: block;
+}
 
-p { margin: 0 0 20px 0; }
+p {
+  margin: 0 0 20px 0;
+}
 
 hr {
   height: 1px;
@@ -28,14 +31,18 @@ hr {
 }
 
 em,
-dfn { font-style: italic; }
+dfn {
+  font-style: italic;
+}
 
 b,
-strong { font-weight: bold; }
+strong {
+  font-weight: bold;
+}
 
 table {
-	border-collapse: collapse;
-	border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
 fieldset {
@@ -46,7 +53,9 @@ fieldset {
 
 button,
 html input[type="button"],
-input[type="submit"] { cursor: pointer; }
+input[type="submit"] {
+  cursor: pointer;
+}
 
 button,
 input {
@@ -55,10 +64,12 @@ input {
 }
 
 abbr[title],
-dfn[title]{
-	cursor: help;
-	border-bottom: 1px dotted;
+dfn[title] {
+  cursor: help;
+  border-bottom: 1px dotted;
 }
 
 pre,
-code { font-family: monospace; }
+code {
+  font-family: monospace;
+}

data/lib/pah/files/app/assets/stylesheets/responsive.scss

@@ -1,6 +1,4 @@
 @charset "utf-8";
-@import "variables";
-
 
 /* Viewport Config */
 
@@ -20,33 +18,28 @@ body {
   zoom: 1.0;
 }
 
+/**
+ * Max Width, 960px
+ * Media Queries for Tablets and Kindle.
+ */
 
-/*
-Max Width, 960px
-Media Queries for Tablets and Kindle.
-*/
-
-@media (max-width:960px) {
-
+@media (max-width: 960px) {
   .holder {
     width: 700px;
   }
-  
 }
 
-
-/*
-Max Width, 686px
-Media Queries for Smartphones.
-*/
+/**
+ * Max Width, 686px
+ * Media Queries for Smartphones.
+ */
 
 @media only screen and (max-width: 686px) {
-
   .holder {
     width: 90%;
     padding: 0 5% 0 5%;
   }
-  
+
   .simple_form {
     label {
       width: auto;
@@ -56,11 +49,9 @@ Media Queries for Smartphones.
     }
   }
 
-
   /* Fixed and Responsive Form */
 
   .form-fixed {
-
     .checkbox {
       margin-left: 0;
       margin-bottom: 0;
@@ -69,11 +60,12 @@ Media Queries for Smartphones.
     .radio_buttons {
       margin-bottom: 0;
       clear: both;
-      .control-label { margin-right: 0; }
+      .control-label {
+        margin-right: 0;
+      }
     }
 
     .form-inputs {
-
       input[type="text"],
       input[type="password"],
       input[type="email"],
@@ -89,9 +81,8 @@ Media Queries for Smartphones.
         min-width: 95%;
         max-width: 95%;
       }
-  
     }
-    
+
     .form-actions {
       margin-top: 20px;
       margin-left: 0;
@@ -102,7 +93,5 @@ Media Queries for Smartphones.
       padding: 10px 2% 10px 2%;
       left: 0;
     }
-
   }
-
 }