summaryrefslogtreecommitdiff
path: root/client/colors.css
diff options
context:
space:
mode:
Diffstat (limited to 'client/colors.css')
-rw-r--r--client/colors.css40
1 files changed, 20 insertions, 20 deletions
diff --git a/client/colors.css b/client/colors.css
index c18dec8..db0e6f8 100644
--- a/client/colors.css
+++ b/client/colors.css
@@ -1,39 +1,39 @@
/* Base styles */
-#login-buttons-instagram {
+.login-instagram {
font-size: 1.2em;
font-family: sans-serif;
color:#333;
text-shadow:1px 1px #fff;
text-decoration: none;
- display:inline-block;
+ display:inline-block;
padding:0.5em 1.75em 0.5em 1em;
border-radius: 0.25em;
background: #f8f8f8;
border:1px solid #ccc;
border-right:0.25em solid #00558D; /* blue stripe */
position: relative;
- margin:0 0 1px;
+ margin:0 0 1px;
}
-#login-buttons-instagram:before, #login-buttons-instagram:after {
+.login-instagram:before, .login-instagram:after {
content:'';
display:block;
position: absolute;
}
/* Add Stripes */
-#login-buttons-instagram:before {
+.login-instagram:before {
width:0.25em;
height: 100%;
- background:#FBB03B; /* yellow stripe */
- border-left:0.25em solid #D4145A; /* red stripe */
- border-right:0.25em solid #00A99D; /* green stripe */
+ background:#FBB03B; /* yellow stripe */
+ border-left:0.25em solid #D4145A; /* red stripe */
+ border-right:0.25em solid #00A99D; /* green stripe */
top:0;
right:0;
}
/* Add Hightlights */
-#login-buttons-instagram:after {
+.login-instagram:after {
width:100%;
height: 100%;
top: 0;
@@ -54,7 +54,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', e
/* Animate - Fade */
-#login-buttons-instagram, #login-buttons-instagram:before {
+.login-instagram, .login-instagram:before {
-webkit-transition-property: background, border;
-webkit-transition: 0.1s ease-in;
-moz-transition-property: background, border;
@@ -67,21 +67,21 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', e
}
/* Hover / Focus */
-#login-buttons-instagram:hover, #login-buttons-instagram:focus {
+.login-instagram:hover, .login-instagram:focus {
background: #fff;
}
-#login-buttons-instagram:hover {
+.login-instagram:hover {
border-right:0.25em solid #09c;
}
-#login-buttons-instagram:hover:before {
- background:#fc6; /* yellow stripe */
- border-left:0.25em solid #f06; /* red stripe */
- border-right:0.25em solid #0cc; /* green stripe */
+.login-instagram:hover:before {
+ background:#fc6; /* yellow stripe */
+ border-left:0.25em solid #f06; /* red stripe */
+ border-right:0.25em solid #0cc; /* green stripe */
}
-#login-buttons-instagram:hover:after {
+.login-instagram:hover:after {
background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 49%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.05) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(49%,rgba(255,255,255,0.1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.05)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.05) 100%);
@@ -93,6 +93,6 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', e
}
/* Active */
-#login-buttons-instagram:active {
- margin:1px 0 0;
-} \ No newline at end of file
+.login-instagram:active {
+ margin:1px 0 0;
+}