Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

made button active and hover #3

Merged
merged 1 commit into from over 1 year ago

2 participants

dochackedU Dan Finlay
dochackedU

No description provided.

Dan Finlay flyswatter merged commit 28a3de5 into from
Dan Finlay flyswatter closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Showing 1 unique commit by 1 author.

Oct 26, 2012
made buttons hover nd active 239ffd3
This page is out of date. Refresh to see the latest.

Showing 1 changed file with 45 additions and 1 deletion. Show diff stats Hide diff stats

  1. 46  style.css
46  style.css
@@ -89,4 +89,48 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', end
89 89
  	margin:5px;
90 90
  	border-radius:7px;
91 91
  	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
92  
- }
  92
+ }
  93
+ .login:hover{background: rgb(180,221,180); /* Old browsers */
  94
+background: -moz-linear-gradient(top,  rgba(180,221,180,1) 6%, rgba(252,255,104,1) 57%, rgba(82,177,82,1) 91%, rgba(82,177,82,1) 91%, rgba(82,177,82,1) 91%, rgba(0,87,0,1) 100%, rgba(0,138,0,1) 100%, rgba(0,138,0,1) 100%, rgba(0,36,0,1) 100%); /* FF3.6+ */
  95
+background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(180,221,180,1)), color-stop(57%,rgba(252,255,104,1)), color-stop(91%,rgba(82,177,82,1)), color-stop(91%,rgba(82,177,82,1)), color-stop(91%,rgba(82,177,82,1)), color-stop(100%,rgba(0,87,0,1)), color-stop(100%,rgba(0,138,0,1)), color-stop(100%,rgba(0,138,0,1)), color-stop(100%,rgba(0,36,0,1))); /* Chrome,Safari4+ */
  96
+background: -webkit-linear-gradient(top,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */
  97
+background: -o-linear-gradient(top,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* Opera 11.10+ */
  98
+background: -ms-linear-gradient(top,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* IE10+ */
  99
+background: linear-gradient(to bottom,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* W3C */
  100
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
  101
+
  102
+ }
  103
+ .login:active{
  104
+ 	background: rgb(252,255,104); /* Old browsers */
  105
+background: -moz-linear-gradient(top,  rgba(252,255,104,1) 21%, rgba(180,221,180,1) 21%, rgba(252,255,104,1) 21%, rgba(252,255,104,1) 100%, rgba(82,177,82,1) 100%, rgba(82,177,82,1) 100%, rgba(82,177,82,1) 100%, rgba(0,138,0,1) 100%, rgba(0,36,0,1) 100%, rgba(82,177,82,1) 100%, rgba(0,87,0,1) 100%, rgba(0,138,0,1) 100%); /* FF3.6+ */
  106
+background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,rgba(252,255,104,1)), color-stop(21%,rgba(180,221,180,1)), color-stop(21%,rgba(252,255,104,1)), color-stop(100%,rgba(252,255,104,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(0,138,0,1)), color-stop(100%,rgba(0,36,0,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(0,87,0,1)), color-stop(100%,rgba(0,138,0,1))); /* Chrome,Safari4+ */
  107
+background: -webkit-linear-gradient(top,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* Chrome10+,Safari5.1+ */
  108
+background: -o-linear-gradient(top,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* Opera 11.10+ */
  109
+background: -ms-linear-gradient(top,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* IE10+ */
  110
+background: linear-gradient(to bottom,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* W3C */
  111
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcff68', endColorstr='#008a00',GradientType=0 ); /* IE6-9 */
  112
+
  113
+ }
  114
+
  115
+.signup:hover{
  116
+background: rgb(180,221,180); /* Old browsers */
  117
+background: -moz-linear-gradient(top,  rgba(180,221,180,1) 6%, rgba(252,255,104,1) 57%, rgba(82,177,82,1) 91%, rgba(82,177,82,1) 91%, rgba(82,177,82,1) 91%, rgba(0,87,0,1) 100%, rgba(0,138,0,1) 100%, rgba(0,138,0,1) 100%, rgba(0,36,0,1) 100%); /* FF3.6+ */
  118
+background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(180,221,180,1)), color-stop(57%,rgba(252,255,104,1)), color-stop(91%,rgba(82,177,82,1)), color-stop(91%,rgba(82,177,82,1)), color-stop(91%,rgba(82,177,82,1)), color-stop(100%,rgba(0,87,0,1)), color-stop(100%,rgba(0,138,0,1)), color-stop(100%,rgba(0,138,0,1)), color-stop(100%,rgba(0,36,0,1))); /* Chrome,Safari4+ */
  119
+background: -webkit-linear-gradient(top,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */
  120
+background: -o-linear-gradient(top,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* Opera 11.10+ */
  121
+background: -ms-linear-gradient(top,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* IE10+ */
  122
+background: linear-gradient(to bottom,  rgba(180,221,180,1) 6%,rgba(252,255,104,1) 57%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(82,177,82,1) 91%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%); /* W3C */
  123
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
  124
+}
  125
+.signup:active{
  126
+background: rgb(252,255,104); /* Old browsers */
  127
+background: -moz-linear-gradient(top,  rgba(252,255,104,1) 21%, rgba(180,221,180,1) 21%, rgba(252,255,104,1) 21%, rgba(252,255,104,1) 100%, rgba(82,177,82,1) 100%, rgba(82,177,82,1) 100%, rgba(82,177,82,1) 100%, rgba(0,138,0,1) 100%, rgba(0,36,0,1) 100%, rgba(82,177,82,1) 100%, rgba(0,87,0,1) 100%, rgba(0,138,0,1) 100%); /* FF3.6+ */
  128
+background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,rgba(252,255,104,1)), color-stop(21%,rgba(180,221,180,1)), color-stop(21%,rgba(252,255,104,1)), color-stop(100%,rgba(252,255,104,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(0,138,0,1)), color-stop(100%,rgba(0,36,0,1)), color-stop(100%,rgba(82,177,82,1)), color-stop(100%,rgba(0,87,0,1)), color-stop(100%,rgba(0,138,0,1))); /* Chrome,Safari4+ */
  129
+background: -webkit-linear-gradient(top,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* Chrome10+,Safari5.1+ */
  130
+background: -o-linear-gradient(top,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* Opera 11.10+ */
  131
+background: -ms-linear-gradient(top,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* IE10+ */
  132
+background: linear-gradient(to bottom,  rgba(252,255,104,1) 21%,rgba(180,221,180,1) 21%,rgba(252,255,104,1) 21%,rgba(252,255,104,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(82,177,82,1) 100%,rgba(0,138,0,1) 100%,rgba(0,36,0,1) 100%,rgba(82,177,82,1) 100%,rgba(0,87,0,1) 100%,rgba(0,138,0,1) 100%); /* W3C */
  133
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcff68', endColorstr='#008a00',GradientType=0 ); /* IE6-9 */
  134
+}
  135
+
  136
+	
Commit_comment_tip

Tip: You can add notes to lines in a file. Hover to the left of a line to make a note

Something went wrong with that request. Please try again.