crimagify 0.0.3.6 → 0.0.3.8

data/test/dummy/app/assets/stylesheets/cropify_mixin.css.scss

@@ -0,0 +1,107 @@
+@mixin opacity($n:1,$ie:100){
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity="$n")";
+	moz-opacity:$n;
+	filter: alpha(opacity=$ie);
+	opacity:$n;
+}
+@mixin textShadow($px:2px 1px 1px,$color:#000000){
+	text-shadow: $px $color;
+	filter: dropshadow(color=$color, offx=2, offy=2);
+}
+@mixin rounded($rounded:5px){
+	-webkit-border-radius:$rounded;
+	-khtml-border-radius:$rounded;
+	-moz-border-radius:$rounded;
+	-o-border-radius:$rounded;
+	border-radius:$rounded;
+}
+@mixin spriteImages($padding:10px,$position:-10px -10px,$color:transparent){
+	padding:$padding;
+	background:$color url('/assets/sprite.png') $position no-repeat;
+}
+
+@mixin sampleSprite($x){
+	background:transparent image-url('/assets/sprite.png') $x no-repeat;
+}
+
+/**/
+@mixin backgroundImage($imageName:no-logo,$format:png, $repeat:no-repeat,$color:transparent){
+	background:$color url(/assets/system/$imageName$format) $repeat !important;
+}
+/*store.scc.scss*/
+@mixin tableCell(){
+	display:table-cell;
+	vertical-align:middle;
+	text-align:center;
+}
+@mixin animation($position:all, $time:0.5s, $move:ease-in-out){
+  -webkit-transition: $position $time $move;
+  -moz-transition: $position $time $move;
+  -o-transition: $position $time $move;
+  -ms-transition: $position $time $move;
+  transition: $position $time $move;
+}
+@mixin transformAnimation($scale:1.2){
+	-webkit-transform: scale($scale);
+	-moz-transform: scale($scale);
+	-o-transform: scale($scale);
+	-ms-transform: scale($scale);
+	transform: scale($scale);
+}
+@mixin animationdelay($time:0.1s){
+	-webkit-transition-delay: $time;
+	-moz-transition-delay: $time;
+	-o-transition-delay: $time;
+	-ms-transition-delay: $time;
+	transition-delay: $time;
+
+}
+@mixin boxShadow($size:1px 1px 1px, $color:#333){
+	-webkit-box-shadow: $size $color;
+	-moz-box-shadow: $size $color;
+	box-shadow: $size $color;
+}
+@mixin rotate($rotate:-180deg){
+	-webkit-transform:rotate($rotate);
+	-moz-transform:rotate($rotate);
+	-o-transform:rotate($rotate);
+	-ms-transform:rotate($rotate);
+	transform:rotate($rotate);
+}
+@mixin boderRadius($rad){
+	-webkit-border-radius:$rad;
+	-moz-border-radius:$rad;
+	border-radius:$rad;
+}
+@mixin dropShadow($size:2px 2px 12px,$op:0.8){
+	filter: drop-shadow($size rgba(0,0,0,$op));
+	-webkit-filter: drop-shadow($size rgba(0,0,0,$op));
+	-moz-filter: drop-shadow($size rgba(0,0,0,$op));
+	-o-filter: drop-shadow($size rgba(0,0,0,$op));
+	ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,"$op")')";
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='rgba(0,0,0,$op)');
+	//filter: url(#drop-shadow);
+}
+/*Degradiants*/
+
+@mixin blue_skye_to_blue_hard_vert(){
+	background: #3399ff; /* Old browsers */
+	background: -moz-linear-gradient(top,  #3399ff 0%, #2268ff 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#2268ff)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #3399ff 0%,#2268ff 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#2268ff',GradientType=0 ); /* IE6-9 */
+}
+
+@mixin black_easy_to_black_dark(){
+	background: #828c95; /* Old browsers */
+	background: -moz-linear-gradient(top,  #828c95 0%, #28343b 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #828c95 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #828c95 0%,#28343b 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #828c95 0%,#28343b 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #828c95 0%,#28343b 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
+}

data/test/dummy/app/assets/stylesheets/jquery.cropify.Jcrop.css

@@ -0,0 +1,165 @@
+/* jquery.Jcrop.css v0.9.12 - MIT License */
+/*
+  The outer-most container in a typical Jcrop instance
+  If you are having difficulty with formatting related to styles
+  on a parent element, place any fixes here or in a like selector
+
+  You can also style this element if you want to add a border, etc
+  A better method for styling can be seen below with .jcrop-light
+  (Add a class to the holder and style elements for that extended class)
+*/
+.jcrop-holder {
+  direction: ltr;
+  text-align: left;
+}
+/* Selection Border */
+.jcrop-vline,
+.jcrop-hline {
+  background: #ffffff url("crimagify/Jcrop.gif");
+  font-size: 0;
+  position: absolute;
+}
+.jcrop-vline {
+  height: 100%;
+  width: 1px !important;
+}
+.jcrop-vline.right {
+  right: 0;
+}
+.jcrop-hline {
+  height: 1px !important;
+  width: 100%;
+}
+.jcrop-hline.bottom {
+  bottom: 0;
+}
+/* Invisible click targets */
+.jcrop-tracker {
+  height: 100%;
+  width: 100%;
+  /* "turn off" link highlight */
+  -webkit-tap-highlight-color: transparent;
+  /* disable callout, image save panel */
+  -webkit-touch-callout: none;
+  /* disable cut copy paste */
+  -webkit-user-select: none;
+}
+/* Selection Handles */
+.jcrop-handle {
+  background-color: #333333;
+  border: 1px #eeeeee solid;
+  width: 7px;
+  height: 7px;
+  font-size: 1px;
+}
+.jcrop-handle.ord-n {
+  left: 50%;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 0;
+}
+.jcrop-handle.ord-s {
+  bottom: 0;
+  left: 50%;
+  margin-bottom: -4px;
+  margin-left: -4px;
+}
+.jcrop-handle.ord-e {
+  margin-right: -4px;
+  margin-top: -4px;
+  right: 0;
+  top: 50%;
+}
+.jcrop-handle.ord-w {
+  left: 0;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 50%;
+}
+.jcrop-handle.ord-nw {
+  left: 0;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 0;
+}
+.jcrop-handle.ord-ne {
+  margin-right: -4px;
+  margin-top: -4px;
+  right: 0;
+  top: 0;
+}
+.jcrop-handle.ord-se {
+  bottom: 0;
+  margin-bottom: -4px;
+  margin-right: -4px;
+  right: 0;
+}
+.jcrop-handle.ord-sw {
+  bottom: 0;
+  left: 0;
+  margin-bottom: -4px;
+  margin-left: -4px;
+}
+/* Dragbars */
+.jcrop-dragbar.ord-n,
+.jcrop-dragbar.ord-s {
+  height: 7px;
+  width: 100%;
+}
+.jcrop-dragbar.ord-e,
+.jcrop-dragbar.ord-w {
+  height: 100%;
+  width: 7px;
+}
+.jcrop-dragbar.ord-n {
+  margin-top: -4px;
+}
+.jcrop-dragbar.ord-s {
+  bottom: 0;
+  margin-bottom: -4px;
+}
+.jcrop-dragbar.ord-e {
+  margin-right: -4px;
+  right: 0;
+}
+.jcrop-dragbar.ord-w {
+  margin-left: -4px;
+}
+/* The "jcrop-light" class/extension */
+.jcrop-light .jcrop-vline,
+.jcrop-light .jcrop-hline {
+  background: #ffffff;
+  filter: alpha(opacity=70) !important;
+  opacity: .70!important;
+}
+.jcrop-light .jcrop-handle {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  background-color: #000000;
+  border-color: #ffffff;
+  border-radius: 3px;
+}
+/* The "jcrop-dark" class/extension */
+.jcrop-dark .jcrop-vline,
+.jcrop-dark .jcrop-hline {
+  background: #000000;
+  filter: alpha(opacity=70) !important;
+  opacity: 0.7 !important;
+}
+.jcrop-dark .jcrop-handle {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  background-color: #ffffff;
+  border-color: #000000;
+  border-radius: 3px;
+}
+/* Simple macro to turn off the antlines */
+.solid-line .jcrop-vline,
+.solid-line .jcrop-hline {
+  background: #ffffff;
+}
+/* Fix for twitter bootstrap et al. */
+.jcrop-holder img,
+img.jcrop-preview {
+  max-width: none;
+}

data/test/dummy/app/views/products/_form.html.erb

@@ -21,7 +21,7 @@
   </div>
   <!--StartCropperImagesSection-->
   <%= images_id(@product) %>
-  <%= image_cropper(@product, { image_name: "imgA", ratio: :user }) %><br/>
+  <%= image_cropper(@product, { image_name: "imgA", ratio: :user , :label_title => "tralalal"}) %><br/>
   <%= image_cropper(@product, { image_name: "imgB", ratio: :big }) %><br/>
   <%#= image_cropper(@product, { image_name: "imgC", ratio: :gigant }) %><br/>
   <%#= image_tag @product.imgA.user %>

data/test/dummy/app/views/users/_product_fields.html.erb

@@ -22,7 +22,7 @@
 		</div>
 	</fieldset>
 	<%= nested_images_id(f.object) %>
-	<%= nested_image_cropper(f.object, { image_name: "imgA", ratio: :user }, { :class => "img_start" }) %>
+	<%= nested_image_cropper(f.object, { image_name: "imgA", ratio: :user ,:label_title => "tralalal"}, { :class => "img_start" }) %>
 	<%= nested_image_cropper(f.object, { image_name: "imgB", ratio: :user }, { :class => "img_start" }) %>
 	<hr>
 </div>

data/test/dummy/db/schema.rb

@@ -0,0 +1,46 @@
+# encoding: UTF-8
+# This file is auto-generated from the current state of the database. Instead
+# of editing this file, please use the migrations feature of Active Record to
+# incrementally modify your database, and then regenerate this schema definition.
+#
+# Note that this schema.rb definition is the authoritative source for your
+# database schema. If you need to create the application database on another
+# system, you should be using db:schema:load, not running all the migrations
+# from scratch. The latter is a flawed and unsustainable approach (the more migrations
+# you'll amass, the slower it'll run and the greater likelihood for issues).
+#
+# It's strongly recommended to check this file into your version control system.
+
+ActiveRecord::Schema.define(:version => 20130426173913) do
+
+  create_table "crimagify_images", :force => true do |t|
+    t.string   "image",          :default => "", :null => false
+    t.string   "image_temporal", :default => "", :null => false
+    t.string   "image_name",     :default => "", :null => false
+    t.integer  "parent_id"
+    t.string   "parent_type"
+    t.datetime "created_at",                     :null => false
+    t.datetime "updated_at",                     :null => false
+  end
+
+  add_index "crimagify_images", ["parent_id"], :name => "index_crimagify_images_on_parent_id"
+
+  create_table "products", :force => true do |t|
+    t.string   "name",        :default => "", :null => false
+    t.string   "description", :default => "", :null => false
+    t.datetime "created_at",                  :null => false
+    t.datetime "updated_at",                  :null => false
+    t.integer  "user_id",     :default => 0,  :null => false
+  end
+
+  add_index "products", ["user_id"], :name => "index_products_on_user_id"
+
+  create_table "users", :force => true do |t|
+    t.string   "name"
+    t.string   "lastname"
+    t.string   "email"
+    t.datetime "created_at", :null => false
+    t.datetime "updated_at", :null => false
+  end
+
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: crimagify
 version: !ruby/object:Gem::Version
-  version: 0.0.3.6
+  version: 0.0.3.8
   prerelease: 
 platform: ruby
 authors:
@@ -99,16 +99,16 @@ extensions: []
 extra_rdoc_files: []
 files:
 - app/assets/images/crimagify/Jcrop.gif
-- app/assets/images/crimagify/no_selected.png
+- app/assets/images/crimagify/no_selected_image.jpg
 - app/assets/javascripts/crimagify/actions_cropper.js.erb
 - app/assets/javascripts/crimagify/application.js
 - app/assets/javascripts/crimagify/jquery.color.js
 - app/assets/javascripts/crimagify/jquery.Jcrop.js
 - app/assets/javascripts/crimagify/nested_forms.js
 - app/assets/stylesheets/crimagify/application.css
-- app/assets/stylesheets/crimagify/cropper.css.scss
-- app/assets/stylesheets/crimagify/jquery.Jcrop.css
-- app/assets/stylesheets/crimagify/mixin.css.scss
+- app/assets/stylesheets/crimagify/cropify_cropper.css.scss
+- app/assets/stylesheets/crimagify/cropify_mixin.css.scss
+- app/assets/stylesheets/crimagify/jquery.cropify.Jcrop.css
 - app/controllers/crimagify/application_controller.rb
 - app/controllers/crimagify/cropper_controller.rb
 - app/helpers/crimagify/application_helper.rb
@@ -136,9 +136,9 @@ files:
 - lib/generators/crimagify/install/install_generator.rb
 - lib/generators/crimagify/install/templates/crimagify_settings.yml
 - lib/generators/crimagify/install/templates/crimagify_versions.yml
-- lib/generators/crimagify/install/templates/cropper.css.scss
-- lib/generators/crimagify/install/templates/jquery.Jcrop.css
-- lib/generators/crimagify/install/templates/mixin.css.scss
+- lib/generators/crimagify/install/templates/cropify_cropper.css.scss
+- lib/generators/crimagify/install/templates/cropify_mixin.css.scss
+- lib/generators/crimagify/install/templates/jquery.cropify.Jcrop.css
 - lib/tasks/crimagify_tasks.rake
 - MIT-LICENSE
 - Rakefile
@@ -149,10 +149,11 @@ files:
 - test/dummy/app/assets/javascripts/products.js
 - test/dummy/app/assets/javascripts/users.js
 - test/dummy/app/assets/stylesheets/application.css
-- test/dummy/app/assets/stylesheets/products.css.scss
+- test/dummy/app/assets/stylesheets/cropify_cropper.css.scss
+- test/dummy/app/assets/stylesheets/cropify_mixin.css.scss
+- test/dummy/app/assets/stylesheets/jquery.cropify.Jcrop.css
 - test/dummy/app/assets/stylesheets/scaffold.css
 - test/dummy/app/assets/stylesheets/scaffolds.css.scss
-- test/dummy/app/assets/stylesheets/users.css
 - test/dummy/app/controllers/application_controller.rb
 - test/dummy/app/controllers/products_controller.rb
 - test/dummy/app/controllers/users_controller.rb
@@ -191,10 +192,12 @@ files:
 - test/dummy/config/locales/en.yml
 - test/dummy/config/routes.rb
 - test/dummy/config.ru
+- test/dummy/db/development.sqlite3
 - test/dummy/db/migrate/20130423160421_create_crimagify_images.crimagify.rb
 - test/dummy/db/migrate/20130423164431_create_users.rb
 - test/dummy/db/migrate/20130424155649_create_products.rb
 - test/dummy/db/migrate/20130426173913_add_field_user_id_to_products.rb
+- test/dummy/db/schema.rb
 - test/dummy/public/404.html
 - test/dummy/public/422.html
 - test/dummy/public/500.html
@@ -245,10 +248,11 @@ test_files:
 - test/dummy/app/assets/javascripts/products.js
 - test/dummy/app/assets/javascripts/users.js
 - test/dummy/app/assets/stylesheets/application.css
-- test/dummy/app/assets/stylesheets/products.css.scss
+- test/dummy/app/assets/stylesheets/cropify_cropper.css.scss
+- test/dummy/app/assets/stylesheets/cropify_mixin.css.scss
+- test/dummy/app/assets/stylesheets/jquery.cropify.Jcrop.css
 - test/dummy/app/assets/stylesheets/scaffold.css
 - test/dummy/app/assets/stylesheets/scaffolds.css.scss
-- test/dummy/app/assets/stylesheets/users.css
 - test/dummy/app/controllers/application_controller.rb
 - test/dummy/app/controllers/products_controller.rb
 - test/dummy/app/controllers/users_controller.rb
@@ -287,10 +291,12 @@ test_files:
 - test/dummy/config/locales/en.yml
 - test/dummy/config/routes.rb
 - test/dummy/config.ru
+- test/dummy/db/development.sqlite3
 - test/dummy/db/migrate/20130423160421_create_crimagify_images.crimagify.rb
 - test/dummy/db/migrate/20130423164431_create_users.rb
 - test/dummy/db/migrate/20130424155649_create_products.rb
 - test/dummy/db/migrate/20130426173913_add_field_user_id_to_products.rb
+- test/dummy/db/schema.rb
 - test/dummy/public/404.html
 - test/dummy/public/422.html
 - test/dummy/public/500.html

data/app/assets/stylesheets/crimagify/mixin.css.scss

@@ -1,191 +0,0 @@
-@mixin opacity($n:1,$ie:100){
-	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity="$n")";
-	moz-opacity:$n;
-	filter: alpha(opacity=$ie);
-	opacity:$n;
-}
-@mixin textShadow($px:2px 1px 1px,$color:#000000){
-	text-shadow: $px $color;
-	filter: dropshadow(color=$color, offx=2, offy=2);
-}
-@mixin rounded($rounded:5px){
-	-webkit-border-radius:$rounded;
-	-khtml-border-radius:$rounded;
-	-moz-border-radius:$rounded;
-	-o-border-radius:$rounded;
-	border-radius:$rounded;
-}
-@mixin spriteImages($padding:10px,$position:-10px -10px,$color:transparent){
-	padding:$padding;
-	background:$color url('/assets/sprite.png') $position no-repeat;
-}
-
-@mixin sampleSprite($x){
-	background:transparent image-url('/assets/sprite.png') $x no-repeat;
-}
-
-/**/
-@mixin backgroundImage($imageName:no-logo,$format:png, $repeat:no-repeat,$color:transparent){
-	background:$color url(/assets/system/$imageName$format) $repeat !important;
-}
-/*store.scc.scss*/
-@mixin tableCell(){
-	display:table-cell;
-	vertical-align:middle;
-	text-align:center;
-}
-@mixin animation($position:all, $time:0.5s, $move:ease-in-out){
-  -webkit-transition: $position $time $move;
-  -moz-transition: $position $time $move;
-  -o-transition: $position $time $move;
-  -ms-transition: $position $time $move;
-  transition: $position $time $move;
-}
-@mixin transformAnimation($scale:1.2){
-	-webkit-transform: scale($scale);
-	-moz-transform: scale($scale);
-	-o-transform: scale($scale);
-	-ms-transform: scale($scale);
-	transform: scale($scale);
-}
-@mixin animationdelay($time:0.1s){
-	-webkit-transition-delay: $time;
-	-moz-transition-delay: $time;
-	-o-transition-delay: $time;
-	-ms-transition-delay: $time;
-	transition-delay: $time;
-
-}
-@mixin boxShadow($size:1px 1px 1px, $color:#333){
-	-webkit-box-shadow: $size $color;
-	-moz-box-shadow: $size $color;
-	box-shadow: $size $color;
-}
-@mixin rotate($rotate:-180deg){
-	-webkit-transform:rotate($rotate);
-	-moz-transform:rotate($rotate);
-	-o-transform:rotate($rotate);
-	-ms-transform:rotate($rotate);
-	transform:rotate($rotate);
-}
-@mixin boderRadius($rad){
-	-webkit-border-radius:$rad;
-	-moz-border-radius:$rad;
-	border-radius:$rad;
-}
-@mixin dropShadow($size:2px 2px 12px,$op:0.8){
-	filter: drop-shadow($size rgba(0,0,0,$op));
-	-webkit-filter: drop-shadow($size rgba(0,0,0,$op));
-	-moz-filter: drop-shadow($size rgba(0,0,0,$op));
-	-o-filter: drop-shadow($size rgba(0,0,0,$op));
-	ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,"$op")')";
-	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='rgba(0,0,0,$op)');
-	//filter: url(#drop-shadow);
-}
-/*Degradiants*/
-
-@mixin orange_easy_to_orange_hard_vert(){
-	background: #fbac37; /* Old browsers */
-	background: -moz-linear-gradient(top,  #fbac37 0%, #f97c00 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbac37), color-stop(100%,#f97c00)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #fbac37 0%,#f97c00 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #fbac37 0%,#f97c00 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #fbac37 0%,#f97c00 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  #fbac37 0%,#f97c00 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbac37', endColorstr='#f97c00',GradientType=0 ); /* IE6-9 */
-
-}
-@mixin blue_skye_to_blue_hard_vert(){
-	background: #3399ff; /* Old browsers */
-	background: -moz-linear-gradient(top,  #3399ff 0%, #2268ff 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#2268ff)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  #3399ff 0%,#2268ff 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#2268ff',GradientType=0 ); /* IE6-9 */
-
-}
-@mixin blue_easy_to_blue_hard_vert(){
-	background: #0099ff; /* Old browsers */
-	background: -moz-linear-gradient(top,  #0099ff 0%, #0e68ab 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#0e68ab)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #0099ff 0%,#0e68ab 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #0099ff 0%,#0e68ab 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #0099ff 0%,#0e68ab 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  #0099ff 0%,#0e68ab 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0e68ab',GradientType=0 ); /* IE6-9 */
-
-}
-@mixin black_easy_to_black_dark(){
-	background: #828c95; /* Old browsers */
-	background: -moz-linear-gradient(top,  #828c95 0%, #28343b 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #828c95 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #828c95 0%,#28343b 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #828c95 0%,#28343b 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  #828c95 0%,#28343b 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
-
-}
-
-@mixin generar_triangulo_bottom($lados:50px,$base:100px,$color:#000){
-	width: 0;
-    height: 0;
-    border-left: $lados solid transparent;
-    border-right: $lados solid transparent;
-    border-top: $base solid $color;
-}
-
-@mixin generar_triangulo_top($lados:50px,$base:100px,$color:#000){
-	width: 0;
-    height: 0;
-    border-left: $lados solid transparent;
-    border-right: $lados solid transparent;
-    border-bottom: $base solid $color;
-}
-
-@mixin generar_triangulo_right($lados:50px,$base:100px,$color:#000){
-	width: 0;
-    height: 0;
-    border-left: $base solid $color;
-    border-bottom: $lados solid transparent;
-    border-top: $lados solid transparent;
-}
-
-@mixin generar_triangulo_left($lados:50px,$base:100px,$color:#000){
-	width: 0;
-    height: 0;
-    border-right: $base solid $color;
-    border-bottom: $lados solid transparent;
-    border-top: $lados solid transparent;
-}
-@mixin red_degradiant_error(){
-	background: -moz-linear-gradient(top,  rgba(255,69,48,1) 0%, rgba(255,39,20,0.7) 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,69,48,1)), color-stop(100%,rgba(255,39,20,0.7))); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4530', endColorstr='#b3ff2714',GradientType=0 ); /* IE6-9 */
-}
-@mixin green_degradian_validate(){
-	background: -moz-linear-gradient(top,  rgba(150,197,111,0.9) 0%, rgba(150,197,111,0.9) 34%, rgba(150,197,111,0.6) 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,197,111,0.9)), color-stop(34%,rgba(150,197,111,0.9)), color-stop(100%,rgba(150,197,111,0.6))); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e696c56f', endColorstr='#9996c56f',GradientType=0 ); /* IE6-9 */
-}
-
-@mixin desabled_submit_Color(){
-	background: rgb(101,130,181); /* Old browsers */
-	background: -moz-linear-gradient(top,  rgba(101,130,181,1) 0%, rgba(121,143,181,1) 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,130,181,1)), color-stop(100%,rgba(121,143,181,1))); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6582b5', endColorstr='#798fb5',GradientType=0 ); /* IE6-9 */
-}