Version 2 commit

germanfr · Feb 14, 2016 · 89d3379 · 89d3379
1 parent c166290
commit 89d3379
Show file tree

Hide file tree

Showing 29 changed files with 484 additions and 987 deletions.
diff --git a/armondiga-style.css b/armondiga-style.css
@@ -10,7 +10,7 @@ input, select, textarea {
 input[type=text],textarea {
 	border: 1px solid #CCC;
 	font-size: 14px;
-	border-radius: 3px;
+	border-radius: 4px;
 	padding: .4em;
 }
 input[type=text]:active, input[type=text]:focus,
@@ -23,7 +23,6 @@ input[type=button], input[type=submit], select {
 	padding: 5px 10px;
 	border: 1px solid #BFBFBF;
 	border-radius: 2px;
-	cursor: pointer;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
 	color: #444;
 	margin: 0 3px;
@@ -57,6 +56,7 @@ hr {
 }
 
 .non-selectable, .close-button, .title {
+	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
@@ -148,34 +148,41 @@ hr {
 	position: absolute;
 	right: 15px;
 	top: 15px;
-	background-color: rgba(0,0,0,.2);
-	border-radius: 50%;
-
+
 	width: 16px;
 	height: 16px;
-
 	cursor: pointer;
 }
-.close-button:hover {
-	background-color:#FF3333;
-}
-.close-button:before {
+
+.close-button:after {
 	content:'✕';
 	color: white;
 	font-weight: bold;
+	font-family: "Arial";
 
+	background-color: #CCC;
+	border-radius: 50%;
+
 	text-align: center;
-	font-size: 10px;
-	line-height: 16px;
-	width:100%;
+	font-size: 12px;
 
-	position: absolute; 
+	line-height: 10px;
+	height: 10px;
+	width: 10px;
+	padding: 3px;
+
+	position: relative; 
 	top: 0;
 	right: 0;
+
 	display:block;
 
 }
 
+.close-button:hover:after {
+	background-color:#FF3333;
+}
+
 .title {
 	color: #444;
 	left: 120%;
@@ -198,3 +205,18 @@ hr {
 	left:-0.6em;
 	top: 0.4em;
 }
+
+
+.visible {
+	visibility: visible;
+	opacity: 1;
+}
+.oculto {
+	visibility: hidden;
+	opacity: 0;
+}
+.visible, .oculto {
+	transition-duration: .15s;
+	transition-property: visibility, opacity;
+	transition-timing-function:linear;
+}
diff --git a/atribuitions.html b/atribuitions.html
@@ -0,0 +1,31 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8"/>
+	<title>Rainbow Color Picker</title>
+	<link rel="shortcut icon" href="rainbow_favicon.png"/>
+
+	<link rel="stylesheet" type="text/css" href="armondiga-style.css"/>
+	<link rel="stylesheet" type="text/css" href="style.css"/>
+
+</head>
+<body>
+<!--Clip-->
+<div>Icons made by <a href="http://www.flaticon.com/authors/dave-gandy" title="Dave Gandy">Dave Gandy</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a>             is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
+
+<!--Code-->
+<div>Icons made by <a href="http://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a>             is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
+
+<!--Shield-->
+<div>Icons made by <a href="http://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a>             is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
+
+<!--Circle arrows-->
+<div>Icons made by <a href="http://www.flaticon.com/authors/yannick" title="Yannick">Yannick</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a>             is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
+
+<!--Clip-->
+
+
+<!--Clip-->
+</body>
+</html>