Skip to content
This repository has been archived by the owner on Nov 9, 2017. It is now read-only.

Adding other prefixes! #95

Closed
wants to merge 2 commits into from
Closed

Adding other prefixes! #95

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bab2ba5
Adding prefixed gradient mixins for all browsers. /me hugs open web.
Jun 9, 2011
139f2d5
Adding other prefixes, for the greater good of the open web.
Jun 9, 2011
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
7 changes: 5 additions & 2 deletions r2/r2/public/static/css/compact.scss
View file
Open in desktop
Expand Up @@ -9,9 +9,12 @@

@mixin vertical_gradient($from, $to) {
background-color: ($from + $to) / 2;
background: -moz-linear-gradient(-90deg, $from, $to);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to));
background: -khtml-gradient(linear, 0% 0%, 0% 100%, from($from), to($to));
background: -moz-linear-gradient(-90deg, $from, $to);
background: -webkit-linear-gradient(top, $from, $to);
background: -o-linear-gradient(top, $from, $to);
background: -ms-linear-gradient(top, $from, $to);
background: -khtml-linear-gradient(top, $from, $to);
}
@mixin box-shadow($shadow) {
-webkit-box-shadow: $shadow;
Expand Down
30 changes: 29 additions & 1 deletion r2/r2/public/static/css/reddit.css
View file
Open in desktop
Expand Up @@ -103,7 +103,11 @@ label.disabled { color: gray; }
.fancybutton {
padding: 5px 10px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
background: -webkit-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: -moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: -o-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: -ms-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background-color: #ADC9E6;
border: 1px solid #5E96CF;
-webkit-border-radius: 7px;
Expand All @@ -121,12 +125,20 @@ label.disabled { color: gray; }
}
.fancybutton:hover {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 93%)), to( hsl(210, 54%, 89%)));
background:-webkit-linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
background:-moz-linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
background:-o-linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
background:-ms-linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
background: linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
background-color: #D4E3F2;
}
.fancybutton:focus, .fancybutton:active {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, to( hsl(210, 54%, 89%)), from( hsl(210, 54%, 79%)));
background: -webkit-linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
background: -moz-linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
background: -o-linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
background: -ms-linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
background: linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
background-color: #D4E3F2;
-webkit-box-shadow: inset 0px -1px 0px hsla(0,0%,100%,.7);
-moz-box-shadow: inset 0px -1px 0px hsla(0,0%,100%, .7);
Expand All @@ -136,7 +148,11 @@ label.disabled { color: gray; }
.fancybutton.disabled,
.fancybutton.disabled:active {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 24%, 93%)), to( hsl(210, 24%, 89%)));
background:-webkit-linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
background:-moz-linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
background:-o-linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
background:-ms-linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
background:linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
background-color: #D4E3F2;
border-color: #999;
color: #999;
Expand Down Expand Up @@ -3618,7 +3634,11 @@ table.lined-table {
}
.ui-datepicker-header {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
background: -webkit-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: -moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: -o-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: -ms-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background: linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
background-color: #ADC9E6;
border: 1px solid #5E96CF;
color: #2E6399;
Expand Down Expand Up @@ -3711,7 +3731,11 @@ table.lined-table {
{
color: white;;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 65%)), to( hsl(210, 54%, 45%)));
background: -webkit-linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
background: -moz-linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
background: -o-linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
background: -ms-linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
background: linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
background-color: #4F8AC9;
-webkit-box-shadow: inset 0px 2px 3px hsla(0,0%,0%,.6);
-moz-box-shadow: inset 0px 2px 3px hsla(0,0%,0%,.6);
Expand All @@ -3731,7 +3755,11 @@ table.lined-table {

.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(0, 54%, 75%)), to( hsl(0, 54%, 55%)));
background: -webkit-linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
background: -moz-linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
background: -o-linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
background: -ms-linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
background: linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
background-color: #E19D9D;
}

Expand Down Expand Up @@ -3923,8 +3951,8 @@ dd { margin-left: 20px; }

.calendar .blob.link:hover {
border: 1px solid red;
box-shadow: 2px 2px 2px #000;
-moz-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
z-index: 100;
}

Expand Down