summaryrefslogtreecommitdiff
path: root/colors.css
diff options
context:
space:
mode:
authorYuval Adam <yuval@y3xz.com>2015-06-09 16:37:36 +0300
committerYuval Adam <yuval@y3xz.com>2015-06-09 16:37:36 +0300
commit527dd3373c4d4a54a080557408c4786aa7e03f87 (patch)
tree36a245c7f12c52e4311849b9894d5fbc2315eb9d /colors.css
parent1c151d4e5afaa1558618ded6bf9efe47742e8b26 (diff)
Client dir
Diffstat (limited to 'colors.css')
-rw-r--r--colors.css98
1 files changed, 0 insertions, 98 deletions
diff --git a/colors.css b/colors.css
deleted file mode 100644
index c18dec8..0000000
--- a/colors.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/* Base styles */
-#login-buttons-instagram {
- font-size: 1.2em;
- font-family: sans-serif;
- color:#333;
- text-shadow:1px 1px #fff;
- text-decoration: none;
- 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;
-}
-
-#login-buttons-instagram:before, #login-buttons-instagram:after {
- content:'';
- display:block;
- position: absolute;
-}
-
-/* Add Stripes */
-#login-buttons-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 */
- top:0;
- right:0;
-}
-
-/* Add Hightlights */
-#login-buttons-instagram:after {
- width:100%;
- height: 100%;
- top: 0;
- left: 0;
- border-radius: 0.25em;
- padding-left: 0.25em;
- box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0 rgba(0,0,0,0.1);
-
-background: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.2) 49%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.1) 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(49%,rgba(255,255,255,0.2)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1)));
-background: -webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
-background: -o-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
-background: -ms-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
-background: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#1a000000',GradientType=0 );
-
-}
-
-
-/* Animate - Fade */
-#login-buttons-instagram, #login-buttons-instagram:before {
- -webkit-transition-property: background, border;
- -webkit-transition: 0.1s ease-in;
- -moz-transition-property: background, border;
- -moz-transition: 0.1s ease-in;
- -o-transition-property: background, border;
- -o-transition: 0.1s ease-in;
- transition-property: background, border;
- transition: 0.1s ease-in;
-
-}
-
-/* Hover / Focus */
-#login-buttons-instagram:hover, #login-buttons-instagram:focus {
- background: #fff;
-}
-
-#login-buttons-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-buttons-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%);
-background: -o-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: -ms-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: linear-gradient(to bottom, 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%);
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#0d000000',GradientType=0 );
-
-}
-
-/* Active */
-#login-buttons-instagram:active {
- margin:1px 0 0;
-} \ No newline at end of file