mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-05-16 18:41:06 +00:00
Add FF IE gradients & updated selected state
This commit is contained in:
Jordan Dobson
parent
416d497139
commit
3547edd294
1 changed files with 372 additions and 126 deletions
|
|
@ -17,18 +17,26 @@
|
|||
border: 1px solid #BD610D;
|
||||
background: #FF6700;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0px #94440F;
|
||||
text-shadow: 0 -1px 0px #94440F;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#FF8700,
|
||||
#FF6700);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #FF8700),
|
||||
color-stop(1, #FF6700));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF8700', EndColorStr='#FF6700')";
|
||||
}
|
||||
.ui-btn-up-a {
|
||||
border: 1px solid #BD610D;
|
||||
background: #F26101;
|
||||
color: #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#FF8C3F,
|
||||
#F26101);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #FF8C3F),
|
||||
color-stop(1, #F26101));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF8C3F', EndColorStr='#F26101')";
|
||||
}
|
||||
.ui-btn-up-a a.ui-link-inherit {
|
||||
color: #fff;
|
||||
|
|
@ -37,9 +45,13 @@
|
|||
border: 1px solid #BD610D;
|
||||
background: #F58134;
|
||||
color: #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#FFA365,
|
||||
#F58134);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #FFA365),
|
||||
color-stop(1, #F58134));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFA365', EndColorStr='#F58134')";
|
||||
}
|
||||
.ui-btn-hover-a a.ui-link-inherit {
|
||||
color: #fff;
|
||||
|
|
@ -48,9 +60,13 @@
|
|||
border: 1px solid #BD610D;
|
||||
background: #C24E01;
|
||||
color: #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#CC7032,
|
||||
#C24E01);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #CC7032),
|
||||
color-stop(1, #C24E01));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC7032', EndColorStr='#C24E01')";
|
||||
}
|
||||
.ui-btn-up-a,
|
||||
.ui-btn-hover-a,
|
||||
|
|
@ -81,12 +97,19 @@
|
|||
background: #444;
|
||||
color: #ddd;
|
||||
text-shadow: 0 -1px 0px #000;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#333 0%,
|
||||
#333 5%,
|
||||
#444 15%,
|
||||
#444 60%,
|
||||
#222 100%);
|
||||
background-image: -webkit-gradient(linear, center top, center bottom,
|
||||
color-stop(0, #333),
|
||||
color-stop(5%, #333),
|
||||
color-stop(15%, #444),
|
||||
color-stop(60%, #444),
|
||||
color-stop(1, #222));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222')";
|
||||
}
|
||||
.ui-body-a,
|
||||
.ui-body-a input,
|
||||
|
|
@ -112,20 +135,28 @@
|
|||
.ui-bar-b {
|
||||
font-weight: bold;
|
||||
border: 1px solid #222;
|
||||
background: #FF8700;
|
||||
background: #333333;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0px #111;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#555555,
|
||||
#333333);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #555555),
|
||||
color-stop(1, #333333));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')";
|
||||
}
|
||||
.ui-btn-up-b {
|
||||
border: 1px solid #232323;
|
||||
background: #4064D2;
|
||||
background: #393939;
|
||||
color: #eee;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#5E5E5E,
|
||||
#393939);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #5E5E5E),
|
||||
color-stop(1, #393939));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5E5E5E', EndColorStr='#393939')";
|
||||
}
|
||||
.ui-btn-up-b a.ui-link-inherit {
|
||||
color: #eee;
|
||||
|
|
@ -134,9 +165,13 @@
|
|||
border: 1px solid #232323;
|
||||
background: #494949;
|
||||
color: #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#6E6E6E,
|
||||
#494949);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #6E6E6E),
|
||||
color-stop(1, #494949));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6E6E6E', EndColorStr='#494949')";
|
||||
}
|
||||
|
||||
.ui-btn-hover-b a.ui-link-inherit {
|
||||
|
|
@ -146,9 +181,13 @@
|
|||
border: 1px solid #232323;
|
||||
background: #292929;
|
||||
color: #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#4E4E4E,
|
||||
#292929);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #4E4E4E),
|
||||
color-stop(1, #292929));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4E4E4E', EndColorStr='#292929')";
|
||||
}
|
||||
.ui-btn-down-b a.ui-link-inherit {
|
||||
color: #fff;
|
||||
|
|
@ -179,17 +218,18 @@
|
|||
.ui-body-b {
|
||||
font-weight: normal;
|
||||
border: 1px solid #999;
|
||||
background: #e5e5e5;
|
||||
background-color: #e5e5e5;
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
background-image: url(images/texture_05.png);
|
||||
/*
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #ddd),
|
||||
color-stop(1, #fff));
|
||||
*/
|
||||
background-image: url(images/texture_075.png);
|
||||
}
|
||||
.ui-body-b,
|
||||
.ui-body-b input,
|
||||
.ui-body-b select,
|
||||
.ui-body-b textarea,
|
||||
.ui-body-b button {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.ui-body-b, .ui-body-b input, .ui-body-b select, .ui-body-b textarea, .ui-body-b button { font-family: Helvetica, Arial, sans-serif; }
|
||||
.ui-body-b .ui-link-inherit {
|
||||
color: #333333;
|
||||
}
|
||||
|
|
@ -208,10 +248,14 @@
|
|||
border: 1px solid #ccc;
|
||||
background: #e5e5e5;
|
||||
color: #111;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#eeeeee,
|
||||
#e5e5e5);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #eee),
|
||||
color-stop(0, #eeeeee),
|
||||
color-stop(1, #e5e5e5));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e5e5e5')";
|
||||
}
|
||||
.ui-bar-c,
|
||||
.ui-bar-c input,
|
||||
|
|
@ -233,9 +277,13 @@
|
|||
border: 1px solid #ccc;
|
||||
background: #e5e5e5;
|
||||
color: #444;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#eeeeee,
|
||||
#e5e5e5);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #eee),
|
||||
color-stop(0, #eeeeee),
|
||||
color-stop(1, #e5e5e5));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e5e5e5')";
|
||||
}
|
||||
.ui-btn-up-c a.ui-link-inherit {
|
||||
color: #444;
|
||||
|
|
@ -244,9 +292,13 @@
|
|||
border: 1px solid #ccc;
|
||||
background: #f5f5f5;
|
||||
color: #222;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#ffffff,
|
||||
#f5f5f5);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #fff),
|
||||
color-stop(0, #ffffff),
|
||||
color-stop(1, #f5f5f5));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5')";
|
||||
}
|
||||
.ui-btn-hover-c a.ui-link-inherit {
|
||||
color: #222;
|
||||
|
|
@ -255,9 +307,13 @@
|
|||
border: 1px solid #ccc;
|
||||
background: #d5d5d5;
|
||||
color: #111;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#dddddd,
|
||||
#d5d5d5);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #ddd),
|
||||
color-stop(0, #dddddd),
|
||||
color-stop(1, #d5d5d5));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#d5d5d5')";
|
||||
}
|
||||
.ui-btn-down-c a.ui-link-inherit {
|
||||
color: #111;
|
||||
|
|
@ -283,7 +339,6 @@
|
|||
color: #ff6600;
|
||||
}
|
||||
|
||||
|
||||
/*####################################################################################################################################
|
||||
|
||||
D
|
||||
|
|
@ -296,12 +351,19 @@
|
|||
background: #cbcbcb;
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#ddd 0%,
|
||||
#ccc 5%,
|
||||
#bbb 15%,
|
||||
#ddd 95%,
|
||||
#ccc 100%);
|
||||
background-image: -webkit-gradient(linear, center top, center bottom,
|
||||
color-stop(0, #ddd),
|
||||
color-stop(5%, #ccc),
|
||||
color-stop(15%, #bbb),
|
||||
color-stop(95%, #ddd),
|
||||
color-stop(1, #ccc));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#e5e5e5')";
|
||||
}
|
||||
.ui-bar-d,
|
||||
.ui-bar-d input,
|
||||
|
|
@ -319,12 +381,16 @@
|
|||
}
|
||||
|
||||
.ui-btn-up-d {
|
||||
border: 1px solid #bbb;
|
||||
background: #bbb;
|
||||
border: 1px solid #d5d5d5;
|
||||
background: #ddd;
|
||||
color: #666;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#d5d5d5,
|
||||
#dddddd);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #d5d5d5),
|
||||
color-stop(1, #ddd));
|
||||
color-stop(1, #dddddd));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d5d5d5', EndColorStr='#dddddd')";
|
||||
}
|
||||
.ui-btn-up-d a.ui-link-inherit {
|
||||
color: #666;
|
||||
|
|
@ -333,9 +399,13 @@
|
|||
border: 1px solid #aaa;
|
||||
background: #c5c5c5;
|
||||
color: #666;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#c5c5c5,
|
||||
#cccccc);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #c5c5c5),
|
||||
color-stop(1, #ccc));
|
||||
color-stop(1, #cccccc));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c5c5c5', EndColorStr='#cccccc')";
|
||||
}
|
||||
.ui-btn-hover-d a.ui-link-inherit {
|
||||
color: #666;
|
||||
|
|
@ -344,9 +414,13 @@
|
|||
border: 1px solid #999;
|
||||
background: #b5b5b5;
|
||||
color: #444;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#b5b5b5,
|
||||
#bbbbbb);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #b5b5b5),
|
||||
color-stop(1, #bbb));
|
||||
color-stop(1, #bbbbbb));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b5b5b5', EndColorStr='#bbbbbb')";
|
||||
}
|
||||
.ui-btn-up-d a.ui-link {
|
||||
color: #444;
|
||||
|
|
@ -374,11 +448,16 @@
|
|||
border: 1px solid #aaa;
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
background: #ddd;
|
||||
background: #eee;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#ffffff 0%,
|
||||
#f5f5f5 15%,
|
||||
#eeeeee 100%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #fff),
|
||||
color-stop(0, #ffffff),
|
||||
color-stop(15%, #f5f5f5),
|
||||
color-stop(1, #eee));
|
||||
color-stop(1, #eeeeee));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#eeeeee')";
|
||||
}
|
||||
.ui-body-d .ui-link {
|
||||
font-weight: bold;
|
||||
|
|
@ -401,15 +480,21 @@
|
|||
|
||||
.ui-bar-e {
|
||||
font-weight: bold;
|
||||
border: 1px solid #999;
|
||||
background: #eee;
|
||||
color: #000;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
border: 1px solid #999;
|
||||
background: #dedede;
|
||||
color: #000;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#ffffff 0%,
|
||||
#cccccc 50%,
|
||||
#b5b5b5 50%,
|
||||
#eeeeee 100%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #fff),
|
||||
color-stop(.5, #ccc),
|
||||
color-stop(0, #ffffff),
|
||||
color-stop(.5, #cccccc),
|
||||
color-stop(.5, #b5b5b5),
|
||||
color-stop(1, #eee));
|
||||
color-stop(1, #eeeeee));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#b5b5b5')";
|
||||
}
|
||||
.ui-bar-e,
|
||||
.ui-bar-e input,
|
||||
|
|
@ -427,39 +512,63 @@
|
|||
}
|
||||
.ui-btn-up-e {
|
||||
border: 1px solid #999;
|
||||
background: #f5f5f5;
|
||||
background: #dfdfdf;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#f5f5f5 0%,
|
||||
#cccccc 50%,
|
||||
#b5b5b5 50%,
|
||||
#f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #f5f5f5),
|
||||
color-stop(.5, #ccc),
|
||||
color-stop(.5, #cccccc),
|
||||
color-stop(.5, #b5b5b5),
|
||||
color-stop(1, #f5f5f5));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#b5b5b5')";
|
||||
}
|
||||
.ui-btn-up-e a.ui-link-inherit {
|
||||
color: #333;
|
||||
}
|
||||
.ui-btn-up-e a.ui-link-inherit { color: #333; }
|
||||
.ui-btn-hover-e {
|
||||
border: 1px solid #777;
|
||||
background: #fff;
|
||||
background: #e5e5e5;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0px #fff;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#ffffff 0%,
|
||||
#dddddd 50%,
|
||||
#cccccc 50%,
|
||||
#ffffff 100%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #fff),
|
||||
color-stop(.5, #ddd),
|
||||
color-stop(.5, #ccc),
|
||||
color-stop(1, #fff));
|
||||
color-stop(0, #ffffff),
|
||||
color-stop(.5, #dddddd),
|
||||
color-stop(.5, #cccccc),
|
||||
color-stop(1, #ffffff));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";
|
||||
}
|
||||
.ui-btn-hover-e a.ui-link-inherit {
|
||||
color: #333;
|
||||
}
|
||||
.ui-btn-hover-e a.ui-link-inherit { color: #333; }
|
||||
.ui-btn-down-e {
|
||||
border: 1px solid #888;
|
||||
background: #ddd;
|
||||
background: #ccc;
|
||||
color: #333;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#dddddd 0%,
|
||||
#cccccc 50%,
|
||||
#bbbbbb 50%,
|
||||
#dddddd 100%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #ddd),
|
||||
color-stop(.5, #ccc),
|
||||
color-stop(.5, #bbb),
|
||||
color-stop(1, #ddd));
|
||||
color-stop(0, #dddddd),
|
||||
color-stop(.5, #cccccc),
|
||||
color-stop(.5, #bbbbbb),
|
||||
color-stop(1, #dddddd));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
|
||||
}
|
||||
.ui-btn-down-e a.ui-link-inherit {
|
||||
color: #333;
|
||||
}
|
||||
.ui-btn-down-e a.ui-link-inherit { color: #333; }
|
||||
.ui-btn-up-e,
|
||||
.ui-btn-hover-e,
|
||||
.ui-btn-down-e {
|
||||
|
|
@ -501,16 +610,20 @@ a.ui-link-inherit {
|
|||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border: 1px solid #155678;
|
||||
border: 1px solid #FFBC19;
|
||||
background: #4596ce;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0px #145072;
|
||||
color: #222;
|
||||
text-shadow: 0 1px 0px #eee;
|
||||
background-image: -moz-linear-gradient(top,
|
||||
#FFDC52,
|
||||
#FFBC19);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,
|
||||
color-stop(0, #66a4da),
|
||||
color-stop(1, #1a70b9));
|
||||
color-stop(0, #FFDC52),
|
||||
color-stop(1, #FFBC19));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFDC52', EndColorStr='#FFBC19')";
|
||||
}
|
||||
.ui-btn-active a.ui-link-inherit {
|
||||
color: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* button Inner Highlight */
|
||||
|
|
@ -520,87 +633,225 @@ a.ui-link-inherit {
|
|||
}
|
||||
|
||||
/* Container Corner radius */
|
||||
.ui-corner-tl { -moz-border-radius-topleft: .6em; -webkit-border-top-left-radius: .6em; border-top-left-radius: .6em; }
|
||||
.ui-corner-tr { -moz-border-radius-topright: .6em; -webkit-border-top-right-radius: .6em; border-top-right-radius: .6em; }
|
||||
.ui-corner-bl { -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; }
|
||||
.ui-corner-br { -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; }
|
||||
.ui-corner-top { -moz-border-radius-topleft: .6em; -webkit-border-top-left-radius: .6em; border-top-left-radius: .6em; -moz-border-radius-topright: .6em; -webkit-border-top-right-radius: .6em; border-top-right-radius: .6em; }
|
||||
.ui-corner-bottom { -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; }
|
||||
.ui-corner-right { -moz-border-radius-topright: .6em; -webkit-border-top-right-radius: .6em; border-top-right-radius: .6em; -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; }
|
||||
.ui-corner-left { -moz-border-radius-topleft: .6em; -webkit-border-top-left-radius: .6em; border-top-left-radius: .6em; -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; }
|
||||
.ui-corner-all { -moz-border-radius: .6em; -webkit-border-radius: .6em; border-radius: .6em; }
|
||||
.ui-corner-tl {
|
||||
-moz-border-radius-topleft: .6em;
|
||||
-webkit-border-top-left-radius: .6em;
|
||||
border-top-left-radius: .6em;
|
||||
}
|
||||
.ui-corner-tr {
|
||||
-moz-border-radius-topright: .6em;
|
||||
-webkit-border-top-right-radius: .6em;
|
||||
border-top-right-radius: .6em;
|
||||
}
|
||||
.ui-corner-bl {
|
||||
-moz-border-radius-bottomleft: .6em;
|
||||
-webkit-border-bottom-left-radius: .6em;
|
||||
border-bottom-left-radius: .6em;
|
||||
}
|
||||
.ui-corner-br {
|
||||
-moz-border-radius-bottomright: .6em;
|
||||
-webkit-border-bottom-right-radius: .6em;
|
||||
border-bottom-right-radius: .6em;
|
||||
}
|
||||
.ui-corner-top {
|
||||
-moz-border-radius-topleft: .6em;
|
||||
-webkit-border-top-left-radius: .6em;
|
||||
border-top-left-radius: .6em;
|
||||
-moz-border-radius-topright: .6em;
|
||||
-webkit-border-top-right-radius: .6em;
|
||||
border-top-right-radius: .6em;
|
||||
}
|
||||
.ui-corner-bottom {
|
||||
-moz-border-radius-bottomleft: .6em;
|
||||
-webkit-border-bottom-left-radius: .6em;
|
||||
border-bottom-left-radius: .6em;
|
||||
-moz-border-radius-bottomright: .6em;
|
||||
-webkit-border-bottom-right-radius: .6em;
|
||||
border-bottom-right-radius: .6em;
|
||||
}
|
||||
.ui-corner-right {
|
||||
-moz-border-radius-topright: .6em;
|
||||
-webkit-border-top-right-radius: .6em;
|
||||
border-top-right-radius: .6em;
|
||||
-moz-border-radius-bottomright: .6em;
|
||||
-webkit-border-bottom-right-radius: .6em;
|
||||
border-bottom-right-radius: .6em;
|
||||
}
|
||||
.ui-corner-left {
|
||||
-moz-border-radius-topleft: .6em;
|
||||
-webkit-border-top-left-radius: .6em;
|
||||
border-top-left-radius: .6em;
|
||||
-moz-border-radius-bottomleft: .6em;
|
||||
-webkit-border-bottom-left-radius: .6em;
|
||||
border-bottom-left-radius: .6em;
|
||||
}
|
||||
.ui-corner-all {
|
||||
-moz-border-radius: .6em;
|
||||
-webkit-border-radius: .6em;
|
||||
border-radius: .6em;
|
||||
}
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; opacity: .3; }
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
/* .ui-icon { background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; background-color: rgba(0,0,0,.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } */
|
||||
|
||||
.ui-icon { background-image: url(images/icons-18-white.png); background-repeat: no-repeat; background-color: #666; background-color: rgba(0,0,0,.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
|
||||
.ui-icon-disc { background-color: #666; background-color: rgba(0,0,0,.3); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
|
||||
.ui-icon {
|
||||
background-image: url(images/icons-18-white.png);
|
||||
background-repeat: no-repeat;
|
||||
background-color: #666;
|
||||
background-color: rgba(0,0,0,.4);
|
||||
-moz-border-radius: 9px;
|
||||
-webkit-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
.ui-icon-disc {
|
||||
background-color: #666;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
-moz-border-radius: 9px;
|
||||
-webkit-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
/* alt color */
|
||||
.ui-icon-black { background-image: url(images/icons-18-black.png); }
|
||||
.ui-icon-black-disc { background-color: #fff; background-color: rgba(255,255,255,.3); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
|
||||
.ui-icon-black {
|
||||
background-image: url(images/icons-18-black.png);
|
||||
}
|
||||
.ui-icon-black-disc {
|
||||
background-color: #fff;
|
||||
background-color: rgba(255,255,255,.3);
|
||||
-moz-border-radius: 9px;
|
||||
-webkit-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
/* retina */
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
|
||||
.ui-icon { background-image: url(images/icons-36-white.png); background-size: 558px 18px; }
|
||||
.ui-icon-black { background-image: url(images/icons-36-black.png); }
|
||||
.ui-icon {
|
||||
background-size: 558px 18px;
|
||||
background-image: url(images/icons-36-white.png);
|
||||
}
|
||||
.ui-icon-black {
|
||||
background-image: url(images/icons-36-black.png);
|
||||
}
|
||||
}
|
||||
|
||||
/*plus minus*/
|
||||
.ui-icon-plus { background-position: -0 0; }
|
||||
.ui-icon-minus { background-position: -36px 0; }
|
||||
.ui-icon-plus { background-position: -0 0; }
|
||||
.ui-icon-minus { background-position: -36px 0; }
|
||||
|
||||
/* delete/close */
|
||||
.ui-icon-delete { background-position: -72px 0; }
|
||||
.ui-icon-delete { background-position: -72px 0; }
|
||||
|
||||
/*arrows*/
|
||||
.ui-icon-arrow-r { background-position: -108px 0; }
|
||||
.ui-icon-arrow-l { background-position: -144px 0; }
|
||||
.ui-icon-arrow-u { background-position: -180px 0; }
|
||||
.ui-icon-arrow-d { background-position: -216px 0; }
|
||||
.ui-icon-arrow-r { background-position: -108px 0; }
|
||||
.ui-icon-arrow-l { background-position: -144px 0; }
|
||||
.ui-icon-arrow-u { background-position: -180px 0; }
|
||||
.ui-icon-arrow-d { background-position: -216px 0; }
|
||||
|
||||
.ui-icon-check { background-position: -252px 0; }
|
||||
.ui-icon-gear { background-position: -288px 0; }
|
||||
.ui-icon-refresh { background-position: -324px 0; }
|
||||
.ui-icon-forward { background-position: -360px 0; }
|
||||
.ui-icon-back { background-position: -396px 0; }
|
||||
.ui-icon-check { background-position: -252px 0; }
|
||||
.ui-icon-gear { background-position: -288px 0; }
|
||||
.ui-icon-refresh { background-position: -324px 0; }
|
||||
.ui-icon-forward { background-position: -360px 0; }
|
||||
.ui-icon-back { background-position: -396px 0; }
|
||||
|
||||
.ui-icon-grid { background-position: -432px 0; }
|
||||
.ui-icon-star { background-position: -468px 0; }
|
||||
.ui-icon-alert { background-position: -504px 0; }
|
||||
.ui-icon-info { background-position: -540px 0; }
|
||||
.ui-icon-grid { background-position: -432px 0; }
|
||||
.ui-icon-star { background-position: -468px 0; }
|
||||
.ui-icon-alert { background-position: -504px 0; }
|
||||
.ui-icon-info { background-position: -540px 0; }
|
||||
|
||||
/*checks,radios*/
|
||||
.ui-icon-checkbox-off,
|
||||
.ui-icon-checkbox-on,
|
||||
.ui-icon-radio-off,
|
||||
.ui-icon-radio-on { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
|
||||
.ui-icon-radio-on {
|
||||
background-color: transparent;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-icon-checkbox-off { background-image: url(images/form-check-off.png); }
|
||||
.ui-icon-checkbox-on { background-image: url(images/form-check-on.png); }
|
||||
.ui-icon-radio-off { background-image: url(images/form-radio-off.png); }
|
||||
.ui-icon-radio-on { background-image: url(images/form-radio-on.png); }
|
||||
.ui-icon-checkbox-on { background-image: url(images/form-check-on.png); }
|
||||
.ui-icon-radio-off { background-image: url(images/form-radio-off.png); }
|
||||
.ui-icon-radio-on { background-image: url(images/form-radio-on.png); }
|
||||
|
||||
.ui-icon-search { background-image: url(images/icon-search-black.png); }
|
||||
.ui-icon-search { background-image: url(images/icon-search-black.png); }
|
||||
|
||||
/* loading icon */
|
||||
.ui-icon-loading { background-image: url(images/ajax-loader.png); width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
|
||||
.ui-icon-loading {
|
||||
background-image: url(images/ajax-loader.png);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
/* btn Corner radius */
|
||||
.ui-btn-corner-tl { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; }
|
||||
.ui-btn-corner-tr { -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; }
|
||||
.ui-btn-corner-bl { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; }
|
||||
.ui-btn-corner-br { -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
|
||||
.ui-btn-corner-top { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; }
|
||||
.ui-btn-corner-bottom { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
|
||||
.ui-btn-corner-right { -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
|
||||
.ui-btn-corner-left { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; }
|
||||
.ui-btn-corner-all { -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; }
|
||||
.ui-btn-corner-tl {
|
||||
-moz-border-radius-topleft: 1em;
|
||||
-webkit-border-top-left-radius: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-tr {
|
||||
-moz-border-radius-topright: 1em;
|
||||
-webkit-border-top-right-radius: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-bl {
|
||||
-moz-border-radius-bottomleft: 1em;
|
||||
-webkit-border-bottom-left-radius: 1em;
|
||||
border-bottom-left-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-br {
|
||||
-moz-border-radius-bottomright: 1em;
|
||||
-webkit-border-bottom-right-radius: 1em;
|
||||
border-bottom-right-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-top {
|
||||
-moz-border-radius-topleft: 1em;
|
||||
-webkit-border-top-left-radius: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
-moz-border-radius-topright: 1em;
|
||||
-webkit-border-top-right-radius: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-bottom {
|
||||
-moz-border-radius-bottomleft: 1em;
|
||||
-webkit-border-bottom-left-radius: 1em;
|
||||
border-bottom-left-radius: 1em;
|
||||
-moz-border-radius-bottomright: 1em;
|
||||
-webkit-border-bottom-right-radius: 1em;
|
||||
border-bottom-right-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-right {
|
||||
-moz-border-radius-topright: 1em;
|
||||
-webkit-border-top-right-radius: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
-moz-border-radius-bottomright: 1em;
|
||||
-webkit-border-bottom-right-radius: 1em;
|
||||
border-bottom-right-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-left {
|
||||
-moz-border-radius-topleft: 1em;
|
||||
-webkit-border-top-left-radius: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
-moz-border-radius-bottomleft: 1em;
|
||||
-webkit-border-bottom-left-radius: 1em;
|
||||
border-bottom-left-radius: 1em;
|
||||
}
|
||||
.ui-btn-corner-all {
|
||||
-moz-border-radius: .4em;
|
||||
-webkit-border-radius: .4em;
|
||||
border-radius: .4em;
|
||||
}
|
||||
|
||||
.ui-corner-tl, .ui-corner-tr, .ui-corner-bl,
|
||||
.ui-corner-br, .ui-corner-top, .ui-corner-bottom,
|
||||
|
|
@ -615,12 +866,12 @@ a.ui-link-inherit {
|
|||
|
||||
/* Overlays */
|
||||
.ui-overlay {
|
||||
background: #666;
|
||||
opacity: .5;
|
||||
filter:Alpha(Opacity=50);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
opacity: .5;
|
||||
filter: Alpha(Opacity=50);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #666;
|
||||
}
|
||||
.ui-overlay-shadow {
|
||||
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
|
||||
|
|
@ -651,7 +902,12 @@ a.ui-link-inherit {
|
|||
}
|
||||
|
||||
/* set focus state last */
|
||||
.ui-focus { outline: none; -moz-box-shadow: 0px 0px 12px #387bbe; -webkit-box-shadow: 0px 0px 12px #387bbe; box-shadow: 0px 0px 12px #387bbe; }
|
||||
.ui-focus {
|
||||
outline: none;
|
||||
-moz-box-shadow: 0px 0px 12px #FFBC19;
|
||||
-webkit-box-shadow: 0px 0px 12px #FFBC19;
|
||||
box-shadow: 0px 0px 12px #FFBC19;
|
||||
}
|
||||
|
||||
/*####################################################################################################################################
|
||||
|
||||
|
|
@ -664,27 +920,17 @@ a.ui-link-inherit {
|
|||
.ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all,
|
||||
.ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all .ui-btn-inner,
|
||||
.ui-slider.ui-btn-corner-all{
|
||||
-moz-border-radius: 1em;
|
||||
-webkit-border-radius: 1em;
|
||||
border-radius: 1em;
|
||||
-moz-border-radius: 1em;
|
||||
-webkit-border-radius: 1em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
a.ui-btn.ui-btn-inline.ui-btn-corner-all,
|
||||
a.ui-btn.ui-btn-inline.ui-btn-corner-all .ui-btn-inner{
|
||||
-moz-border-radius: 2em;
|
||||
-webkit-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
|
||||
-moz-border-radius: 2em;
|
||||
-webkit-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
|
||||
/*
|
||||
.ui-btn-inline .ui-btn-inner,
|
||||
.ui-btn-inline{
|
||||
-moz-border-radius: 2em;
|
||||
-webkit-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Give the search input a stronger border */
|
||||
.ui-input-search{
|
||||
border: 1px solid #999;
|
||||
|
|
@ -693,7 +939,7 @@ a.ui-btn.ui-btn-inline.ui-btn-corner-all .ui-btn-inner{
|
|||
/* Adjustment for indicator icons inside split list & Search Input - Well I hope so :) */
|
||||
.ui-input-search .ui-btn-icon-notext,
|
||||
.ui-btn-inner .ui-btn-icon-notext{
|
||||
-moz-border-radius: 1em;
|
||||
-webkit-border-radius: 1em;
|
||||
border-radius: 1em;
|
||||
-moz-border-radius: 1em;
|
||||
-webkit-border-radius: 1em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
Loading…
Reference in a new issue