diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/jqtouch.css | 373 | ||||
| -rw-r--r-- | css/theme.css | 561 |
2 files changed, 934 insertions, 0 deletions
diff --git a/css/jqtouch.css b/css/jqtouch.css new file mode 100644 index 0000000..5c3e736 --- /dev/null +++ b/css/jqtouch.css @@ -0,0 +1,373 @@ +* { + margin: 0; + padding: 0; +} +a { + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +div#jqt { + /*overflow-x: hidden;*/ + -webkit-user-select: none; + -webkit-text-size-adjust: none; + font-family: "Helvetica Neue", Helvetica; + -webkit-perspective: 800; + -webkit-transform-style: preserve-3d; +} +#jqt .selectable, #jqt input, #jqt textarea { + -webkit-user-select: auto; +} +div#jqt > * { + -webkit-backface-visibility: hidden; + -webkit-box-sizing: border-box; + display: none; + position: absolute; + left: 0; + width: 100%; + -webkit-transform: translate3d(0,0,0) rotate(0) scale(1); + min-height: 420px !important; +} +#jqt.fullscreen > * { + min-height: 460px !important; +} +#jqt.fullscreen.black-translucent > * { + min-height: 480px !important; +} +#jqt.landscape > * { + min-height: 320px !important; +} +div#jqt > .current { + display: block !important; +} + +#jqt .in, #jqt .out { + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-duration: 350ms; +} + +#jqt .slide.in { + -webkit-animation-name: slideinfromright; +} + +#jqt .slide.out { + -webkit-animation-name: slideouttoleft; +} + +#jqt .slide.in.reverse { + -webkit-animation-name: slideinfromleft; +} + +#jqt .slide.out.reverse { + -webkit-animation-name: slideouttoright; +} + +@-webkit-keyframes slideinfromright { + from { -webkit-transform: translateX(100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideinfromleft { + from { -webkit-transform: translateX(-100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideouttoleft { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(-100%); } +} + +@-webkit-keyframes slideouttoright { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(100%); } +} + +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@-webkit-keyframes fadeout { + from { opacity: 1; } + to { opacity: 0; } +} + +#jqt .fade.in { + z-index: 10; + -webkit-animation-name: fadein; +} +#jqt .fade.out { + z-index: 0; +} + +#jqt .dissolve.in { + -webkit-animation-name: fadein; +} + +#jqt .dissolve.out { + -webkit-animation-name: fadeout; +} + + + +#jqt .flip { + -webkit-animation-duration: .65s; +} + +#jqt .flip.in { + -webkit-animation-name: flipinfromleft; +} + +#jqt .flip.out { + -webkit-animation-name: flipouttoleft; +} + +/* Shake it all about */ + +#jqt .flip.in.reverse { + -webkit-animation-name: flipinfromright; +} + +#jqt .flip.out.reverse { + -webkit-animation-name: flipouttoright; +} + +@-webkit-keyframes flipinfromright { + from { -webkit-transform: rotateY(-180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipinfromleft { + from { -webkit-transform: rotateY(180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipouttoleft { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(-180deg) scale(.8); } +} + +@-webkit-keyframes flipouttoright { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(180deg) scale(.8); } +} + +#jqt .slideup.in { + -webkit-animation-name: slideup; + z-index: 10; +} + +#jqt .slideup.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +#jqt .slideup.out.reverse { + z-index: 10; + -webkit-animation-name: slidedown; +} + +#jqt .slideup.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + + +@-webkit-keyframes slideup { + from { -webkit-transform: translateY(100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slidedown { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(100%); } +} + + + +/* Hackish, but reliable. */ + +@-webkit-keyframes dontmove { + from { opacity: 1; } + to { opacity: 1; } +} + +#jqt .swap { + -webkit-transform: perspective(800); + -webkit-animation-duration: .7s; +} +#jqt .swap.out { + -webkit-animation-name: swapouttoleft; +} +#jqt .swap.in { + -webkit-animation-name: swapinfromright; +} +#jqt .swap.out.reverse { + -webkit-animation-name: swapouttoright; +} +#jqt .swap.in.reverse { + -webkit-animation-name: swapinfromleft; +} + + +@-webkit-keyframes swapouttoright { + 0% { + -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); + -webkit-animation-timing-function: ease-in-out; + } + 50% { + -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg); + } +} + +@-webkit-keyframes swapouttoleft { + 0% { + -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); + -webkit-animation-timing-function: ease-in-out; + } + 50% { + -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg); + } +} + +@-webkit-keyframes swapinfromright { + 0% { + -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg); + -webkit-animation-timing-function: ease-in-out; + } + 100% { + -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); + } +} + +@-webkit-keyframes swapinfromleft { + 0% { + -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg); + -webkit-animation-timing-function: ease-in-out; + } + 100% { + -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); + } +} + +#jqt .cube { + -webkit-animation-duration: .55s; +} + +#jqt .cube.in { + -webkit-animation-name: cubeinfromright; + -webkit-transform-origin: 0% 50%; +} +#jqt .cube.out { + -webkit-animation-name: cubeouttoleft; + -webkit-transform-origin: 100% 50%; +} +#jqt .cube.in.reverse { + -webkit-animation-name: cubeinfromleft; + -webkit-transform-origin: 100% 50%; +} +#jqt .cube.out.reverse { + -webkit-animation-name: cubeouttoright; + -webkit-transform-origin: 0% 50%; + +} + +@-webkit-keyframes cubeinfromleft { + from { + -webkit-transform: rotateY(-90deg) translateZ(320px); + opacity: .5; + } + to { + -webkit-transform: rotateY(0deg) translateZ(0); + opacity: 1; + } +} +@-webkit-keyframes cubeouttoright { + from { + -webkit-transform: rotateY(0deg) translateX(0); + opacity: 1; + } + to { + -webkit-transform: rotateY(90deg) translateZ(320px); + opacity: .5; + } +} +@-webkit-keyframes cubeinfromright { + from { + -webkit-transform: rotateY(90deg) translateZ(320px); + opacity: .5; + } + to { + -webkit-transform: rotateY(0deg) translateZ(0); + opacity: 1; + } +} +@-webkit-keyframes cubeouttoleft { + from { + -webkit-transform: rotateY(0deg) translateZ(0); + opacity: 1; + } + to { + -webkit-transform: rotateY(-90deg) translateZ(320px); + opacity: .5; + } +} + + + + +#jqt .pop { + -webkit-transform-origin: 50% 50%; +} + +#jqt .pop.in { + -webkit-animation-name: popin; + z-index: 10; +} + +#jqt .pop.out.reverse { + -webkit-animation-name: popout; + z-index: 10; +} + +#jqt .pop.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +@-webkit-keyframes popin { + from { + -webkit-transform: scale(.2); + opacity: 0; + } + to { + -webkit-transform: scale(1); + opacity: 1; + } +} + +@-webkit-keyframes popout { + from { + -webkit-transform: scale(1); + opacity: 1; + } + to { + -webkit-transform: scale(.2); + opacity: 0; + } +}
\ No newline at end of file diff --git a/css/theme.css b/css/theme.css new file mode 100644 index 0000000..a7d7a34 --- /dev/null +++ b/css/theme.css @@ -0,0 +1,561 @@ +body, #jqt { + background: #000; + color: #ddd; +} +body > *, div#jqt > * { + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#5e5e65)); +} +#jqt h1, #jqt h2 { + font: bold 18px "Helvetica Neue", Helvetica; + text-shadow: rgba(255,255,255,.2) 0 1px 1px; + color: #000; + margin: 10px 20px 5px; +} +/* @group Toolbar */ +#jqt .toolbar { + -webkit-box-sizing: border-box; + border-bottom: 1px solid #000; + padding: 8px; + height: 45px; + background: url(../img/toolbar.png) #000000 repeat-x; + position: relative; +} +#jqt .black-translucent .toolbar { + margin-top: 20px; +} +div#jqt .toolbar > h1 { + position: absolute; + overflow: hidden; + left: 48%; + vertical-align:middle; + line-height: 1em; + margin: 1px 0 0 -75px; + height: 40px; + font-size: 18px; + width: 140px; + font-weight: bold; + text-shadow: rgba(0,0,0,1) 0 -1px 1px; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + color: #fff; +} +div#jqt.landscape .toolbar > h1 { + margin-left: -125px; + width: 250px; +} +#jqt .button, #jqt .back, #jqt .cancel, #jqt .add { + position: absolute; + overflow: hidden; + top: 8px; + right: 10px; + margin: 0; + border-width: 0 5px; + padding: 0 3px; + width: auto; + height: 30px; + line-height: 30px; + font-family: inherit; + font-size: 12px; + font-weight: bold; + color: #fff; + text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0; + text-overflow: ellipsis; + text-decoration: none; + white-space: nowrap; + background: none; + -webkit-border-image: url(../img/button.png) 0 5 0 5; +} +#jqt .button.active, #jqt .cancel.active, #jqt .add.active { + -webkit-border-image: url(../img/button_clicked.png) 0 5 0 5; + color: #aaa; +} +#jqt .blueButton { + -webkit-border-image: url(../img/blueButton.png) 0 5 0 5; + border-width: 0 5px; +} +#jqt .back { + left: 6px; + right: auto; + padding: 0; + max-width: 55px; + border-width: 0 8px 0 14px; + -webkit-border-image: url(../img/back_button.png) 0 8 0 14; +} +#jqt .back.active { + -webkit-border-image: url(../img/back_button_clicked.png) 0 8 0 14; + color: #aaa; +} +#jqt .leftButton, #jqt .cancel { + left: 6px; + right: auto; +} +#jqt .add { + font-size: 24px; + line-height: 24px; + font-weight: bold; +} +#jqt .whiteButton, +#jqt .grayButton, #jqt .redButton, #jqt .blueButton, #jqt .greenButton { + display: block; + border-width: 0 12px; + padding: 10px; + text-align: center; + font-size: 20px; + font-weight: bold; + text-decoration: inherit; + color: inherit; +} + +#jqt .whiteButton.active, #jqt .grayButton.active, #jqt .redButton.active, #jqt .blueButton.active, #jqt .greenButton.active, +#jqt .whiteButton:active, #jqt .grayButton:active, #jqt .redButton:active, #jqt .blueButton:active, #jqt .greenButton:active { + -webkit-border-image: url(../img/activeButton.png) 0 12 0 12; +} +#jqt .whiteButton { + -webkit-border-image: url(../img/whiteButton.png) 0 12 0 12; + text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; +} +#jqt .grayButton { + -webkit-border-image: url(../img/grayButton.png) 0 12 0 12; + color: #FFFFFF; +} + +#jqt .redButton { + -webkit-border-image: url(../img/redButton.png) 0 12 0 12; + color: #FFFFFF; +} + +#jqt .greenButton { + -webkit-border-image: url(../img/greenButton.png) 0 12 0 12; + color: #FFFFFF; +} + + +/* @end */ +/* @group Lists */ +#jqt h1 + ul, #jqt h2 + ul, #jqt h3 + ul, #jqt h4 + ul, #jqt h5 + ul, #jqt h6 + ul { + margin-top: 0; +} +#jqt ul { + color: #aaa; + border: 1px solid #333333; + font: bold 18px "Helvetica Neue", Helvetica; + padding: 0; + margin: 15px 10px 17px 10px; +} +#jqt ul.rounded { + -webkit-border-radius: 8px; + -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; +} +#jqt ul.rounded li:first-child, #jqt ul.rounded li:first-child a { + border-top: 0; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; +} +#jqt ul.rounded li:last-child, #jqt ul.rounded li:last-child a { + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; +} +#jqt ul li { + color: #666; + border-top: 1px solid #333; + border-bottom: #555858; + list-style-type: none; + padding: 10px 10px 10px 10px; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142)); + overflow: hidden; +} +#jqt ul li.arrow { + background-image: url(../img/chevron.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142)); + background-position: right center; + background-repeat: no-repeat; +} + +#jqt ul li.arrow a { + padding: 12px 22px 12px 10px; +} + +#jqt ul li.forward { + background-image: url(../img/chevron_circle.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142)); + background-position: right center; + background-repeat: no-repeat; +} +/* universal links on list */ +#jqt ul li a, #jqt li.img a + a { + color: #fff; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + padding: 12px 10px 12px 10px; + margin: -10px; + -webkit-tap-highlight-color: rgba(0,0,0,0); + text-shadow: rgba(0,0,0,.2) 0 1px 1px; +} +#jqt ul li a.active, #jqt ul li a.button { + background-color: #ff8300; + color: #fff; +} +#jqt ul li a.active.loading { + background-image: url(../img/loading.gif); + background-position: 95% center; + background-repeat: no-repeat; +} +#jqt ul li.arrow a.active { + background-image: url(../img/chevron.png); + background-position: right center; + background-repeat: no-repeat; +} +#jqt ul li.forward a.active { + background-image: url(../img/chevron_circle.png); + background-position: right center; + background-repeat: no-repeat; +} +#jqt ul li.img a + a { + margin: -10px 10px -20px -5px; + font-size: 17px; + font-weight: bold; +} +#jqt ul li.img a + a + a { + font-size: 14px; + font-weight: normal; + margin-left: -10px; + margin-bottom: -10px; + margin-top: 0; +} +#jqt ul li.img a + small + a { + margin-left: -5px; +} +#jqt ul li.img a + small + a + a { + margin-left: -10px; + margin-top: -20px; + margin-bottom: -10px; + font-size: 14px; + font-weight: normal; +} +#jqt ul li.img a + small + a + a + a { + margin-left: 0px !important; + margin-bottom: 0; +} +#jqt ul li a + a { + color: #000; + font: 14px "Helvetica Neue", Helvetica; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin: 0; + padding: 0; +} +#jqt ul li a + a + a, #jqt ul li.img a + a + a + a, #jqt ul li.img a + small + a + a + a { + color: #666; + font: 13px "Helvetica Neue", Helvetica; + margin: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + padding: 0; +} +/* +@end */ +/* @group Forms */ +#jqt ul.form li { + padding: 7px 10px; +} +#jqt ul.form li.error { + border: 2px solid red; +} +#jqt ul.form li.error + li.error { + border-top: 0; +} +#jqt ul li input[type="text"], +#jqt ul li input[type="password"], +#jqt ul li input[type="tel"], +#jqt ul li input[type="number"], +#jqt ul li input[type="search"], +#jqt ul li input[type="email"], +#jqt ul li input[type="url"], +#jqt ul li textarea, +#jqt ul li select { + color: #FFFFFF; + background: transparent url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); + border: 0; + font: bold 17px "Helvetica Neue", Helvetica; + padding: 0; + display: inline-block; + margin-left: 10px; + width: 100%; + -webkit-appearance: textarea; +} +#jqt ul li textarea { + height: 120px; + padding: 0; + text-indent: -2px; +} +#jqt ul li select { + text-indent: 15px; + background: transparent url(../img/chevron.png) no-repeat right center; + -webkit-appearance: textfield; + margin-left: -6px; + width: 104%; +} +#jqt ul li input[type="checkbox"], #jqt ul li input[type="radio"] { + margin: 0; + padding: 10px 10px; +} +#jqt ul li input[type="checkbox"]:after, #jqt ul li input[type="radio"]:after { + content: attr(title); + font: 17px "Helvetica Neue", Helvetica; + display: block; + width: 246px; + color: #ff8300; + margin: -12px 0 0 17px; +} +/* @end */ +/* @group Mini Label */ +#jqt ul li small { + color: #64c114; + font: 17px "Helvetica Neue", Helvetica; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + width: 23%; + float: right; + padding: 0; +} +#jqt ul li.arrow small { + padding: 0 15px; +} +#jqt ul li small.counter { + font-size: 17px; + line-height: 13px; + font-weight: bold; + background: rgba(0,0,0,.15); + color: #fff; + -webkit-border-radius: 11px; + padding: 4px 10px 5px 10px; + display: block; + width: auto; + margin-top: -25px; + -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0; +} +#jqt ul li.arrow small.counter { + margin-right: 15px; +} +/* @end */ +/* @group Individual */ +#jqt ul.individual { + border: 0; + background: none; + clear: both; + overflow: hidden; + padding-bottom: 3px; + -webkit-box-shadow: none; +} +#jqt ul.individual li { + background: #4c4d4e; + border: 1px solid #333; + font-size: 14px; + text-align: center; + -webkit-border-radius: 8px; + -webkit-box-sizing: border-box; + width: 48%; + float: left; + display: block; + padding: 11px 10px 14px 10px; + -webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142)); +} +#jqt ul.individual li + li { + float: right; +} +#jqt ul.individual li a { + color: #fff; + line-height: 16px; + margin: -11px -10px -14px -10px; + padding: 11px 10px 14px 10px; + -webkit-border-radius: 8px; +} +/* @end */ +/* @group Toggle */ +#jqt .toggle { + width: 94px; + position: relative; + height: 27px; + display: block; + overflow: hidden; + float: right; +} +#jqt .toggle input[type="checkbox"]:checked { + left: 0px; +} +#jqt .toggle input[type="checkbox"] { + -webkit-appearance: textarea; + -webkit-border-radius: 5px; + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-transition: left .15s; + background-color: transparent; + background: #fff url(../img/on_off.png) 0 0 no-repeat; + border: 0; + height: 27px; + left: -55px; + margin: 0; + overflow: hidden; + position: absolute; + top: 0; + width: 149px; +} +/* @end */ +/* @group Info */ +#jqt .info { + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa), color-stop(.6,#CCCCCC)); + font-size: 12px; + line-height: 16px; + text-align: center; + text-shadow: rgba(255,255,255,.8) 0 1px 0; + color: #444; + padding: 15px; + border-top: 1px solid rgba(255,255,255,.2); + font-weight: bold; +} +/* @end */ +/* @group Edge to edge */ +#jqt ul.edgetoedge { + border-width: 1px 0; + margin: 0; + padding: 0; +} +#jqt ul.edgetoedge li { + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e1f21), to(#272729)); + border-bottom: 2px solid #000; + border-top: 1px solid #4a4b4d; + font-size: 20px; + margin-bottom: -1px; +} +#jqt ul.edgetoedge li.sep { + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5))); + border-bottom: 1px solid #111113; + border-top: 1px solid #666; + color: #3e9ac3; + font-size: 16px; + margin: 1px 0 0 0; + padding: 2px 10px; + text-shadow: #000 0 1px 0; +} +#jqt ul.edgetoedge li em { + font-weight: normal; + font-style: normal; +} +/* @end */ +/* @group Plastic */ +#jqt #plastic { + background: #17181a; +} +#jqt ul.plastic { + background: #17181a; + color: #aaa; + font: bold 18px "Helvetica Neue", Helvetica; + margin: 0; + padding: 0; + border-width: 0 0 1px 0; +} +#jqt ul.plastic li { + border-width: 1px 0; + border-style: solid; + border-top-color: #222; + border-bottom-color: #000; + color: #666; + list-style-type: none; + overflow: hidden; + padding: 10px 10px 10px 10px; +} +#jqt ul.plastic li a.active.loading { + background-image: url(../img/loading.gif); + background-position: 95% center; + background-repeat: no-repeat; +} +#jqt ul.plastic li small { + color: #888; + font-size: 13px; + font-weight: bold; + line-height: 24px; + text-transform: uppercase; +} +#jqt ul.plastic li:nth-child(odd) { + background-color: #1c1c1f; +} +#jqt ul.plastic li.arrow { + background-image: url(../img/chevron.png); + background-position: right center; + background-repeat: no-repeat; +} +#jqt ul.plastic li.arrow a.active { + background-image: url(../img/chevron.png); + background-position: right center; + background-repeat: no-repeat; +} +#jqt ul.plastic li.forward { + background-image: url(../img/chevron_circle.png); + background-position: right center; + background-repeat: no-repeat; +} +#jqt ul.plastic li.forward a.active { + background-image: url(../img/chevron_circle.png); + background-position: right center; + background-repeat: no-repeat; +} +/* @group Metal */ +#jqt ul.metal { + border-bottom: 0; + border-left: 0; + border-right: 0; + border-top: 0; + margin: 0; +} +#jqt ul.metal li { + background-image: none; + border-top: 1px solid #fff; + border-bottom: 1px solid #666; + font-size: 26px; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1))); +} +#jqt ul.metal li a { + line-height: 26px; + margin: 0; + text-shadow: #fff 0 1px 0; + padding: 13px 0; +} +#jqt ul.metal li a em { + display: block; + font-size: 14px; + font-style: normal; + color: #444; + width: 50%; + line-height: 14px; +} +#jqt ul.metal li a.active { + color: rgb(0,0,0); +} +#jqt ul.metal li small { + float: right; + position: relative; + margin-top: 10px; + font-weight: bold; +} +#jqt ul.metal li.arrow { + background-image: url(../img/chevron.png); + background-position: right center; + background-repeat: no-repeat; + background-image: url(../img/chevron.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1))); + background-repeat: no-repeat; + background-position: right center; +} +#jqt ul.metal li.arrow a small { + padding-right: 15px; + line-height: 17px; +} +/* @end */ |