4chan-x/src/General/css/jscolor.css
Zixaphir 07bfadf19a Apparently the syntax for linear gradients changed
and nobody told me. Hah hah. This fixes gradients in Chrome and
Nightly
2013-06-07 08:13:39 -07:00

77 lines
1.8 KiB
CSS

.jscBox {
width: 251px;
height: 155px;
}
.jscBoxB,
.jscPadB,
.jscPadM,
.jscSldB,
.jscSldM,
.jscBtn {
position: absolute;
clear: both;
}
.jscBoxB {
left: 320px;
bottom: 20px;
z-index: 30;
border: 1px solid;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
background: ThreeDFace;
}
.jscPad {
width: 181px;
height: 101px;
background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)), linear-gradient(to right, rgb(255,0,0), rgb(255,255,0), rgb(0,255,0), rgb(0,255,255), rgb(0,0,255), rgb(255,0,255), rgb(255,0,0));
background-repeat: no-repeat;
background-position: 0 0;
}
.jscPadB {
left: 10px;
top: 10px;
border: 1px solid;
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
}
.jscPadM {
left: 0;
top: 0;
width: 200px;
height: 121px;
cursor: crosshair;
background-image: url('data:image/gif;base64,R0lGODlhDwAPAKEBAAAAAP///////////yH5BAEKAAIALAAAAAAPAA8AAAIklB8Qx53b4otSUWcvyiz4/4AeQJbmKY4p1HHapBlwPL/uVRsFADs=');
background-repeat: no-repeat;
}
.jscSld {
width: 16px;
height: 101px;
background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
}
.jscSldB {
right: 10px;
top: 10px;
border: 1px solid;
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
}
.jscSldM {
right: 0;
top: 0;
width: 36px;
height: 121px;
cursor: pointer;
background-image: url('data:image/gif;base64,R0lGODlhBwALAKECAAAAAP///6g8eKg8eCH5BAEKAAIALAAAAAAHAAsAAAITTIQYcLnsgGxvijrxqdQq6DRJAQA7');
background-repeat: no-repeat;
}
.jscBtn {
right: 10px;
bottom: 10px;
padding: 0 15px;
height: 18px;
border: 1px solid;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
color: ButtonText;
text-align: center;
cursor: pointer;
}
.jscBtnS {
line-height: 10px;
}