diff --git a/COPYRIGHT b/COPYRIGHT
index ab9564ecfb3..b918ab0933e 100644
--- a/COPYRIGHT
+++ b/COPYRIGHT
@@ -19,7 +19,7 @@ FPDF_TPL 1.1.4 Apache Software License 2.0 No GPL3 only PDF temp
FPDI 1.3.2 Apache Software License 2.0 No GPL3 only PDF templates management
FPDI_Protection 1.0.3 Apache Software License 2.0 No GPL3 only PDF encryption (8 files)
GeoIP x.x Yes GeoIP Maxmind conversion
-iWebkit 4.6.2 LGPL 3.0 Yes Iphone templates framework
+iWebkit 5.0.4 LGPL 3.0 Yes Iphone templates framework
JCrop 0.9.8 MIT Licence Yes JS library to crop images
MagPieRss 0.72 GPL 2.0 Yes Load RSS
NuSoap 0.7.3 LGPL 2.1 Yes Interfaces with third tools
diff --git a/htdocs/includes/iphone/iwebkit/Framework/css/developer-style.css b/htdocs/includes/iphone/iwebkit/Framework/css/developer-style.css
new file mode 100644
index 00000000000..b50c80af8cd
--- /dev/null
+++ b/htdocs/includes/iphone/iwebkit/Framework/css/developer-style.css
@@ -0,0 +1,1138 @@
+/*iWebKit css 5.04 by Christopher Plieger*/
+body {
+ position: relative;
+ margin: 0;
+ -webkit-text-size-adjust: none;
+ min-height: 416px;
+ font-family: helvetica,sans-serif;
+ -webkit-background-size:0.438em 100%;
+ background: -webkit-gradient(linear,left top,right top,from(#c5ccd4), color-stop(71%, #c5ccd4), color-stop(72%, #cbd2d8), to(#cbd2d8));
+ -webkit-touch-callout: none;
+}
+.center {
+ margin: auto;
+ display: block;
+ text-align: center!important;
+}
+img {
+ border: 0;
+}
+a:hover .arrow {
+ background-position: 0 -13px!important;
+}
+@media screen and (max-width: 320px)
+{
+#topbar {
+ height: 44px;
+}
+#title {
+ line-height: 44px;
+ height: 44px;
+ font-size: 16pt;
+}
+#tributton a:first-child, #duobutton a:first-child {
+ width: 101px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+ width: 101px;
+}
+#tributton a {
+ width: 106px;
+}
+#duobutton .links {
+ width: 195px;
+}
+#tributton .links {
+ width: 302px;
+}
+#doublead {
+ width: 300px!important;
+}
+#duoselectionbuttons {
+ width: 191px;
+ height: 30px;
+ top: 7px;
+}
+#triselectionbuttons {
+ width: 290px;
+ height: 30px;
+ top: 7px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+ width: 99px;
+ height: 28px;
+ line-height: 28px;
+}
+#triselectionbuttons a {
+ width: 98px;
+ height: 28px;
+ line-height: 28px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+ width: 99px;
+ height: 28px;
+ line-height: 28px;
+}
+.searchbox form {
+ width: 272px;
+}
+.searchbox input[type="text"] {
+ width: 275px;
+}
+.menu .name {
+ max-width: 77%;
+}.checkbox .name {
+ max-width: 190px;
+}.radiobutton .name {
+ max-width: 190px;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+ line-height: 30px;
+ height: 30px;
+}
+#leftnav img, #rightnav img {
+ margin-top: 4px;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+ top: 7px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+ top: 7px;
+}
+.musiclist .name {
+ max-width:55%
+}
+.textbox textarea {
+ width: 280px;
+}
+.bigfield input{
+ width:295px
+}
+}
+@media screen and (min-width: 321px)
+{
+#topbar {
+ height: 32px;
+}
+#title {
+ line-height: 32px;
+ height: 32px;
+ font-size: 13pt;
+}
+.menu .name {
+ max-width: 85%;
+}.checkbox .name {
+ max-width: 75%;
+}.radiobutton .name {
+ max-width: 75%;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+ line-height: 24px;
+ height: 24px;
+}
+#leftnav img, #rightnav img {
+ margin-top: 4px;
+ height: 70%;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+ top: 4px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+ top: 4px;
+}
+.musiclist .name {
+ max-width:70%
+}
+.textbox textarea {
+ width: 440px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+ width: 152px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+ width: 152px;
+}
+#tributton a {
+ width: 154px;
+}
+#tributton .links {
+ width: 452px;
+}
+#duobutton .links {
+ width: 298px;
+}
+#doublead {
+ width: 350px!important;
+}
+#duoselectionbuttons {
+ width: 293px;
+ height: 24px;
+ top: 4px;
+}
+#triselectionbuttons {
+ width: 450px;
+ height: 24px;
+ top: 4px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+ width: 150px;
+ height: 22px;
+ line-height: 22px;
+}
+#triselectionbuttons a {
+ width: 156px;
+ height: 22px;
+ line-height: 22px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+ width: 150px;
+ height: 22px;
+ line-height: 22px;
+}
+.searchbox form {
+ width: 432px;
+}
+.searchbox input[type="text"] {
+ width: 435px;
+}
+.bigfield input{
+ width:455px
+}
+}
+#topbar.black {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), color-stop(3%, #636363), color-stop(50%, #202020), color-stop(51%, black), color-stop(97%, black), to(#262626));
+}
+#topbar.transparent {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(133,133,133,0.7)), color-stop(3%, rgba(99,99,99,0.7)), color-stop(50%, rgba(32,32,32,0.7)), color-stop(51%, rgba(0,0,0,0.7)), color-stop(97%, rgba(0,0,0,0.7)), to(rgba(38,38,38,0.7)));
+}
+#topbar {
+ position: relative;
+ left: 0;
+ top: 0;
+ width: auto;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642));
+ margin-bottom: 13px;
+}
+#title {
+ position: absolute;
+ font-weight: bold;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 0 10px;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ color: #FFF;
+ text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
+}
+#content {
+ width: 100%;
+ position: relative;
+ min-height: 250px;
+ margin-top: 10px;
+ height: auto;
+ z-index: 0;
+ overflow: hidden;
+}
+#footer {
+ text-align: center;
+ position: relative;
+ margin: 20px 10px 0;
+ height: auto;
+ width: auto;
+ bottom: 10px;
+}
+.ipodlist #footer, .ipodlist #footer a {
+ text-shadow: #FFF 0 -1px 0;
+}
+#footer a, #footer {
+ text-decoration: none;
+ font-size: 9pt;
+ color: #4C4C4C;
+ text-shadow: #FFF 0 1px 0;
+}
+.pageitem {
+ -webkit-border-radius: 8px;
+ background-color: #fff;
+ border: #878787 solid 1px;
+ font-size: 12pt;
+ overflow: hidden;
+ padding: 0;
+ position: relative;
+ display: block;
+ height: auto;
+ width: auto;
+ margin: 3px 9px 17px;
+ list-style: none;
+}
+.textbox {
+ padding: 5px 9px;
+ position: relative;
+ overflow: hidden;
+ border-top: 1px solid #878787;
+}
+#tributton, #duobutton {
+ height: 44px;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f));
+ margin: -13px 0 13px 0;
+ text-align: center;
+}
+#tributton .links, #duobutton .links {
+ height: 30px;
+ -webkit-border-image: url("../images/tributton.png") 0 4 0 4;
+ border-width: 0 4px 0 4px;
+ margin: 0 auto 0px auto;
+ position: relative;
+ top: 7px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+ border-right: 1px solid #6d7e91;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ margin-left: -4px;
+}
+#tributton a, #duobutton a {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ height: 27px;
+ display: inline-block;
+ line-height: 27px;
+ margin-top: 1px;
+ font: bold 13px;
+ text-decoration: none;
+ color: #3f5c84;
+ text-shadow: #FFF 0 1px 0;
+}
+#duobutton a:last-child {
+ border: 0;
+}
+#tributton a:last-child {
+ border-left: 1px solid #6d7e91;
+}
+#tributton a:last-child, #duobutton a:last-child {
+ -webkit-border-top-right-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ margin-right: -4px;
+}
+#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b8b9f), color-stop(3%, #8c9baf), to(#647792));
+ color: white;
+ text-shadow: black 0 -1px 0;
+}
+#triselectionbuttons, #duoselectionbuttons {
+ -webkit-border-image: url('../images/navbutton.png') 0 5 0 5;
+ border-width: 0 5px 0 5px;
+ position: relative;
+ margin: auto;
+}
+#duoselectionbuttons a:first-child {
+ border: 0;
+}
+#triselectionbuttons a:first-child {
+ border-right: solid 1px #556984;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+ margin-left: -4px;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-bottom-left-radius: 6px;
+}
+#triselectionbuttons a, #duoselectionbuttons a {
+ display: inline-block;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ margin-top: 1px;
+ text-shadow: black 0 -1px 0;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909baa), color-stop(3%, #a5b4c6), color-stop(50%, #798eaa), color-stop(51%, #6b83a1), color-stop(97%, #6e85a3), to(#526379));
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+ border-left: solid 1px #556984;
+ margin-right: -4px;
+ -webkit-border-top-right-radius: 6px;
+ -webkit-border-bottom-right-radius: 6px;
+}
+#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed {
+ background: none;
+}
+#doublead {
+ height: 83px!important;
+ position: relative;
+ margin: 0 auto 13px auto;
+}
+#doublead a:first-child {
+ left: 0!important;
+}
+#doublead a:last-child {
+ right: 0!important;
+}
+#doublead a {
+ width: 147px!important;
+ height: 83px!important;
+ position: absolute;
+ -webkit-border-radius: 8px;
+ display: block;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+}
+li#doublead {
+ margin-top: 25px;
+ margin-bottom: 10px!important;
+ background: none;
+}
+li#doublead:hover {
+ background: none;
+}
+.searchbox {
+ height: 44px;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5));
+ margin: -13px 0 13px 0;
+ width: 100%;
+}
+.searchbox form {
+ height: 24px;
+ -webkit-border-image: url('../images/searchfield.png') 4 14 1 24;
+ border-width: 4px 14px 1px 24px;
+ display: block;
+ position: relative;
+ top: 8px;
+ margin: auto;
+}
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+.searchbox input[type="text"] {
+ border: 0;
+ -webkit-appearance: none;
+ height: 18px;
+ float: left;
+ font-size: 13px;
+ padding: 0;
+ position: relative;
+ top: 2px;
+ left: 2px;
+}
+.textbox img {
+ max-width: 100%;
+}
+.textbox p {
+ margin-top: 2px;
+}
+.textbox p {
+ margin-top: 2px;
+ color: #000;
+ margin-bottom: 2px;
+ text-align: justify;
+}
+.textbox img {
+ max-width: 100%;
+}
+.textbox ul {
+ margin: 3px 0 3px 0;
+ list-style: circle!important;
+}
+.textbox li {
+ margin: 0!important;
+}
+.pageitem li:first-child, .pageitem li.form:first-child {
+ border-top: 0;
+}
+.menu, .checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
+ position: relative;
+ list-style-type: none;
+ display: block;
+ height: 43px;
+ overflow: hidden;
+ border-top: 1px solid #878787;
+ width: auto;
+}
+.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input {
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-top-right-radius: 8px;
+}
+.pageitem li:last-child:hover, .pageitem li:last-child a, .radiobutton:last-child input, .select:last-child select, li.button:last-child input, .bigfield:last-child input {
+ -webkit-border-bottom-left-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+}
+.menu:hover, .store:hover, .list #content li a:hover, .list .withimage:hover, .applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6));
+}
+.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{border:0}
+.menu a:hover .name, .store:hover .starcomment, .store:hover .name, .store:hover .comment, .list .withimage a:hover .comment {
+ color: #fff;
+}
+.menu a:hover .comment {
+ color: #CCF;
+}
+.menu a {
+ display: block;
+ height: 43px;
+ width: auto;
+ text-decoration: none;
+}
+.menu a img {
+ width: auto;
+ height: 32px;
+ margin: 5px 0 0 5px;
+ float: left;
+}
+.menu .name, .checkbox .name, .radiobutton .name {
+ margin: 11px 0 0 7px;
+ width: auto;
+ color: #000;
+ font-weight: bold;
+ font-size: 17px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ float: left;
+}
+.menu .comment {
+ margin: 11px 30px 0 0;
+ width: auto;
+ font-size: 17px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ max-width: 75%;
+ white-space: nowrap;
+ float: right;
+ color: #324f85;
+}
+.menu .arrow, .store .arrow, .musiclist .arrow, .list .arrow {
+ position: absolute;
+ width: 8px!important;
+ height: 13px!important;
+ right: 10px;
+ top: 15px;
+ margin: 0!important;
+ background: url("../images/arrow.png") 0 0 no-repeat;
+}
+.applist .arrow {
+ position: absolute;
+ width: 8px!important;
+ height: 13px!important;
+ right: 10px;
+ top: 29px;
+ margin: 0!important;
+ background: url("../images/arrow.png") 0 0 no-repeat;
+}
+.store {
+ height: 90px;
+ border-top: #878787 solid 1px;
+ overflow: hidden;
+ position: relative;
+}
+.store a {
+ width: 100%;
+ height: 90px;
+ display: block;
+ text-decoration: none;
+ position: absolute;
+}
+.store .image {
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 90px;
+ width: 90px;
+ display: block;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f5), to(#d6dce6));
+ -webkit-background-size: 90px;
+}
+.applist .image {
+ width: 57px;
+ height: 57px;
+ display: block;
+ position: absolute;
+ top: 7px;
+ left: 11px;
+ -webkit-border-radius: 8px;
+ -webkit-box-shadow: 0 2px 3px rgb(0,0,0);
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+ -webkit-background-size: 57px;
+}
+li:first-child.store .image, .store:first-child a {
+ -webkit-border-top-left-radius: 8px 8px;
+}
+li:last-child.store .image, .store:last-child a {
+ -webkit-border-bottom-left-radius: 8px 8px;
+}
+.store .name, .applist .name {
+ font-size: 15px;
+ white-space: nowrap;
+ display: block;
+ overflow: hidden;
+ color: #000;
+ max-width: 60%;
+ text-overflow: ellipsis;
+ font-weight: bold;
+}
+.store .name {
+ position: absolute;
+ left: 95px;
+ top: 35px;
+}
+.applist .name {
+ position: absolute;
+ top: 27px;
+ left: 80px;
+ text-shadow: #eeeeee 0 1px 0;
+}
+.store .comment, .list .withimage .comment, .applist .comment, .applist .price {
+ font-size: 12px;
+ color: #7f7f7f;
+ display: block;
+ width: 60%;
+ font-weight: bold;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.store .comment, .list .withimage .comment {
+ margin: 16px 0 0 95px;
+}
+.applist .comment {
+ position: absolute;
+ top: 9px;
+ left: 80px;
+ text-shadow: #eeeeee 0 1px 0;
+ color: #3b3b3b;
+}
+.applist .price {
+ position: absolute;
+ top: 29px;
+ right: 26px;
+ text-shadow: #eeeeee 0 1px 0;
+ text-align: right;
+ color: #3b3b3b;
+}
+.store .arrow, .list .withimage .arrow {
+ top: 39px!important;
+}
+.store .stars0, .store .stars1, .store .stars2, .store .stars3, .store .stars4, .store .stars5 {
+ position: absolute;
+ top: 56px;
+ left: 95px;
+ width: 65px;
+ height: 18px;
+ display: block!important;
+}
+.store .stars0 {
+ background: url('../images/0starsborder.png');
+}
+.store .stars1 {
+ background: url('../images/1starsborder.png');
+}
+.store .stars2 {
+ background: url('../images/2starsborder.png');
+}
+.store .stars3 {
+ background: url('../images/3starsborder.png');
+}
+.store .stars4 {
+ background: url('../images/4starsborder.png');
+}
+.store .stars5, .applist .stars5 {
+ background: url('../images/5stars.png');
+}
+.applist .stars0, .applist .stars1, .applist .stars2, .applist .stars3, .applist .stars4, .applist .stars5 {
+ position: absolute;
+ top: 46px;
+ left: 79px;
+ width: 65px;
+ height: 18px;
+ display: block!important;
+}
+.applist .stars0 {
+ background: url('../images/0stars.png');
+}
+.applist .stars1 {
+ background: url('../images/1stars.png');
+}
+.applist .stars2 {
+ background: url('../images/2stars.png');
+}
+.applist .stars3 {
+ background: url('../images/3stars.png');
+}
+.applist .stars4 {
+ background: url('../images/4stars.png');
+}
+.applist .starcomment {
+ left: 147px;
+ top: 46px;
+ color: #3b3b3b;
+}
+.starcomment {
+ position: absolute;
+ left: 165px;
+ top: 56px;
+ font-size: 12px;
+ color: #7f7f7f;
+ font-weight: lighter;
+}
+.applist a:hover .name, .applist a:hover .starcomment, .applist a:hover .comment, .applist a:hover .price {
+ color: white;
+ text-shadow: none;
+}
+.graytitle {
+ position: relative;
+ font-weight: bold;
+ font-size: 17px;
+ right: 20px;
+ left: 9px;
+ color: #4C4C4C;
+ text-shadow: #FFF 0 1px 0;
+ padding: 1px 0 3px 8px;
+}
+.header {
+ display: block;
+ font-weight: bold;
+ color: rgb(73,102,145);
+ font-size: 12pt;
+ margin-bottom: 6px;
+ line-height: 14pt;
+}
+.musiclist ul, .ipodlist ul, .applist ul {
+ padding: 0;
+}
+.ipodlist ul {
+ margin: 0;
+}
+.musiclist li:nth-child(odd) {
+ background: #dddee0
+}
+.applist li:nth-child(even) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadb0), color-stop(98%, #adadb0), to(#898a8d))
+}
+.applist li:nth-child(odd) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98989c), color-stop(98%, #98989c), to(#898a8d))
+
+}
+.ipodlist li:nth-child(even) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(45,45,45,0.2)), to(rgba(45,45,45,0.2)))
+}
+.ipodlist li:nth-child(odd) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(50,50,50,0.4)), to(rgba(50,50,50,0.4)))
+}
+.musiclist #content li, .ipodlist #content li, .applist #content li {
+ list-style: none;
+ width: auto;
+ position: relative;
+}
+.musiclist #content li {
+ height: 44px;
+ border-bottom: 1px solid #e6e6e6;
+}
+.applist #content li {
+ height: 70px;
+ margin-bottom: 1px;
+}
+.ipodlist #content li {
+ height: 42px;
+}
+.ipodlist #content {
+ background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#444444), to(rgb(13, 13, 13)));
+ top: 16px;
+}
+.musiclist #content li a, .ipodlist #content li a {
+ text-decoration: none;
+ color: #000;
+ width: 100%!important;
+ height: 100%;
+ display: block;
+}
+.applist #content li a {
+ text-decoration: none;
+ color: #000;
+ width: 100%;
+ height: 100%;
+ display: block;
+}
+.musiclist .number, .musiclist .name, .musiclist .time {
+ display: inline-block;
+ height: 44px;
+ font-weight: bold;
+ font-size: large;
+ width: 44px;
+ text-align: center;
+ line-height: 46px;
+}
+.musiclist .name {
+ margin-left: 0;
+ width: auto!important;
+ font-size: medium;
+ padding-left: 5px;
+ border-left: solid 1px #e6e6e6;
+}
+.musiclist .time {
+ color: #848484;
+ font-size: medium;
+ margin-left: 4px;
+ width: auto!important;
+ font-weight: normal;
+}
+.musiclist {
+ background-image: none!important;
+ background-color: #cbcccf;
+}
+.ipodlist {
+ background-image: none!important;
+ background-color: black;
+}
+.applist {
+ background-image: none!important;
+ background-color: #98989c;
+}
+.ipodlist span {
+ color: white;
+ font-weight: bold;
+ font-size: 14px;
+}
+.musiclist .name {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.musiclist a:hover .name {
+ color: #0380f2;
+}
+.ipodlist .number {
+ width: 23px;
+ display: block;
+ float: left;
+ height: 42px;
+ margin-right: 3px;
+ text-align: right;
+ line-height: 43px;
+}
+.ipodlist .stop, .ipodlist .auto, .ipodlist .play {
+ width: 18px;
+ display: block;
+ float: left;
+ height: 10px;
+ text-align: right;
+ line-height: 43px;
+ margin-top: 16px;
+}
+.ipodlist .play {
+ background: url('../images/play.gif') no-repeat;
+}
+.ipodlist a:hover .auto, .ipodlist a:hover .play {
+ background: url('../images/play.gif') no-repeat;
+ background-position: 0 -10px;
+}
+.ipodlist .time {
+ width: 48px;
+ float: right;
+ border-left: solid #414041 1px;
+ display: block;
+ height: 42px;
+ text-align: center;
+ line-height: 43px;
+}
+.ipodlist .name {
+ display: block;
+ float: left;
+ width: inherit;
+ height: 42px;
+ text-overflow: ellipsis;
+ line-height: 42px;
+ padding-left: 5px;
+ overflow: hidden;
+ white-space: nowrap;
+ max-width: 62%;
+ border-left: solid #414041 1px;
+}
+.list .title {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4));
+ height: 22px!important;
+ width: 100%;
+ color: #fff;
+ font-weight: bold;
+ font-size: 16px;
+ text-shadow: gray 0 1px 0;
+ line-height: 22px;
+ padding-left: 20px;
+ border-bottom: none!important;
+}
+.list ul {
+ background-color: #fff;
+ width: 100%;
+ overflow: hidden;
+ padding: 0;
+ margin: 0;
+}
+.list #content li {
+ height: 40px;
+ border-bottom: 1px solid #e1e1e1;
+ list-style: none;
+}
+.list {
+ background-color: #fff;
+ background-image: none!important;
+}
+.list #footer {
+ margin-top: 24px!important;
+}
+.ipodlist #footer {
+ margin-top: 48px!important;
+}
+.list #content li a {
+ padding: 9px 0 0 20px;
+ font-size: large;
+ font-weight: bold;
+ position: relative;
+ display: block;
+ color: #000;
+ text-decoration: none;
+ height: 32px;
+}
+.list #content li a .name {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ max-width: 93%;
+ white-space: nowrap;
+ display: block;
+}
+.list #content li a:hover {
+ color: #fff;
+}
+.list #content {
+ margin-top: -13px!important;
+}
+.ipodlist #content, .musiclist #content, .applist #content {
+ margin-top: -29px!important;
+}
+.list ul img {
+ width: 90px;
+ height: 90px;
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+.list .withimage {
+ height: 90px!important;
+}
+.list .withimage .name {
+ margin: 13px 0 0 90px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ max-width: 63%!important;
+ white-space: nowrap;
+}
+.list .withimage .comment {
+ margin: 10px auto auto 90px !important;
+ max-width: 63%!important;
+}
+.list .withimage a, .list .withimage:hover a {
+ height: 81px!important;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+ position: absolute;
+ font-size: 12px;
+ left: 9px;
+ font-weight: bold;
+}
+#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {
+ z-index: 5000;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+ display: block;
+ color: #fff;
+ text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
+ text-decoration: none;
+}
+.black #leftnav a:first-child, .transparent #leftnav a:first-child {
+ -webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
+}
+.black #leftnav a, .transparent #leftnav a {
+ -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
+}
+.black #rightnav a:first-child, .transparent #rightnav a:first-child {
+ -webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
+}
+.black #rightnav a, .transparent #rightnav a {
+ -webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
+}
+.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a {
+ -webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5;
+}
+#leftnav a:first-child {
+ z-index: 2;
+ -webkit-border-image: url("../images/navleft.png") 0 5 0 13;
+ border-width: 0 5px 0 13px;
+ -webkit-border-top-left-radius: 16px;
+ -webkit-border-bottom-left-radius: 16px;
+ -webkit-border-top-right-radius: 6px;
+ -webkit-border-bottom-right-radius: 6px;
+ width: auto;
+}
+#leftnav a {
+ -webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13;
+ z-index: 3;
+ margin-left: -4px;
+ border-width: 0 5px 0 13px;
+ padding-right: 4px;
+ -webkit-border-top-left-radius: 16px;
+ -webkit-border-bottom-left-radius: 16px;
+ -webkit-border-top-right-radius: 6px;
+ -webkit-border-bottom-right-radius: 6px;
+ float: left;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+ position: absolute;
+ font-size: 12px;
+ right: 9px;
+ font-weight: bold;
+}
+#rightnav a {
+ -webkit-border-image: url("../images/navlinkright.png") 0 13 0 5;
+ z-index: 3;
+ margin-right: -4px;
+ border-width: 0 13px 0 5px;
+ padding-left: 4px;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-bottom-left-radius: 6px;
+ float: right;
+ -webkit-border-top-right-radius: 16px;
+ -webkit-border-bottom-right-radius: 16px;
+}
+#rightnav a:first-child {
+ z-index: 2;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-bottom-left-radius: 6px;
+ -webkit-border-image: url("../images/navright.png") 0 13 0 5;
+ border-width: 0 13px 0 5px;
+ -webkit-border-top-right-radius: 16px;
+ -webkit-border-bottom-right-radius: 16px;
+}
+#leftbutton a, #rightbutton a {
+ -webkit-border-image: url("../images/navbutton.png") 0 5 0 5;
+ border-width: 0 5px;
+ -webkit-border-radius: 6px;
+}
+#blueleftbutton a, #bluerightbutton a {
+ -webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5;
+ border-width: 0 5px;
+ -webkit-border-radius: 6px;
+}
+input[type="checkbox"] {
+ width: 94px;
+ height: 27px;
+ background: url('../images/checkbox.png');
+ -webkit-appearance: none;
+ border: 0;
+ float: right;
+ margin: 8px 4px 0 0;
+}
+input[type="checkbox"]:checked {
+ background-position: 0 27px;
+}
+input[type="radio"] {
+ -webkit-appearance: none;
+ border: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ position: absolute;
+ left: 0;
+ margin: 0;
+ -webkit-border-radius: 0;
+}
+input[type="radio"]:checked {
+ background: url('../images/radiobutton.png') no-repeat;
+ background-position: right center;
+}
+.radiobutton .name {
+ z-index: 1;
+}
+select {
+ -webkit-appearance: none;
+ height: 100%;
+ width: 100%;
+ border: 0;
+}
+.select select {
+ -webkit-border-radius: 0;
+ color: #000;
+ font-weight: bold;
+ font-size: 17px;
+}
+.select option {
+ max-width: 90%;
+}
+.select .arrow {
+ background: url('../images/arrow.png');
+ width: 8px;
+ height: 13px;
+ display: block;
+ -webkit-transform: rotate(90deg);
+ position: absolute;
+ right: 10px;
+ top: 18px;
+}
+.button input {
+ width: 100%;
+ height: 100%;
+ -webkit-appearance: none;
+ border: 0;
+ -webkit-border-radius: 0;
+ font-weight: bold;
+ font-size: 17px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ background: none;
+}
+.textbox textarea {
+ padding: 0;
+ margin-top: 5px;
+ font-size: medium;
+}
+.bigfield input {
+ -webkit-appearance: none;
+ border: 0;
+ height: 100%;
+ padding: 0;
+ -webkit-border-radius: 0;
+ background: transparent;
+ font-weight: bold;
+ font-size: 17px;
+ padding-left: 5px;
+}
+.smallfield .name {
+ width: 48%;
+ position: absolute;
+ left: 0;
+ font-size: 17px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-weight: bold;
+ line-height: 44px;
+ font-size: 17px;
+ padding-left: 5px;
+ overflow: hidden;
+}
+.smallfield input {
+ width: 50%;
+ position: absolute;
+ right: 0;
+ height: 44px;
+ -webkit-appearance: none;
+ border: none;
+ padding: 0;
+ background: transparent;
+ -webkit-border-radius: 0;
+ font-weight: bold;
+ font-size: 17px;
+}
+.smallfield:first-child input {
+ -webkit-border-top-right-radius: 8px;
+}
+.smallfield:last-child input {
+ -webkit-border-bottom-right-radius: 8px;
+}
diff --git a/htdocs/includes/iphone/iwebkit/Framework/css/style.css b/htdocs/includes/iphone/iwebkit/Framework/css/style.css
index be0cf17b8da..af839a2c300 100755
--- a/htdocs/includes/iphone/iwebkit/Framework/css/style.css
+++ b/htdocs/includes/iphone/iwebkit/Framework/css/style.css
@@ -1 +1 @@
-body{position:relative;margin:0;-webkit-text-size-adjust:none;min-height:416px;font-family:helvetica,sans-serif;background:url("../images/background.png"),url('../images/menutouched.png') no-repeat;-webkit-touch-callout:none}.center{margin:auto;display:block}img{border:0}a:hover span.arrow{background-position:0 -13px!important}#topbar{position:relative;left:0;top:0;height:44px;width:auto;background:url("../images/header.png") repeat;margin-bottom:13px}#title{position:absolute;top:0;left:0;right:0;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:44px;line-height:44px;font-weight:bold;color:#FFF;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;font-size:16pt}#content{width:100%;position:relative;min-height:250px;margin-top:10px;height:auto;z-index:0;overflow:hidden}#footer{text-align:center;position:relative;margin:20px 10px 0;height:auto;width:auto;bottom:10px}#footer a,#footer{text-decoration:none;font-size:9pt;color:#4C4C4C;text-shadow:#FFF 0 1px 0}.pageitem{-webkit-border-radius:8px;background-color:#fff;border:#878787 solid 1px;font-size:12pt;overflow:hidden;padding:0;position:relative;display:block;height:auto;width:auto;margin:3px 9px 17px;list-style:none}.textbox{padding:5px 9px;position:relative;overflow:hidden;border-top:1px solid #878787}.textbox p{margin-top:2px;color:#000;margin-bottom:2px;text-align:justify}.textbox img{max-width:100%}.textbox ul{margin:3px 0 3px 0;list-style:circle!important}.textbox li{margin:0!important}.pageitem li:first-child{border-top:0}li.menu,li.form{position:relative;list-style-type:none;display:block;height:43px;overflow:hidden;border-top:1px solid #878787;width:auto}ul.pageitem li:first-child:hover,.pageitem li:first-child a,li.form:first-child input[type=radio],li.form:first-child select,li.form:first-child input[type=submit],li.form:first-child button,li.form:first-child input[type=reset]{-webkit-border-top-left-radius:8px 8px;-webkit-border-top-right-radius:8px 8px}ul.pageitem li:last-child:hover,.pageitem li:last-child a,li.form:last-child input[type=radio],li.form:last-child select,li.form:last-child input[type=submit],li.form:last-child button,li.form:last-child input[type=reset]{-webkit-border-bottom-left-radius:8px 8px;-webkit-border-bottom-right-radius:8px 8px}li.menu:hover{background:url("../images/menutouched.png") repeat-x #0274ee}li.menu a:hover span.name,li.menu a:hover span.comment,li.store:hover .starcomment,li.store:hover .name,li.store:hover .comment,body.list li.withimage a:hover .comment{color:#fff}li.menu a:hover span.comment{color:#CCF}li.menu a{display:block;height:43px;width:auto;text-decoration:none}li.menu a img{width:auto;height:32px;margin:5px 0 0 5px;float:left}li.menu span.name{margin:11px 0 0 7px;width:auto;color:#000;font-weight:bold;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:left}li.menu span.comment{margin:11px 30px 0 0;width:auto;color:#000;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:right;color:#324f85}li.menu span.arrow,li.store span.arrow,body.musiclist span.arrow,body.list span.arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:15px;margin:0!important;background:url("../images/arrow.png") 0 0 no-repeat}li.store{height:90px;border-top:#878787 solid 1px;overflow:hidden;position:relative}li.store a{width:100%;height:90px;display:block;background:url("../images/storebg.png") left top no-repeat;text-decoration:none;position:absolute}li.store:hover{background:url("../images/storetouched.png") repeat-x #0274ee}li.store .image{position:absolute;left:0;top:0;height:90px;width:90px;display:block;background:url('../images/storetouched.png') no-repeat}li:first-child.store .image,li.store:first-child a{-webkit-border-top-left-radius:8px 8px}li:last-child.store .image,li.store:last-child a{-webkit-border-bottom-left-radius:8px 8px}li.store .name{font-size:15px;white-space:nowrap;margin:5px 0 0 95px;display:block;overflow:hidden;color:#000;max-width:60%;text-overflow:ellipsis;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}li.store .comment,body.list li.withimage .comment{font-size:12px;color:#7f7f7f;margin:16px 0 0 95px;display:block;width:60%;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}li.store .arrow,body.list li.withimage .arrow{top:39px!important}li.store .stars{margin:6px 0 0 95px}li.store .starcomment{position:absolute;left:165px;top:56px;font-size:12px;color:#7f7f7f;font-weight:lighter}.graytitle{position:relative;font-weight:bold;font-size:17px;right:20px;left:9px;color:#4C4C4C;text-shadow:#FFF 0 1px 0;padding:1px 0 3px 8px}.header{display:block;font-weight:bold;color:rgb(73,102,145);font-size:12pt;margin-bottom:6px;line-height:14pt}body.musiclist div#content{width:auto;margin:-29px auto auto -40px}body.musiclist div#content ul{background:url("../images/musiclistbg.png") repeat}body.musiclist div#content ul li{list-style:none;height:44px;width:auto;border-bottom:1px solid #e6e6e6;position:relative}body.musiclist div#content ul li a{text-decoration:none;color:#000;width:100%!important;height:100%;display:block}body.musiclist ul li .number,body.musiclist .name,body.musiclist .time{display:inline-block;height:44px;font-weight:bold;font-size:large;width:44px;text-align:center;line-height:46px}body.musiclist ul li .name{margin-left:0;width:auto!important;font-size:medium;padding-left:5px;border-left:solid 1px #e6e6e6}body.musiclist ul li .time{color:#848484;font-size:medium;margin-left:4px;width:auto!important;font-weight:normal}body.musiclist{background-image:none!important;background-color:#cbcccf}body.musiclist ul li span.name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:62%}body.list ul li.title{background:url("../images/listheader.gif") repeat-x;height:22px!important;width:100%;color:#fff;font-weight:bold;font-size:16px;text-shadow:gray 0 1px 0;line-height:22px;padding-left:20px;border-bottom:none!important}body.list ul{background-color:#fff;width:100%;overflow:hidden;padding:0;margin:0}body.list div#content li{height:40px;border-bottom:1px solid #e1e1e1;list-style:none}body.list{background-color:#fff;background-image:none!important}body.list div#footer{margin-top:24px!important}body.list div#content li a{padding:9px 0 0 20px;font-size:large;font-weight:bold;position:relative;display:block;color:#000;text-decoration:none;height:32px}body.list div#content li a span.name{text-overflow:ellipsis;overflow:hidden;max-width:93%;white-space:nowrap;display:block}body.list div#content li a:hover{color:#fff}body.list div#content li a:hover{background:url("../images/menutouched.png") repeat-x}body.list div#content{margin-top:-13px!important}body.list ul img{width:90px;height:90px;position:absolute;left:0;top:0}body.list li.withimage{height:90px!important}body.list li.withimage span.name{margin:13px 0 0 90px;text-overflow:ellipsis;overflow:hidden;max-width:63%!important;white-space:nowrap}body.list li.withimage .comment{margin:10px auto auto 90px !important;max-width:63%!important}body.list li.withimage a,body.list li.withimage:hover a{height:81px!important;background:url("../images/storebg.png") left top no-repeat!important}body.list li.withimage:hover{background-image:url("../images/storetouched.png")}.confirm_screen{position:absolute;bottom:0;-webkit-transform:translate(0,100%);-webkit-transition-property:-webkit-transform;background-image:url("../images/popup-bg.png");opacity:0}.confirm_screenopen{position:absolute;opacity:0.8;overflow:hidden;bottom:-100%;width:100%;background:url("../images/popup-bg.png") repeat-x #4e545f;-webkit-transition-duration:0.8s;-webkit-transition-property:-webkit-transform;-webkit-transform-style:preserve-3d;-webkit-transform:translate(0,0);text-align:center;z-index:99999}.confirm_screenopenfull{position:absolute;opacity:0.8;overflow:hidden;bottom:-100%;width:100%;background:url("../images/popup-bg.png") repeat-x #4e545f;-webkit-transition-duration:0.8s;-webkit-transition-property:-webkit-transform;-webkit-transform-style:preserve-3d;-webkit-transform:translate(0,45px);text-align:center;z-index:99999}.confirm_screenclose{-webkit-transition-duration:1.2s;-webkit-transition-property:-webkit-transform;-webkit-transform-style:preserve-3d;position:absolute;opacity:0.8;overflow:hidden;bottom:-100%;width:100%;background:url("../images/popup-bg.png") repeat-x #545A67;text-align:center;-webkit-transform:translate(0,150%)}.confirm_screenopen span,.confirm_screenclose span,.confirm_screenopenfull span,.confirm_screenclosefull span{margin:10px 0 20px;font-size:17px;color:#fff;width:100%;height:10px;text-shadow:rgba(0,0,0,1) 0 -1px 0;display:block}.popup{position:absolute;bottom:0;width:100%;left:0;z-index:9999}.cover{width:100%;position:absolute;top:0;z-index:9998;opacity:0.4;left:0;background-color:#000}.nocover{opacity:0;background-image:url('../images/bluebutton.png'),url('../images/darkredbutton.png')}#frame a{text-decoration:none;display:block;width:90%;margin-left:auto;margin-right:auto;margin-bottom:-15px;margin-top:0}#frame span.black,#frame span.red,#frame span.gray{display:block;height:46px;border-width:0 14px;width:auto;background-repeat:no-repeat;line-height:46px;font-size:large;opacity:1;font-weight:bolder;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:Arial,Helvetica,sans-serif}#frame span.black{-webkit-border-image:url("../images/graybutton.png") 0 14 0 14;color:#fff}#frame span.red{-webkit-border-image:url("../images/redbutton.png") 0 14 0 14;color:#fff}#frame span.gray{-webkit-border-image:url("../images/whitebutton.png") 0 14 0 14;color:#000;text-shadow:white 0 1px 0}#frame a:last-child{margin-bottom:20px!important}#frame a:hover span.black,#frame a:hover span.gray{-webkit-border-image:url("../images/bluebutton.png") 0 14 0 14;color:#fff;text-shadow:rgba(0,0,0,1) 0 -1px 0}#frame a:hover span.red{-webkit-border-image:url("../images/darkredbutton.png") 0 14 0 14}#leftnav,#leftbutton{position:absolute;font-size:12px;left:9px;top:7px;font-weight:bold}#leftnav,#leftbutton,#rightnav,#rightbutton{z-index:5000}#leftnav a,#rightnav a,#leftbutton a,#rightbutton a{display:block;color:#fff;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;line-height:30px;height:30px;text-decoration:none}#leftnav img,#rightnav img{margin-top:4px}#leftnav a:first-child{z-index:2;-webkit-border-image:url("../images/navleft.png") 0 5 0 13;border-width:0 5px 0 13px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;width:auto}#leftnav a{-webkit-border-image:url("../images/navlinkleft.png") 0 5 0 13;z-index:3;margin-left:-4px;border-width:0 5px 0 13px;padding-right:4px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;float:left}#rightnav,#rightbutton{position:absolute;font-size:12px;right:9px;top:7px;font-weight:bold}#rightnav a{-webkit-border-image:url("../images/navlinkright.png") 0 13 0 5;z-index:3;margin-right:-4px;border-width:0 13px 0 5px;padding-left:4px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;float:right;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}#rightnav a:first-child{z-index:2;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-image:url("../images/navright.png") 0 13 0 5;border-width:0 13px 0 5px;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}#leftbutton a,#rightbutton a{-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;border-width:0 5px;-webkit-border-radius:6px}.rssxpresschannel{font-family:helvetica,sans-serif;border:none}.rssxpresschtitle{text-align:center}.rssxpresschdesc{color:#000;text-align:center;border-bottom:1px solid #000;padding-bottom:5px}.rssxpressittitle{display:block;font-size:12pt;background:#fff;margin:5px 0 2px}.rssxpressittitle a{text-decoration:none!important;font-weight:bold;color:rgb(73,102,145);line-height:10pt}.rssxpressitdesc{background:#fff;font-size:12pt}.rssxpressdivider{display:none}li.form input[type=text],li.form input[type=password],li.form input[type=search]{border-width:7px 7px;font-weight:normal;border-color:white;height:10px;-webkit-border-image:url("../images/textfield.png") 7 7 7 7;-webkit-appearance:none;line-height:8px;font-size:18px;margin:auto;display:block;position:relative;width:90%}li.form input[type=submit]{width:100%;background:none;border:0px;color:#000;margin-top:-5px;margin-bottom:-5px;font-weight:bold;font-size:17px}.form{padding:5px 8px 0 5px;height:37px!important;position:relative;overflow:hidden}li.form .narrow textarea,li.form .narrow input[type=text],li.form .narrow input[type=checkbox],li.form .narrow input[type=password],li.form .narrow input[type=search]{width:40%!important;border-width:7px 7px;height:10px;-webkit-border-image:url("../images/textfield.png") 7 7 7 7;-webkit-appearance:none;line-height:8px;font-size:18px;font-weight:normal;border-color:white;margin:0!important;position:absolute;right:-17px}li.form span.narrow,li.form span.check{width:90%!important;display:block;position:relative;margin:auto}li.form .name{width:55%!important;white-space:nowrap;text-overflow:ellipsis;position:absolute;margin:6px 0 0 7px;color:#000;font-weight:bold;font-size:17px;overflow:hidden;left:-17px}li.form .check .name{width:70%!important}li.form input[type=radio]{width:100%;height:42px;display:block;margin:-5px -8px 0 -5px;-webkit-appearance:none;border:0;-webkit-border-radius:0;position:relative;background:transparent;position:absolute}span.radio{width:16px;height:30px;background:url(../images/check.png) no-repeat;display:block;position:absolute;right:5px;overflow:visible;z-index:1}span.checkbox{width:94px;height:27px;background:url(../images/checkbox.png) no-repeat;display:block;position:absolute;right:-14px;top:2px}input[type=checkbox]{display:none}select{height:40px;opacity:0;position:absolute;width:100%;margin:-5px 0 0 -5px;-webkit-border-radius:0}.form .choice .name{left:1.7%;width:87%!important}span.select{z-index:1;position:absolute;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0 7px;color:#000;font-weight:bold;font-size:17px;overflow:hidden;max-width:87%}.form .arrow{background:url('../images/more.png') no-repeat;width:13px;height:8px;position:absolute;right:8px;top:18px;margin:0!important}input[type=submit],button,input[type=button],input[type=reset]{background:transparent;width:100%;height:40px;left:0px;position:absolute;top:6px;display:block;-webkit-border-radius:0;line-height:40px}button,input[type=button],input[type=reset]{top:0px!important;border:none;color:black;font-weight:bold;font-size:17px;-webkit-appearance:none}.textbox textarea{min-height:50px;margin:3px auto 4px auto;position:relative;-webkit-border-image:url("../images/textfield.png") 7 7 7 7;padding:3px 0 0 0;line-height:18px;left:-2px;font-size:18px;font-weight:normal;width:97%;display:block;border-width:7px 7px}ul li.hidden{display:none}ul li.autolisttext{text-align:center}body.musiclist ul li.autolisttext{line-height:44px!important}ul li.autolisttext a:hover{background-image:none!important;color:black!important}
\ No newline at end of file
+/*iWebKit css 5.04 by Christopher Plieger*/body{position:relative;margin:0;-webkit-text-size-adjust:none;min-height:416px;font-family:helvetica,sans-serif;-webkit-background-size:0.438em 100%;background:-webkit-gradient(linear,left top,right top,from(#c5ccd4),color-stop(71%, #c5ccd4),color-stop(72%, #cbd2d8),to(#cbd2d8));-webkit-touch-callout:none}.center{margin:auto;display:block;text-align:center!important}img{border:0}a:hover .arrow{background-position:0 -13px!important}@media screen and (max-width:320px){#topbar{height:44px}#title{line-height:44px;height:44px;font-size:16pt}#tributton a:first-child,#duobutton a:first-child{width:101px}#tributton a:last-child,#duobutton a:last-child{width:101px}#tributton a{width:106px}#duobutton .links{width:195px}#tributton .links{width:302px}#doublead{width:300px!important}#duoselectionbuttons{width:191px;height:30px;top:7px}#triselectionbuttons{width:290px;height:30px;top:7px}#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{width:99px;height:28px;line-height:28px}#triselectionbuttons a{width:98px;height:28px;line-height:28px}#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{width:99px;height:28px;line-height:28px}.searchbox form{width:272px}.searchbox input[type="text"]{width:275px}.menu .name{max-width:77%}.checkbox .name{max-width:190px}.radiobutton .name{max-width:190px}#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{line-height:30px;height:30px}#leftnav img,#rightnav img{margin-top:4px}#leftnav,#leftbutton,#blueleftbutton{top:7px}#rightnav,#rightbutton,#bluerightbutton{top:7px}.musiclist .name{max-width:55%}.textbox textarea{width:280px}.bigfield input{width:295px}}@media screen and (min-width:321px){#topbar{height:32px}#title{line-height:32px;height:32px;font-size:13pt}.menu .name{max-width:85%}.checkbox .name{max-width:75%}.radiobutton .name{max-width:75%}#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{line-height:24px;height:24px}#leftnav img,#rightnav img{margin-top:4px;height:70%}#leftnav,#leftbutton,#blueleftbutton{top:4px}#rightnav,#rightbutton,#bluerightbutton{top:4px}.musiclist .name{max-width:70%}.textbox textarea{width:440px}#tributton a:first-child,#duobutton a:first-child{width:152px}#tributton a:last-child,#duobutton a:last-child{width:152px}#tributton a{width:154px}#tributton .links{width:452px}#duobutton .links{width:298px}#doublead{width:350px!important}#duoselectionbuttons{width:293px;height:24px;top:4px}#triselectionbuttons{width:450px;height:24px;top:4px}#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{width:150px;height:22px;line-height:22px}#triselectionbuttons a{width:156px;height:22px;line-height:22px}#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{width:150px;height:22px;line-height:22px}.searchbox form{width:432px}.searchbox input[type="text"]{width:435px}.bigfield input{width:455px}}#topbar.black{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#858585),color-stop(3%,#636363),color-stop(50%,#202020),color-stop(51%,black),color-stop(97%,black),to(#262626))}#topbar.transparent{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(133,133,133,0.7)),color-stop(3%,rgba(99,99,99,0.7)),color-stop(50%,rgba(32,32,32,0.7)),color-stop(51%,rgba(0,0,0,0.7)),color-stop(97%,rgba(0,0,0,0.7)),to(rgba(38,38,38,0.7)))}#topbar{position:relative;left:0;top:0;width:auto;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));margin-bottom:13px}#title{position:absolute;font-weight:bold;top:0;left:0;right:0;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#FFF;text-shadow:rgba(0,0,0,0.6) 0 -1px 0}#content{width:100%;position:relative;min-height:250px;margin-top:10px;height:auto;z-index:0;overflow:hidden}#footer{text-align:center;position:relative;margin:20px 10px 0;height:auto;width:auto;bottom:10px}.ipodlist #footer,.ipodlist #footer a{text-shadow:#FFF 0 -1px 0}#footer a,#footer{text-decoration:none;font-size:9pt;color:#4C4C4C;text-shadow:#FFF 0 1px 0}.pageitem{-webkit-border-radius:8px;background-color:#fff;border:#878787 solid 1px;font-size:12pt;overflow:hidden;padding:0;position:relative;display:block;height:auto;width:auto;margin:3px 9px 17px;list-style:none}.textbox{padding:5px 9px;position:relative;overflow:hidden;border-top:1px solid #878787}#tributton,#duobutton{height:44px;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd4d9),color-stop(3%,#c0c9cf),color-stop(97%,#abb7bf),to(#81929f));margin:-13px 0 13px 0;text-align:center}#tributton .links,#duobutton .links{height:30px;-webkit-border-image:url("../images/tributton.png") 0 4 0 4;border-width:0 4px 0 4px;margin:0 auto 0px auto;position:relative;top:7px}#tributton a:first-child,#duobutton a:first-child{border-right:1px solid #6d7e91;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;margin-left:-4px}#tributton a,#duobutton a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:27px;display:inline-block;line-height:27px;margin-top:1px;font:bold 13px;text-decoration:none;color:#3f5c84;text-shadow:#FFF 0 1px 0}#duobutton a:last-child{border:0}#tributton a:last-child{border-left:1px solid #6d7e91}#tributton a:last-child,#duobutton a:last-child{-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;margin-right:-4px}#tributton a:hover,#tributton a#pressed,#duobutton a:hover,#duobutton a#pressed{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7b8b9f),color-stop(3%,#8c9baf),to(#647792));color:white;text-shadow:black 0 -1px 0}#triselectionbuttons,#duoselectionbuttons{-webkit-border-image:url('../images/navbutton.png') 0 5 0 5;border-width:0 5px 0 5px;position:relative;margin:auto}#duoselectionbuttons a:first-child{border:0}#triselectionbuttons a:first-child{border-right:solid 1px #556984}#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{margin-left:-4px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px}#triselectionbuttons a,#duoselectionbuttons a{display:inline-block;text-align:center;color:white;text-decoration:none;margin-top:1px;text-shadow:black 0 -1px 0;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#909baa),color-stop(3%,#a5b4c6),color-stop(50%,#798eaa),color-stop(51%,#6b83a1),color-stop(97%,#6e85a3),to(#526379))}#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{border-left:solid 1px #556984;margin-right:-4px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px}#triselectionbuttons a:hover,#triselectionbuttons a#pressed,#duoselectionbuttons a:hover,#duoselectionbuttons a#pressed{background:none}#doublead{height:83px!important;position:relative;margin:0 auto 13px auto}#doublead a:first-child{left:0!important}#doublead a:last-child{right:0!important}#doublead a{width:147px!important;height:83px!important;position:absolute;-webkit-border-radius:8px;display:block;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2))}li#doublead{margin-top:25px;margin-bottom:10px!important;background:none}li#doublead:hover{background:none}.searchbox{height:44px;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f1f3f4),color-stop(3%,#e0e4e7),color-stop(50%,#c7cfd4),color-stop(51%,#bec7cd),color-stop(97%,#b4bec6),to(#8999a5));margin:-13px 0 13px 0;width:100%}.searchbox form{height:24px;-webkit-border-image:url('../images/searchfield.png') 4 14 1 24;border-width:4px 14px 1px 24px;display:block;position:relative;top:8px;margin:auto}fieldset{border:0;margin:0;padding:0}.searchbox input[type="text"]{border:0;-webkit-appearance:none;height:18px;float:left;font-size:13px;padding:0;position:relative;top:2px;left:2px}.textbox img{max-width:100%}.textbox p{margin-top:2px}.textbox p{margin-top:2px;color:#000;margin-bottom:2px;text-align:justify}.textbox img{max-width:100%}.textbox ul{margin:3px 0 3px 0;list-style:circle!important}.textbox li{margin:0!important}.pageitem li:first-child,.pageitem li.form:first-child{border-top:0}.menu,.checkbox,.radiobutton,.select,li.button,li.bigfield,li.smallfield{position:relative;list-style-type:none;display:block;height:43px;overflow:hidden;border-top:1px solid #878787;width:auto}.pageitem li:first-child:hover,.pageitem li:first-child a,.radiobutton:first-child input,.select:first-child select,li.button:first-child input,.bigfield:first-child input{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px}.pageitem li:last-child:hover,.pageitem li:last-child a,.radiobutton:last-child input,.select:last-child select,li.button:last-child input,.bigfield:last-child input{-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px}.menu:hover,.store:hover,.list #content li a:hover,.list .withimage:hover,.applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n){background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6))}.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{border:0}.menu a:hover .name,.store:hover .starcomment,.store:hover .name,.store:hover .comment,.list .withimage a:hover .comment{color:#fff}.menu a:hover .comment{color:#CCF}.menu a{display:block;height:43px;width:auto;text-decoration:none}.menu a img{width:auto;height:32px;margin:5px 0 0 5px;float:left}.menu .name,.checkbox .name,.radiobutton .name{margin:11px 0 0 7px;width:auto;color:#000;font-weight:bold;font-size:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}.menu .comment{margin:11px 30px 0 0;width:auto;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:right;color:#324f85}.menu .arrow,.store .arrow,.musiclist .arrow,.list .arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:15px;margin:0!important;background:url("../images/arrow.png") 0 0 no-repeat}.applist .arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:29px;margin:0!important;background:url("../images/arrow.png") 0 0 no-repeat}.store{height:90px;border-top:#878787 solid 1px;overflow:hidden;position:relative}.store a{width:100%;height:90px;display:block;text-decoration:none;position:absolute}.store .image{position:absolute;left:0;top:0;height:90px;width:90px;display:block;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));-webkit-background-size:90px}.applist .image{width:57px;height:57px;display:block;position:absolute;top:7px;left:11px;-webkit-border-radius:8px;-webkit-box-shadow:0 2px 3px rgb(0,0,0);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2));-webkit-background-size:57px}li:first-child.store .image,.store:first-child a{-webkit-border-top-left-radius:8px 8px}li:last-child.store .image,.store:last-child a{-webkit-border-bottom-left-radius:8px 8px}.store .name,.applist .name{font-size:15px;white-space:nowrap;display:block;overflow:hidden;color:#000;max-width:60%;text-overflow:ellipsis;font-weight:bold}.store .name{position:absolute;left:95px;top:35px}.applist .name{position:absolute;top:27px;left:80px;text-shadow:#eee 0 1px 0}.store .comment,.list .withimage .comment,.applist .comment,.applist .price{font-size:12px;color:#7f7f7f;display:block;width:60%;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.store .comment,.list .withimage .comment{margin:16px 0 0 95px}.applist .comment{position:absolute;top:9px;left:80px;text-shadow:#eee 0 1px 0;color:#3b3b3b}.applist .price{position:absolute;top:29px;right:26px;text-shadow:#eee 0 1px 0;text-align:right;color:#3b3b3b}.store .arrow,.list .withimage .arrow{top:39px!important}.store .stars0,.store .stars1,.store .stars2,.store .stars3,.store .stars4,.store .stars5{position:absolute;top:56px;left:95px;width:65px;height:18px;display:block!important}.store .stars0{background:url('../images/0starsborder.png')}.store .stars1{background:url('../images/1starsborder.png')}.store .stars2{background:url('../images/2starsborder.png')}.store .stars3{background:url('../images/3starsborder.png')}.store .stars4{background:url('../images/4starsborder.png')}.store .stars5,.applist .stars5{background:url('../images/5stars.png')}.applist .stars0,.applist .stars1,.applist .stars2,.applist .stars3,.applist .stars4,.applist .stars5{position:absolute;top:46px;left:79px;width:65px;height:18px;display:block!important}.applist .stars0{background:url('../images/0stars.png')}.applist .stars1{background:url('../images/1stars.png')}.applist .stars2{background:url('../images/2stars.png')}.applist .stars3{background:url('../images/3stars.png')}.applist .stars4{background:url('../images/4stars.png')}.applist .starcomment{left:147px;top:46px;color:#3b3b3b}.starcomment{position:absolute;left:165px;top:56px;font-size:12px;color:#7f7f7f;font-weight:lighter}.applist a:hover .name,.applist a:hover .starcomment,.applist a:hover .comment,.applist a:hover .price{color:white;text-shadow:none}.graytitle{position:relative;font-weight:bold;font-size:17px;right:20px;left:9px;color:#4C4C4C;text-shadow:#FFF 0 1px 0;padding:1px 0 3px 8px}.header{display:block;font-weight:bold;color:rgb(73,102,145);font-size:12pt;margin-bottom:6px;line-height:14pt}.musiclist ul,.ipodlist ul,.applist ul{padding:0}.ipodlist ul{margin:0}.musiclist li:nth-child(odd){background:#dddee0}.applist li:nth-child(even){background:-webkit-gradient(linear,0% 0%,0% 100%,from(#adadb0),color-stop(98%,#adadb0),to(#898a8d))}.applist li:nth-child(odd){background:-webkit-gradient(linear,0% 0%,0% 100%,from(#98989c),color-stop(98%,#98989c),to(#898a8d))}.ipodlist li:nth-child(even){background:-webkit-gradient(linear,0% 0%,0% 100%,from(#414041),color-stop(3%,rgba(45,45,45,0.2)),to(rgba(45,45,45,0.2)))}.ipodlist li:nth-child(odd){background:-webkit-gradient(linear,0% 0%,0% 100%,from(#414041),color-stop(3%,rgba(50,50,50,0.4)),to(rgba(50,50,50,0.4)))}.musiclist #content li,.ipodlist #content li,.applist #content li{list-style:none;width:auto;position:relative}.musiclist #content li{height:44px;border-bottom:1px solid #e6e6e6}.applist #content li{height:70px;margin-bottom:1px}.ipodlist #content li{height:42px}.ipodlist #content{background:-webkit-gradient(radial,50% -70,0,50% 0,200,from(#444),to(rgb(13,13,13)));top:16px}.musiclist #content li a,.ipodlist #content li a{text-decoration:none;color:#000;width:100%!important;height:100%;display:block}.applist #content li a{text-decoration:none;color:#000;width:100%;height:100%;display:block}.musiclist .number,.musiclist .name,.musiclist .time{display:inline-block;height:44px;font-weight:bold;font-size:large;width:44px;text-align:center;line-height:46px}.musiclist .name{margin-left:0;width:auto!important;font-size:medium;padding-left:5px;border-left:solid 1px #e6e6e6}.musiclist .time{color:#848484;font-size:medium;margin-left:4px;width:auto!important;font-weight:normal}.musiclist{background-image:none!important;background-color:#cbcccf}.ipodlist{background-image:none!important;background-color:black}.applist{background-image:none!important;background-color:#98989c}.ipodlist span{color:white;font-weight:bold;font-size:14px}.musiclist .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.musiclist a:hover .name{color:#0380f2}.ipodlist .number{width:23px;display:block;float:left;height:42px;margin-right:3px;text-align:right;line-height:43px}.ipodlist .stop,.ipodlist .auto,.ipodlist .play{width:18px;display:block;float:left;height:10px;text-align:right;line-height:43px;margin-top:16px}.ipodlist .play{background:url('../images/play.gif') no-repeat}.ipodlist a:hover .auto,.ipodlist a:hover .play{background:url('../images/play.gif') no-repeat;background-position:0 -10px}.ipodlist .time{width:48px;float:right;border-left:solid #414041 1px;display:block;height:42px;text-align:center;line-height:43px}.ipodlist .name{display:block;float:left;width:inherit;height:42px;text-overflow:ellipsis;line-height:42px;padding-left:5px;overflow:hidden;white-space:nowrap;max-width:62%;border-left:solid #414041 1px}.list .title{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#a5b1ba),color-stop(3%,#909faa),color-stop(97%,#b5bfc6),to(#989ea4));height:22px!important;width:100%;color:#fff;font-weight:bold;font-size:16px;text-shadow:gray 0 1px 0;line-height:22px;padding-left:20px;border-bottom:none!important}.list ul{background-color:#fff;width:100%;overflow:hidden;padding:0;margin:0}.list #content li{height:40px;border-bottom:1px solid #e1e1e1;list-style:none}.list{background-color:#fff;background-image:none!important}.list #footer{margin-top:24px!important}.ipodlist #footer{margin-top:48px!important}.list #content li a{padding:9px 0 0 20px;font-size:large;font-weight:bold;position:relative;display:block;color:#000;text-decoration:none;height:32px}.list #content li a .name{text-overflow:ellipsis;overflow:hidden;max-width:93%;white-space:nowrap;display:block}.list #content li a:hover{color:#fff}.list #content{margin-top:-13px!important}.ipodlist #content,.musiclist #content,.applist #content{margin-top:-29px!important}.list ul img{width:90px;height:90px;position:absolute;left:0;top:0}.list .withimage{height:90px!important}.list .withimage .name{margin:13px 0 0 90px;text-overflow:ellipsis;overflow:hidden;max-width:63%!important;white-space:nowrap}.list .withimage .comment{margin:10px auto auto 90px !important;max-width:63%!important}.list .withimage a,.list .withimage:hover a{height:81px!important}#leftnav,#leftbutton,#blueleftbutton{position:absolute;font-size:12px;left:9px;font-weight:bold}#leftnav,#leftbutton,#rightnav,#rightbutton,#blueleftbutton,#bluerightbutton{z-index:5000}#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{display:block;color:#fff;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;text-decoration:none}.black #leftnav a:first-child,.transparent #leftnav a:first-child{-webkit-border-image:url("../images/navleftblack.png") 0 5 0 13}.black #leftnav a,.transparent #leftnav a{-webkit-border-image:url("../images/navlinkleftblack.png") 0 5 0 13}.black #rightnav a:first-child,.transparent #rightnav a:first-child{-webkit-border-image:url("../images/navrightblack.png") 0 13 0 5}.black #rightnav a,.transparent #rightnav a{-webkit-border-image:url("../images/navlinkrightblack.png") 0 13 0 5}.black #leftbutton a,.black #rightbutton a,.transparent #leftbutton a,.transparent #rightbutton a{-webkit-border-image:url("../images/navbuttonblack.png") 0 5 0 5}#leftnav a:first-child{z-index:2;-webkit-border-image:url("../images/navleft.png") 0 5 0 13;border-width:0 5px 0 13px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;width:auto}#leftnav a{-webkit-border-image:url("../images/navlinkleft.png") 0 5 0 13;z-index:3;margin-left:-4px;border-width:0 5px 0 13px;padding-right:4px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;float:left}#rightnav,#rightbutton,#bluerightbutton{position:absolute;font-size:12px;right:9px;font-weight:bold}#rightnav a{-webkit-border-image:url("../images/navlinkright.png") 0 13 0 5;z-index:3;margin-right:-4px;border-width:0 13px 0 5px;padding-left:4px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;float:right;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}#rightnav a:first-child{z-index:2;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-image:url("../images/navright.png") 0 13 0 5;border-width:0 13px 0 5px;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}#leftbutton a,#rightbutton a{-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;border-width:0 5px;-webkit-border-radius:6px}#blueleftbutton a,#bluerightbutton a{-webkit-border-image:url("../images/navbuttonblue.png") 0 5 0 5;border-width:0 5px;-webkit-border-radius:6px}input[type="checkbox"]{width:94px;height:27px;background:url('../images/checkbox.png');-webkit-appearance:none;border:0;float:right;margin:8px 4px 0 0}input[type="checkbox"]:checked{background-position:0 27px}input[type="radio"]{-webkit-appearance:none;border:0;width:100%;height:100%;z-index:2;position:absolute;left:0;margin:0;-webkit-border-radius:0}input[type="radio"]:checked{background:url('../images/radiobutton.png') no-repeat;background-position:right center}.radiobutton .name{z-index:1}select{-webkit-appearance:none;height:100%;width:100%;border:0}.select select{-webkit-border-radius:0;color:#000;font-weight:bold;font-size:17px}.select option{max-width:90%}.select .arrow{background:url('../images/arrow.png');width:8px;height:13px;display:block;-webkit-transform:rotate(90deg);position:absolute;right:10px;top:18px}.button input{width:100%;height:100%;-webkit-appearance:none;border:0;-webkit-border-radius:0;font-weight:bold;font-size:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:none}.textbox textarea{padding:0;margin-top:5px;font-size:medium}.bigfield input{-webkit-appearance:none;border:0;height:100%;padding:0;-webkit-border-radius:0;background:transparent;font-weight:bold;font-size:17px;padding-left:5px}.smallfield .name{width:48%;position:absolute;left:0;font-size:17px;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;line-height:44px;font-size:17px;padding-left:5px;overflow:hidden}.smallfield input{width:50%;position:absolute;right:0;height:44px;-webkit-appearance:none;border:none;padding:0;background:transparent;-webkit-border-radius:0;font-weight:bold;font-size:17px}.smallfield:first-child input{-webkit-border-top-right-radius:8px}.smallfield:last-child input{-webkit-border-bottom-right-radius:8px}
\ No newline at end of file
diff --git a/htdocs/includes/iphone/iwebkit/Framework/css/uncompressed_style.css b/htdocs/includes/iphone/iwebkit/Framework/css/uncompressed_style.css
deleted file mode 100755
index 6057336e3e2..00000000000
--- a/htdocs/includes/iphone/iwebkit/Framework/css/uncompressed_style.css
+++ /dev/null
@@ -1,817 +0,0 @@
-body {
- position: relative;
- margin: 0;
- -webkit-text-size-adjust: none;
- min-height: 416px;
- font-family: helvetica,sans-serif;
- background: url("../images/background.png"),url('../images/menutouched.png') no-repeat;
- -webkit-touch-callout: none;
-}
-.center {
- margin: auto;
- display: block;
-}
-img {
- border: 0;
-}
-a:hover span.arrow {
- background-position: 0 -13px!important;
-}
-#topbar {
- position: relative;
- left: 0;
- top: 0;
- height: 44px;
- width: auto;
- background: url("../images/header.png") repeat;
- margin-bottom: 13px;
-}
-#title {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- padding: 0 10px;
- text-align: center;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- height: 44px;
- line-height: 44px;
- font-weight: bold;
- color: #FFF;
- text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
- font-size: 16pt;
-}
-#content {
- width: 100%;
- position: relative;
- min-height: 250px;
- margin-top: 10px;
- height: auto;
- z-index: 0;
- overflow: hidden;
-}
-#footer {
- text-align: center;
- position: relative;
- margin: 20px 10px 0;
- height: auto;
- width: auto;
- bottom: 10px;
-}
-#footer a, #footer {
- text-decoration: none;
- font-size: 9pt;
- color: #4C4C4C;
- text-shadow: #FFF 0 1px 0;
-}
-.pageitem {
- -webkit-border-radius: 8px;
- background-color: #fff;
- border: #878787 solid 1px;
- font-size: 12pt;
- overflow: hidden;
- padding: 0;
- position: relative;
- display: block;
- height: auto;
- width: auto;
- margin: 3px 9px 17px;
- list-style: none;
-}
-.textbox {
- padding: 5px 9px;
- position: relative;
- overflow: hidden;
- border-top: 1px solid #878787;
-}
-.textbox p {
- margin-top: 2px;
- color: #000;
- margin-bottom: 2px;
- text-align: justify;
-}
-.textbox img {
- max-width: 100%;
-}
-.textbox ul {
- margin: 3px 0 3px 0;
- list-style: circle!important;
-}
-.textbox li {
- margin: 0!important;
-}
-.pageitem li:first-child {
- border-top: 0;
-}
-li.menu, li.form {
- position: relative;
- list-style-type: none;
- display: block;
- height: 43px;
- overflow: hidden;
- border-top: 1px solid #878787;
- width: auto;
-}
-ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.form:first-child input[type=radio], li.form:first-child select, li.form:first-child input[type=submit], li.form:first-child button, li.form:first-child input[type=reset] {
- -webkit-border-top-left-radius: 8px 8px;
- -webkit-border-top-right-radius: 8px 8px;
-}
-ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.form:last-child input[type=radio], li.form:last-child select, li.form:last-child input[type=submit], li.form:last-child button, li.form:last-child input[type=reset] {
- -webkit-border-bottom-left-radius: 8px 8px;
- -webkit-border-bottom-right-radius: 8px 8px;
-}
-li.menu:hover {
- background: url("../images/menutouched.png") repeat-x #0274ee;
-}
-li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment {
- color: #fff;
-}
-li.menu a:hover span.comment {
- color: #CCF;
-}
-li.menu a {
- display: block;
- height: 43px;
- width: auto;
- text-decoration: none;
-}
-li.menu a img {
- width: auto;
- height: 32px;
- margin: 5px 0 0 5px;
- float: left;
-}
-li.menu span.name {
- margin: 11px 0 0 7px;
- width: auto;
- color: #000;
- font-weight: bold;
- font-size: 17px;
- text-overflow: ellipsis;
- overflow: hidden;
- max-width: 75%;
- white-space: nowrap;
- float: left;
-}
-li.menu span.comment {
- margin: 11px 30px 0 0;
- width: auto;
- color: #000;
- font-size: 17px;
- text-overflow: ellipsis;
- overflow: hidden;
- max-width: 75%;
- white-space: nowrap;
- float: right;
- color: #324f85;
-}
-li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow {
- position: absolute;
- width: 8px!important;
- height: 13px!important;
- right: 10px;
- top: 15px;
- margin: 0!important;
- background: url("../images/arrow.png") 0 0 no-repeat;
-}
-li.store {
- height: 90px;
- border-top: #878787 solid 1px;
- overflow: hidden;
- position: relative;
-}
-li.store a {
- width: 100%;
- height: 90px;
- display: block;
- background: url("../images/storebg.png") left top no-repeat;
- text-decoration: none;
- position: absolute;
-}
-li.store:hover {
- background: url("../images/storetouched.png") repeat-x #0274ee;
-}
-li.store .image {
- position: absolute;
- left: 0;
- top: 0;
- height: 90px;
- width: 90px;
- display: block;
- background: url('../images/storetouched.png') no-repeat;
-}
-li:first-child.store .image, li.store:first-child a {
- -webkit-border-top-left-radius: 8px 8px;
-}
-li:last-child.store .image, li.store:last-child a {
- -webkit-border-bottom-left-radius: 8px 8px;
-}
-li.store .name {
- font-size: 15px;
- white-space: nowrap;
- margin: 5px 0 0 95px;
- display: block;
- overflow: hidden;
- color: #000;
- max-width: 60%;
- text-overflow: ellipsis;
- font-weight: bold;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-li.store .comment, body.list li.withimage .comment {
- font-size: 12px;
- color: #7f7f7f;
- margin: 16px 0 0 95px;
- display: block;
- width: 60%;
- font-weight: bold;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-li.store .arrow, body.list li.withimage .arrow {
- top: 39px!important;
-}
-li.store .stars {
- margin: 6px 0 0 95px;
-}
-li.store .starcomment {
- position: absolute;
- left: 165px;
- top: 56px;
- font-size: 12px;
- color: #7f7f7f;
- font-weight: lighter;
-}
-.graytitle {
- position: relative;
- font-weight: bold;
- font-size: 17px;
- right: 20px;
- left: 9px;
- color: #4C4C4C;
- text-shadow: #FFF 0 1px 0;
- padding: 1px 0 3px 8px;
-}
-.header {
- display: block;
- font-weight: bold;
- color: rgb(73,102,145);
- font-size: 12pt;
- margin-bottom: 6px;
- line-height: 14pt;
-}
-body.musiclist div#content {
- width: auto;
- margin: -29px auto auto -40px;
-}
-body.musiclist div#content ul {
- background: url("../images/musiclistbg.png") repeat;
-}
-body.musiclist div#content ul li {
- list-style: none;
- height: 44px;
- width: auto;
- border-bottom: 1px solid #e6e6e6;
- position: relative;
-}
-body.musiclist div#content ul li a {
- text-decoration: none;
- color: #000;
- width: 100%!important;
- height: 100%;
- display: block;
-}
-body.musiclist ul li .number, body.musiclist .name, body.musiclist .time {
- display: inline-block;
- height: 44px;
- font-weight: bold;
- font-size: large;
- width: 44px;
- text-align: center;
- line-height: 46px;
-}
-body.musiclist ul li .name {
- margin-left: 0;
- width: auto!important;
- font-size: medium;
- padding-left: 5px;
- border-left: solid 1px #e6e6e6;
-}
-body.musiclist ul li .time {
- color: #848484;
- font-size: medium;
- margin-left: 4px;
- width: auto!important;
- font-weight: normal;
-}
-body.musiclist {
- background-image: none!important;
- background-color: #cbcccf;
-}
-body.musiclist ul li span.name {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- max-width: 62%;
-}
-body.list ul li.title {
- background: url("../images/listheader.gif") repeat-x;
- height: 22px!important;
- width: 100%;
- color: #fff;
- font-weight: bold;
- font-size: 16px;
- text-shadow: gray 0 1px 0;
- line-height: 22px;
- padding-left: 20px;
- border-bottom: none!important;
-}
-body.list ul {
- background-color: #fff;
- width: 100%;
- overflow: hidden;
- padding: 0;
- margin: 0;
-}
-body.list div#content li {
- height: 40px;
- border-bottom: 1px solid #e1e1e1;
- list-style: none;
-}
-body.list {
- background-color: #fff;
- background-image: none!important;
-}
-body.list div#footer {
- margin-top: 24px!important;
-}
-body.list div#content li a {
- padding: 9px 0 0 20px;
- font-size: large;
- font-weight: bold;
- position: relative;
- display: block;
- color: #000;
- text-decoration: none;
- height: 32px;
-}
-body.list div#content li a span.name {
- text-overflow: ellipsis;
- overflow: hidden;
- max-width: 93%;
- white-space: nowrap;
- display: block;
-}
-body.list div#content li a:hover {
- color: #fff;
-}
-body.list div#content li a:hover {
- background: url("../images/menutouched.png") repeat-x;
-}
-body.list div#content {
- margin-top: -13px!important;
-}
-body.list ul img {
- width: 90px;
- height: 90px;
- position: absolute;
- left: 0;
- top: 0;
-}
-body.list li.withimage {
- height: 90px!important;
-}
-body.list li.withimage span.name {
- margin: 13px 0 0 90px;
- text-overflow: ellipsis;
- overflow: hidden;
- max-width: 63%!important;
- white-space: nowrap;
-}
-body.list li.withimage .comment {
- margin: 10px auto auto 90px !important;
- max-width: 63%!important;
-}
-body.list li.withimage a, body.list li.withimage:hover a {
- height: 81px!important;
- background: url("../images/storebg.png") left top no-repeat!important;
-}
-body.list li.withimage:hover {
- background-image: url("../images/storetouched.png");
-}
-.confirm_screen {
- position: absolute;
- bottom: 0;
- -webkit-transform: translate(0,100%);
- -webkit-transition-property: -webkit-transform;
- background-image: url("../images/popup-bg.png");
- opacity: 0;
-}
-.confirm_screenopen {
- position: absolute;
- opacity: 0.8;
- overflow: hidden;
- bottom: -100%;
- width: 100%;
- background: url("../images/popup-bg.png") repeat-x #4e545f;
- -webkit-transition-duration: 0.8s;
- -webkit-transition-property: -webkit-transform;
- -webkit-transform-style: preserve-3d;
- -webkit-transform: translate(0,0);
- text-align: center;
- z-index: 99999;
-}
-.confirm_screenopenfull {
- position: absolute;
- opacity: 0.8;
- overflow: hidden;
- bottom: -100%;
- width: 100%;
- background: url("../images/popup-bg.png") repeat-x #4e545f;
- -webkit-transition-duration: 0.8s;
- -webkit-transition-property: -webkit-transform;
- -webkit-transform-style: preserve-3d;
- -webkit-transform: translate(0,45px);
- text-align: center;
- z-index: 99999;
-}
-.confirm_screenclose {
- -webkit-transition-duration: 1.2s;
- -webkit-transition-property: -webkit-transform;
- -webkit-transform-style: preserve-3d;
- position: absolute;
- opacity: 0.8;
- overflow: hidden;
- bottom: -100%;
- width: 100%;
- background: url("../images/popup-bg.png") repeat-x #545A67;
- text-align: center;
- -webkit-transform: translate(0,150%);
-}
-.confirm_screenopen span, .confirm_screenclose span, .confirm_screenopenfull span, .confirm_screenclosefull span {
- margin: 10px 0 20px;
- font-size: 17px;
- color: #fff;
- width: 100%;
- height: 10px;
- text-shadow: rgba(0,0,0,1) 0 -1px 0;
- display: block;
-}
-.popup {
- position: absolute;
- bottom: 0;
- width: 100%;
- left: 0;
- z-index: 9999;
-}
-.cover {
- width: 100%;
- position: absolute;
- top: 0;
- z-index: 9998;
- opacity: 0.4;
- left: 0;
- background-color: #000;
-}
-.nocover {
- opacity: 0;
- background-image: url('../images/bluebutton.png'),url('../images/darkredbutton.png');
-}
-#frame a {
- text-decoration: none;
- display: block;
- width: 90%;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: -15px;
- margin-top: 0;
-}
-#frame span.black, #frame span.red, #frame span.gray {
- display: block;
- height: 46px;
- border-width: 0 14px;
- width: auto;
- background-repeat: no-repeat;
- line-height: 46px;
- font-size: large;
- opacity: 1;
- font-weight: bolder;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- font-family: Arial,Helvetica,sans-serif;
-}
-#frame span.black {
- -webkit-border-image: url("../images/graybutton.png") 0 14 0 14;
- color: #fff;
-}
-#frame span.red {
- -webkit-border-image: url("../images/redbutton.png") 0 14 0 14;
- color: #fff;
-}
-#frame span.gray {
- -webkit-border-image: url("../images/whitebutton.png") 0 14 0 14;
- color: #000;
- text-shadow: white 0 1px 0;
-}
-#frame a:last-child {
- margin-bottom: 20px!important;
-}
-#frame a:hover span.black, #frame a:hover span.gray {
- -webkit-border-image: url("../images/bluebutton.png") 0 14 0 14;
- color: #fff;
- text-shadow: rgba(0,0,0,1) 0 -1px 0;
-}
-#frame a:hover span.red {
- -webkit-border-image: url("../images/darkredbutton.png") 0 14 0 14;
-}
-#leftnav, #leftbutton {
- position: absolute;
- font-size: 12px;
- left: 9px;
- top: 7px;
- font-weight: bold;
-}
-#leftnav, #leftbutton, #rightnav, #rightbutton {
- z-index: 5000;
-}
-#leftnav a, #rightnav a, #leftbutton a, #rightbutton a {
- display: block;
- color: #fff;
- text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
- line-height: 30px;
- height: 30px;
- text-decoration: none;
-}
-#leftnav img, #rightnav img {
- margin-top: 4px;
-}
-#leftnav a:first-child {
- z-index: 2;
- -webkit-border-image: url("../images/navleft.png") 0 5 0 13;
- border-width: 0 5px 0 13px;
- -webkit-border-top-left-radius: 16px;
- -webkit-border-bottom-left-radius: 16px;
- -webkit-border-top-right-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- width: auto;
-}
-#leftnav a {
- -webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13;
- z-index: 3;
- margin-left: -4px;
- border-width: 0 5px 0 13px;
- padding-right: 4px;
- -webkit-border-top-left-radius: 16px;
- -webkit-border-bottom-left-radius: 16px;
- -webkit-border-top-right-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- float: left;
-}
-#rightnav, #rightbutton {
- position: absolute;
- font-size: 12px;
- right: 9px;
- top: 7px;
- font-weight: bold;
-}
-#rightnav a {
- -webkit-border-image: url("../images/navlinkright.png") 0 13 0 5;
- z-index: 3;
- margin-right: -4px;
- border-width: 0 13px 0 5px;
- padding-left: 4px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-bottom-left-radius: 6px;
- float: right;
- -webkit-border-top-right-radius: 16px;
- -webkit-border-bottom-right-radius: 16px;
-}
-#rightnav a:first-child {
- z-index: 2;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-image: url("../images/navright.png") 0 13 0 5;
- border-width: 0 13px 0 5px;
- -webkit-border-top-right-radius: 16px;
- -webkit-border-bottom-right-radius: 16px;
-}
-#leftbutton a, #rightbutton a {
- -webkit-border-image: url("../images/navbutton.png") 0 5 0 5;
- border-width: 0 5px;
- -webkit-border-radius: 6px;
-}
-.rssxpresschannel {
- font-family: helvetica,sans-serif;
- border: none;
-}
-.rssxpresschtitle {
- text-align: center;
-}
-.rssxpresschdesc {
- color: #000;
- text-align: center;
- border-bottom: 1px solid #000;
- padding-bottom: 5px;
-}
-.rssxpressittitle {
- display: block;
- font-size: 12pt;
- background: #fff;
- margin: 5px 0 2px;
-}
-.rssxpressittitle a {
- text-decoration: none!important;
- font-weight: bold;
- color: rgb(73,102,145);
- line-height: 10pt;
-}
-.rssxpressitdesc {
- background: #fff;
- font-size: 12pt;
-}
-.rssxpressdivider {
- display: none;
-}
-li.form input[type=text], li.form input[type=password], li.form input[type=search] {
- border-width: 7px 7px;
- font-weight: normal;
- border-color: white;
- height: 10px;
- -webkit-border-image: url("../images/textfield.png") 7 7 7 7;
- -webkit-appearance: none;
- line-height: 8px;
- font-size: 18px;
- margin: auto;
- display: block;
- position: relative;
- width: 90%;
-}
-li.form input[type=submit] {
- width: 100%;
- background: none;
- border: 0px;
- color: #000;
- margin-top: -5px;
- margin-bottom: -5px;
- font-weight: bold;
- font-size: 17px;
-}
-.form {
- padding: 5px 8px 0 5px;
- height: 37px!important;
- position: relative;
- overflow: hidden;
-}
-li.form .narrow textarea, li.form .narrow input[type=text], li.form .narrow input[type=checkbox], li.form .narrow input[type=password], li.form .narrow input[type=search] {
- width: 40%!important;
- border-width: 7px 7px;
- height: 10px;
- -webkit-border-image: url("../images/textfield.png") 7 7 7 7;
- -webkit-appearance: none;
- line-height: 8px;
- font-size: 18px;
- font-weight: normal;
- border-color: white;
- margin: 0!important;
- position: absolute;
- right: -17px;
-}
-li.form span.narrow, li.form span.check {
- width: 90%!important;
- display: block;
- position: relative;
- margin: auto;
-}
-li.form .name {
- width: 55%!important;
- white-space: nowrap;
- text-overflow: ellipsis;
- position: absolute;
- margin: 6px 0 0 7px;
- color: #000;
- font-weight: bold;
- font-size: 17px;
- overflow: hidden;
- left: -17px;
-}
-li.form .check .name {
- width: 70%!important;
-}
-li.form input[type=radio] {
- width: 100%;
- height: 42px;
- display: block;
- margin: -5px -8px 0 -5px;
- -webkit-appearance: none;
- border: 0;
- -webkit-border-radius: 0;
- position: relative;
- background: transparent;
- position: absolute;
-}
-span.radio {
- width: 16px;
- height: 30px;
- background: url(../images/check.png) no-repeat;
- display: block;
- position: absolute;
- right: 5px;
- overflow: visible;
- z-index: 1;
-}
-span.checkbox {
- width: 94px;
- height: 27px;
- background: url(../images/checkbox.png) no-repeat;
- display: block;
- position: absolute;
- right: -14px;
- top: 2px;
-}
-input[type=checkbox] {
- display: none;
-}
-select {
- height: 40px;
- opacity: 0;
- position: absolute;
- width: 100%;
- margin: -5px 0 0 -5px;
- -webkit-border-radius: 0;
-}
-.form .choice .name {
- left: 1.7%;
- width: 87%!important;
-}
-span.select {
- z-index: 1;
- position: absolute;
- white-space: nowrap;
- text-overflow: ellipsis;
- margin: 6px 0 0 7px;
- color: #000;
- font-weight: bold;
- font-size: 17px;
- overflow: hidden;
- max-width: 87%;
-}
-.form .arrow {
- background: url('../images/more.png') no-repeat;
- width: 13px;
- height: 8px;
- position: absolute;
- right: 8px;
- top: 18px;
- margin: 0!important;
-}
-input[type=submit], button, input[type=button], input[type=reset] {
- background: transparent;
- width: 100%;
- height: 40px;
- left: 0px;
- position: absolute;
- top: 6px;
- display: block;
- -webkit-border-radius: 0;
- line-height: 40px;
-}
-button, input[type=button], input[type=reset] {
- top: 0px!important;
- border: none;
- color: black;
- font-weight: bold;
- font-size: 17px;
- -webkit-appearance: none;
-}
-.textbox textarea {
- min-height: 50px;
- margin: 3px auto 4px auto;
- position: relative;
- -webkit-border-image: url("../images/textfield.png") 7 7 7 7;
- padding: 3px 0 0 0;
- line-height: 18px;
- left: -2px;
- font-size: 18px;
- font-weight: normal;
- width: 97%;
- display: block;
- border-width: 7px 7px;
-}
-ul li.hidden {
- display: none;
-}
-ul li.autolisttext {
- text-align: center;
-}
-body.musiclist ul li.autolisttext {
- line-height: 44px!important;
-}
-ul li.autolisttext a:hover {
- background-image: none!important;
- color: black!important;
-}
diff --git a/htdocs/includes/iphone/iwebkit/Framework/index.html b/htdocs/includes/iphone/iwebkit/Framework/index.html
index bac1f2d4eaf..2c5b97e6651 100755
--- a/htdocs/includes/iphone/iwebkit/Framework/index.html
+++ b/htdocs/includes/iphone/iwebkit/Framework/index.html
@@ -3,13 +3,13 @@
-
+
-
+
-Title of your site
+Title of your page
-
+
@@ -19,7 +19,7 @@
diff --git a/htdocs/includes/iphone/iwebkit/Framework/javascript/developer-functions.js b/htdocs/includes/iphone/iwebkit/Framework/javascript/developer-functions.js
new file mode 100644
index 00000000000..09a10593920
--- /dev/null
+++ b/htdocs/includes/iphone/iwebkit/Framework/javascript/developer-functions.js
@@ -0,0 +1,29 @@
+var iWebkit;
+
+if (!iWebkit) {
+
+ iWebkit = window.onload = function () {
+ function fullscreen() {
+ var a = document.getElementsByTagName("a");
+ for (var i = 0; i < a.length;i++) {
+ if (a[i].className.match("noeffect")) {
+ }
+ else {
+ a[i].onclick = function () {
+ window.location = this.getAttribute("href");
+ return false;
+ };
+ }
+ }
+ }
+
+ function hideURLbar() {
+ window.scrollTo(0, 0.9);
+ }
+ iWebkit.init = function () {
+ fullscreen();
+ hideURLbar();
+ };
+ iWebkit.init();
+ };
+}
\ No newline at end of file
diff --git a/htdocs/includes/iphone/iwebkit/Framework/javascript/functions.js b/htdocs/includes/iphone/iwebkit/Framework/javascript/functions.js
index 74c6f873030..c9cbea8682e 100755
--- a/htdocs/includes/iphone/iwebkit/Framework/javascript/functions.js
+++ b/htdocs/includes/iphone/iwebkit/Framework/javascript/functions.js
@@ -1 +1 @@
-var iWebkit;if(!iWebkit){iWebkit=window.onload=function(){iWebkit.checkboxHeight="25";iWebkit.radioHeight="25";iWebkit.autolistNumVisible=10;function b(){var d=document.getElementsByTagName("a");for(var e=0;e=l){j[k].className=j[k].className+" hidden"}else{m+=1}}this.visibleitems=m;e.className=e.className.replace(/hidden/g,"");if(m>=(j.length-1)){e.className=e.className+" hidden"}};h.showItems(iWebkit.autolistNumVisible)}}iWebkit.init=function(){b();c();a();var h=document.getElementsByTagName("input"),j=[],g,i,k;for(var f=0;f= numItems) {
- items[i].className = items[i].className + ' hidden';
- }
- else {
- count += 1;
- }
- }
- this.visibleitems = count;
- button.className = button.className.replace(/hidden/g, '');
- if (count >= (items.length - 1)) {
- button.className = button.className + ' hidden';
- }
- };
- list.showItems(iWebkit.autolistNumVisible);
- }
- }
-
- iWebkit.init = function () {
- url();
- hideURLbar();
- initAutoLists();
- var inputs = document.getElementsByTagName("input"), span = [], textnode, option, active;
- for (var a = 0;a < inputs.length;a++) {
- if (inputs[a].type === "checkbox" || inputs[a].type === "radio") {
- span[a] = document.createElement("span");
- span[a].className = inputs[a].type;
- if (inputs[a].checked) {
- if (inputs[a].type === "checkbox") {
- var position = "0 -" + (iWebkit.checkboxHeight * 2) + "px";
- span[a].style.backgroundPosition = position;
- } else {
- position = "0 -" + (iWebkit.radioHeight * 2) + "px";
- span[a].style.backgroundPosition = position;
- }
- }
- inputs[a].parentNode.insertBefore(span[a], inputs[a]);
- inputs[a].onchange = iWebkit.clear;
- span[a].onmouseup = iWebkit.check;
- document.onmouseup = iWebkit.clear;
- }
- }
- inputs = document.getElementsByTagName("select");
- for (a = 0;a < inputs.length; a++) {
- if (inputs[a]) {
- option = inputs[a].getElementsByTagName("option");
- active = option[0].childNodes[0].nodeValue;
- textnode = document.createTextNode(active);
- for (var b = 0;b < option.length;b++) {
- if (option[b].selected) {
- textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
- }
- }
- span[a] = document.createElement("span");
- span[a].className = "select";
- span[a].id = "select" + inputs[a].name;
- span[a].appendChild(textnode);
- inputs[a].parentNode.insertBefore(span[a], inputs[a]);
- inputs[a].onchange = iWebkit.choose;
- }
- }
- };
-
- iWebkit.pushed = function () {
- var element = this.nextSibling;
- if (element.checked && element.type === "checkbox") {
- this.style.backgroundPosition = "0 -" + iWebkit.checkboxHeight * 3 + "px";
- } else {
- if (element.checked && element.type === "radio") {
- this.style.backgroundPosition = "0 -" + iWebkit.radioHeight * 3 + "px";
- } else {
- if (!element.checked && element.type === "checkbox") {
- this.style.backgroundPosition = "0 -" + iWebkit.checkboxHeight + "px";
- } else {
- this.style.backgroundPosition = "0 -" + iWebkit.radioHeight + "px";
- }
- }
- }
- };
-
- iWebkit.check = function () {
- var element = this.nextSibling;
- if (element.checked && element.type === "checkbox") {
- this.style.backgroundPosition = "0 0";
- element.checked = false;
- } else {
- if (element.type === "checkbox") {
- this.style.backgroundPosition = "0 -" + iWebkit.checkboxHeight * 2 + "px";
- } else {
- this.style.backgroundPosition = "0 -" + iWebkit.radioHeight * 2 + "px";
- var group = this.nextSibling.name;
- var inputs = document.getElementsByTagName("input");
- for (var a = 0;a < inputs.length;a++) {
- if (inputs[a].name === group && inputs[a] !== this.nextSibling) {
- inputs[a].previousSibling.style.backgroundPosition = "0 0";
- }
- }
- }
- element.checked = true;
- }
- };
-
- iWebkit.clear = function () {
- var inputs = document.getElementsByTagName("input");
- for (var b = 0;b < inputs.length;b++) {
- if (inputs[b].type === "checkbox" && inputs[b].checked) {
- inputs[b].previousSibling.style.backgroundPosition = "0 -" + iWebkit.checkboxHeight * 2 + "px";
- } else {
- if (inputs[b].type === "checkbox") {
- inputs[b].previousSibling.style.backgroundPosition = "0 0";
- }
- else {
- if (inputs[b].type === "radio" && inputs[b].checked) {
- inputs[b].previousSibling.style.backgroundPosition = "0 -" + iWebkit.radioHeight * 2 + "px";
- } else {
- if (inputs[b].type === "radio") {
- inputs[b].previousSibling.style.backgroundPosition = "0 0";
- }
- }
- }
- }
- }
- };
-
- iWebkit.choose = function () {
- var option = this.getElementsByTagName("option");
- for (var d = 0;d < option.length; d++) {
- if (option[d].selected) {
- document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
- }
- }
- };
-
- iWebkit.init();
- };
-}
\ No newline at end of file
diff --git a/htdocs/includes/iphone/iwebkit/UserGuide.pdf b/htdocs/includes/iphone/iwebkit/UserGuide.pdf
deleted file mode 100755
index 995cc3b1e6a..00000000000
Binary files a/htdocs/includes/iphone/iwebkit/UserGuide.pdf and /dev/null differ
diff --git a/htdocs/includes/iphone/iwebkit/Userguide.pdf b/htdocs/includes/iphone/iwebkit/Userguide.pdf
new file mode 100644
index 00000000000..099cc241268
Binary files /dev/null and b/htdocs/includes/iphone/iwebkit/Userguide.pdf differ
diff --git a/htdocs/includes/iphone/iwebkit/changelog.pdf b/htdocs/includes/iphone/iwebkit/changelog.pdf
new file mode 100644
index 00000000000..12dc5045265
Binary files /dev/null and b/htdocs/includes/iphone/iwebkit/changelog.pdf differ
diff --git a/htdocs/includes/iphone/iwebkit/license.pdf b/htdocs/includes/iphone/iwebkit/license.pdf
new file mode 100644
index 00000000000..617b5571f8c
Binary files /dev/null and b/htdocs/includes/iphone/iwebkit/license.pdf differ
diff --git a/htdocs/theme/phones/iphone/theme/default/default.css.php b/htdocs/theme/phones/iphone/theme/default/default.css.php
index 35a47a086d6..bf3bd3bc313 100644
--- a/htdocs/theme/phones/iphone/theme/default/default.css.php
+++ b/htdocs/theme/phones/iphone/theme/default/default.css.php
@@ -47,31 +47,217 @@ body {
-webkit-text-size-adjust: none;
min-height: 416px;
font-family: helvetica,sans-serif;
- background: url(),
- url() no-repeat;
+ -webkit-background-size:0.438em 100%;
+ background: -webkit-gradient(linear,left top,right top,from(#c5ccd4), color-stop(71%, #c5ccd4), color-stop(72%, #cbd2d8), to(#cbd2d8));
-webkit-touch-callout: none;
}
.center {
margin: auto;
display: block;
+ text-align: center!important;
}
img {
border: 0;
}
-a:hover span.arrow {
+a:hover .arrow {
background-position: 0 -13px!important;
}
+@media screen and (max-width: 320px)
+{
+#topbar {
+ height: 44px;
+}
+#title {
+ line-height: 44px;
+ height: 44px;
+ font-size: 16pt;
+}
+#tributton a:first-child, #duobutton a:first-child {
+ width: 101px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+ width: 101px;
+}
+#tributton a {
+ width: 106px;
+}
+#duobutton .links {
+ width: 195px;
+}
+#tributton .links {
+ width: 302px;
+}
+#doublead {
+ width: 300px!important;
+}
+#duoselectionbuttons {
+ width: 191px;
+ height: 30px;
+ top: 7px;
+}
+#triselectionbuttons {
+ width: 290px;
+ height: 30px;
+ top: 7px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+ width: 99px;
+ height: 28px;
+ line-height: 28px;
+}
+#triselectionbuttons a {
+ width: 98px;
+ height: 28px;
+ line-height: 28px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+ width: 99px;
+ height: 28px;
+ line-height: 28px;
+}
+.searchbox form {
+ width: 272px;
+}
+.searchbox input[type="text"] {
+ width: 275px;
+}
+.menu .name {
+ max-width: 77%;
+}.checkbox .name {
+ max-width: 190px;
+}.radiobutton .name {
+ max-width: 190px;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+ line-height: 30px;
+ height: 30px;
+}
+#leftnav img, #rightnav img {
+ margin-top: 4px;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+ top: 7px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+ top: 7px;
+}
+.musiclist .name {
+ max-width:55%
+}
+.textbox textarea {
+ width: 280px;
+}
+.bigfield input{
+ width:295px
+}
+}
+@media screen and (min-width: 321px)
+{
+#topbar {
+ height: 32px;
+}
+#title {
+ line-height: 32px;
+ height: 32px;
+ font-size: 13pt;
+}
+.menu .name {
+ max-width: 85%;
+}.checkbox .name {
+ max-width: 75%;
+}.radiobutton .name {
+ max-width: 75%;
+}
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
+ line-height: 24px;
+ height: 24px;
+}
+#leftnav img, #rightnav img {
+ margin-top: 4px;
+ height: 70%;
+}
+#leftnav, #leftbutton, #blueleftbutton {
+ top: 4px;
+}
+#rightnav, #rightbutton, #bluerightbutton {
+ top: 4px;
+}
+.musiclist .name {
+ max-width:70%
+}
+.textbox textarea {
+ width: 440px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+ width: 152px;
+}
+#tributton a:last-child, #duobutton a:last-child {
+ width: 152px;
+}
+#tributton a {
+ width: 154px;
+}
+#tributton .links {
+ width: 452px;
+}
+#duobutton .links {
+ width: 298px;
+}
+#doublead {
+ width: 350px!important;
+}
+#duoselectionbuttons {
+ width: 293px;
+ height: 24px;
+ top: 4px;
+}
+#triselectionbuttons {
+ width: 450px;
+ height: 24px;
+ top: 4px;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+ width: 150px;
+ height: 22px;
+ line-height: 22px;
+}
+#triselectionbuttons a {
+ width: 156px;
+ height: 22px;
+ line-height: 22px;
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+ width: 150px;
+ height: 22px;
+ line-height: 22px;
+}
+.searchbox form {
+ width: 432px;
+}
+.searchbox input[type="text"] {
+ width: 435px;
+}
+.bigfield input{
+ width:455px
+}
+}
+#topbar.black {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), color-stop(3%, #636363), color-stop(50%, #202020), color-stop(51%, black), color-stop(97%, black), to(#262626));
+}
+#topbar.transparent {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(133,133,133,0.7)), color-stop(3%, rgba(99,99,99,0.7)), color-stop(50%, rgba(32,32,32,0.7)), color-stop(51%, rgba(0,0,0,0.7)), color-stop(97%, rgba(0,0,0,0.7)), to(rgba(38,38,38,0.7)));
+}
#topbar {
position: relative;
left: 0;
top: 0;
- height: 44px;
width: auto;
- background: url() repeat;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642));
margin-bottom: 13px;
}
#title {
position: absolute;
+ font-weight: bold;
top: 0;
left: 0;
right: 0;
@@ -80,12 +266,8 @@ a:hover span.arrow {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
- height: 44px;
- line-height: 44px;
- font-weight: bold;
color: #FFF;
text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
- font-size: 16pt;
}
#content {
width: 100%;
@@ -104,6 +286,9 @@ a:hover span.arrow {
width: auto;
bottom: 10px;
}
+.ipodlist #footer, .ipodlist #footer a {
+ text-shadow: #FFF 0 -1px 0;
+}
#footer a, #footer {
text-decoration: none;
font-size: 9pt;
@@ -130,6 +315,154 @@ a:hover span.arrow {
overflow: hidden;
border-top: 1px solid #878787;
}
+#tributton, #duobutton {
+ height: 44px;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f));
+ margin: -13px 0 13px 0;
+ text-align: center;
+}
+#tributton .links, #duobutton .links {
+ height: 30px;
+ -webkit-border-image: url("") 0 4 0 4;
+ border-width: 0 4px 0 4px;
+ margin: 0 auto 0px auto;
+ position: relative;
+ top: 7px;
+}
+#tributton a:first-child, #duobutton a:first-child {
+ border-right: 1px solid #6d7e91;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ margin-left: -4px;
+}
+#tributton a, #duobutton a {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ height: 27px;
+ display: inline-block;
+ line-height: 27px;
+ margin-top: 1px;
+ font: bold 13px;
+ text-decoration: none;
+ color: #3f5c84;
+ text-shadow: #FFF 0 1px 0;
+}
+#duobutton a:last-child {
+ border: 0;
+}
+#tributton a:last-child {
+ border-left: 1px solid #6d7e91;
+}
+#tributton a:last-child, #duobutton a:last-child {
+ -webkit-border-top-right-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ margin-right: -4px;
+}
+#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b8b9f), color-stop(3%, #8c9baf), to(#647792));
+ color: white;
+ text-shadow: black 0 -1px 0;
+}
+#triselectionbuttons, #duoselectionbuttons {
+ -webkit-border-image: url('') 0 5 0 5;
+ border-width: 0 5px 0 5px;
+ position: relative;
+ margin: auto;
+}
+#duoselectionbuttons a:first-child {
+ border: 0;
+}
+#triselectionbuttons a:first-child {
+ border-right: solid 1px #556984;
+}
+#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
+ margin-left: -4px;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-bottom-left-radius: 6px;
+}
+#triselectionbuttons a, #duoselectionbuttons a {
+ display: inline-block;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ margin-top: 1px;
+ text-shadow: black 0 -1px 0;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909baa), color-stop(3%, #a5b4c6), color-stop(50%, #798eaa), color-stop(51%, #6b83a1), color-stop(97%, #6e85a3), to(#526379));
+}
+#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
+ border-left: solid 1px #556984;
+ margin-right: -4px;
+ -webkit-border-top-right-radius: 6px;
+ -webkit-border-bottom-right-radius: 6px;
+}
+#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed {
+ background: none;
+}
+#doublead {
+ height: 83px!important;
+ position: relative;
+ margin: 0 auto 13px auto;
+}
+#doublead a:first-child {
+ left: 0!important;
+}
+#doublead a:last-child {
+ right: 0!important;
+}
+#doublead a {
+ width: 147px!important;
+ height: 83px!important;
+ position: absolute;
+ -webkit-border-radius: 8px;
+ display: block;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+}
+li#doublead {
+ margin-top: 25px;
+ margin-bottom: 10px!important;
+ background: none;
+}
+li#doublead:hover {
+ background: none;
+}
+.searchbox {
+ height: 44px;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5));
+ margin: -13px 0 13px 0;
+ width: 100%;
+}
+.searchbox form {
+ height: 24px;
+ -webkit-border-image: url('') 4 14 1 24;
+ border-width: 4px 14px 1px 24px;
+ display: block;
+ position: relative;
+ top: 8px;
+ margin: auto;
+}
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+.searchbox input[type="text"] {
+ border: 0;
+ -webkit-appearance: none;
+ height: 18px;
+ float: left;
+ font-size: 13px;
+ padding: 0;
+ position: relative;
+ top: 2px;
+ left: 2px;
+}
+.textbox img {
+ max-width: 100%;
+}
+.textbox p {
+ margin-top: 2px;
+}
.textbox p {
margin-top: 2px;
color: #000;
@@ -146,10 +479,10 @@ a:hover span.arrow {
.textbox li {
margin: 0!important;
}
-.pageitem li:first-child {
+.pageitem li:first-child, .pageitem li.form:first-child {
border-top: 0;
}
-li.menu, li.form {
+.menu, .checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
position: relative;
list-style-type: none;
display: block;
@@ -158,36 +491,37 @@ li.menu, li.form {
border-top: 1px solid #878787;
width: auto;
}
-ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.form:first-child input[type=radio], li.form:first-child select, li.form:first-child input[type=submit], li.form:first-child button, li.form:first-child input[type=reset] {
- -webkit-border-top-left-radius: 8px 8px;
- -webkit-border-top-right-radius: 8px 8px;
+.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input {
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-top-right-radius: 8px;
}
-ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.form:last-child input[type=radio], li.form:last-child select, li.form:last-child input[type=submit], li.form:last-child button, li.form:last-child input[type=reset] {
- -webkit-border-bottom-left-radius: 8px 8px;
- -webkit-border-bottom-right-radius: 8px 8px;
+.pageitem li:last-child:hover, .pageitem li:last-child a, .radiobutton:last-child input, .select:last-child select, li.button:last-child input, .bigfield:last-child input {
+ -webkit-border-bottom-left-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
}
-li.menu:hover {
- background: url() repeat-x #0274ee;
+.menu:hover, .store:hover, .list #content li a:hover, .list .withimage:hover, .applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6));
}
-li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment {
+.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{border:0}
+.menu a:hover .name, .store:hover .starcomment, .store:hover .name, .store:hover .comment, .list .withimage a:hover .comment {
color: #fff;
}
-li.menu a:hover span.comment {
+.menu a:hover .comment {
color: #CCF;
}
-li.menu a {
+.menu a {
display: block;
height: 43px;
width: auto;
text-decoration: none;
}
-li.menu a img {
+.menu a img {
width: auto;
height: 32px;
margin: 5px 0 0 5px;
float: left;
}
-li.menu span.name {
+.menu .name, .checkbox .name, .radiobutton .name {
margin: 11px 0 0 7px;
width: auto;
color: #000;
@@ -195,14 +529,12 @@ li.menu span.name {
font-size: 17px;
text-overflow: ellipsis;
overflow: hidden;
- max-width: 75%;
white-space: nowrap;
float: left;
}
-li.menu span.comment {
+.menu .comment {
margin: 11px 30px 0 0;
width: auto;
- color: #000;
font-size: 17px;
text-overflow: ellipsis;
overflow: hidden;
@@ -211,64 +543,89 @@ li.menu span.comment {
float: right;
color: #324f85;
}
-li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow {
+.menu .arrow, .store .arrow, .musiclist .arrow, .list .arrow {
position: absolute;
width: 8px!important;
height: 13px!important;
right: 10px;
top: 15px;
margin: 0!important;
- background: url() 0 0 no-repeat;
+ background: url("") 0 0 no-repeat;
}
-li.store {
+.applist .arrow {
+ position: absolute;
+ width: 8px!important;
+ height: 13px!important;
+ right: 10px;
+ top: 29px;
+ margin: 0!important;
+ background: url("") 0 0 no-repeat;
+}
+.store {
height: 90px;
border-top: #878787 solid 1px;
overflow: hidden;
position: relative;
}
-li.store a {
+.store a {
width: 100%;
height: 90px;
display: block;
- background: url() left top no-repeat;
text-decoration: none;
position: absolute;
}
-li.store:hover {
- background: url() repeat-x #0274ee;
-}
-li.store .image {
+.store .image {
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
display: block;
- background: url() no-repeat;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f5), to(#d6dce6));
+ -webkit-background-size: 90px;
}
-li:first-child.store .image, li.store:first-child a {
+.applist .image {
+ width: 57px;
+ height: 57px;
+ display: block;
+ position: absolute;
+ top: 7px;
+ left: 11px;
+ -webkit-border-radius: 8px;
+ -webkit-box-shadow: 0 2px 3px rgb(0,0,0);
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
+ -webkit-background-size: 57px;
+}
+li:first-child.store .image, .store:first-child a {
-webkit-border-top-left-radius: 8px 8px;
}
-li:last-child.store .image, li.store:last-child a {
+li:last-child.store .image, .store:last-child a {
-webkit-border-bottom-left-radius: 8px 8px;
}
-li.store .name {
+.store .name, .applist .name {
font-size: 15px;
white-space: nowrap;
- margin: 5px 0 0 95px;
display: block;
overflow: hidden;
color: #000;
max-width: 60%;
text-overflow: ellipsis;
font-weight: bold;
- white-space: nowrap;
- text-overflow: ellipsis;
}
-li.store .comment, body.list li.withimage .comment {
+.store .name {
+ position: absolute;
+ left: 95px;
+ top: 35px;
+}
+.applist .name {
+ position: absolute;
+ top: 27px;
+ left: 80px;
+ text-shadow: #eeeeee 0 1px 0;
+}
+.store .comment, .list .withimage .comment, .applist .comment, .applist .price {
font-size: 12px;
color: #7f7f7f;
- margin: 16px 0 0 95px;
display: block;
width: 60%;
font-weight: bold;
@@ -276,13 +633,82 @@ li.store .comment, body.list li.withimage .comment {
text-overflow: ellipsis;
overflow: hidden;
}
-li.store .arrow, body.list li.withimage .arrow {
+.store .comment, .list .withimage .comment {
+ margin: 16px 0 0 95px;
+}
+.applist .comment {
+ position: absolute;
+ top: 9px;
+ left: 80px;
+ text-shadow: #eeeeee 0 1px 0;
+ color: #3b3b3b;
+}
+.applist .price {
+ position: absolute;
+ top: 29px;
+ right: 26px;
+ text-shadow: #eeeeee 0 1px 0;
+ text-align: right;
+ color: #3b3b3b;
+}
+.store .arrow, .list .withimage .arrow {
top: 39px!important;
}
-li.store .stars {
- margin: 6px 0 0 95px;
+.store .stars0, .store .stars1, .store .stars2, .store .stars3, .store .stars4, .store .stars5 {
+ position: absolute;
+ top: 56px;
+ left: 95px;
+ width: 65px;
+ height: 18px;
+ display: block!important;
}
-li.store .starcomment {
+.store .stars0 {
+ background: url('');
+}
+.store .stars1 {
+ background: url('');
+}
+.store .stars2 {
+ background: url('');
+}
+.store .stars3 {
+ background: url('');
+}
+.store .stars4 {
+ background: url('');
+}
+.store .stars5, .applist .stars5 {
+ background: url('');
+}
+.applist .stars0, .applist .stars1, .applist .stars2, .applist .stars3, .applist .stars4, .applist .stars5 {
+ position: absolute;
+ top: 46px;
+ left: 79px;
+ width: 65px;
+ height: 18px;
+ display: block!important;
+}
+.applist .stars0 {
+ background: url('');
+}
+.applist .stars1 {
+ background: url('');
+}
+.applist .stars2 {
+ background: url('');
+}
+.applist .stars3 {
+ background: url('');
+}
+.applist .stars4 {
+ background: url('');
+}
+.applist .starcomment {
+ left: 147px;
+ top: 46px;
+ color: #3b3b3b;
+}
+.starcomment {
position: absolute;
left: 165px;
top: 56px;
@@ -290,6 +716,10 @@ li.store .starcomment {
color: #7f7f7f;
font-weight: lighter;
}
+.applist a:hover .name, .applist a:hover .starcomment, .applist a:hover .comment, .applist a:hover .price {
+ color: white;
+ text-shadow: none;
+}
.graytitle {
position: relative;
font-weight: bold;
@@ -308,28 +738,63 @@ li.store .starcomment {
margin-bottom: 6px;
line-height: 14pt;
}
-body.musiclist div#content {
- width: auto;
- margin: -29px auto auto -40px;
+.musiclist ul, .ipodlist ul, .applist ul {
+ padding: 0;
}
-body.musiclist div#content ul {
- background: url() repeat;
+.ipodlist ul {
+ margin: 0;
}
-body.musiclist div#content ul li {
+.musiclist li:nth-child(odd) {
+ background: #dddee0
+}
+.applist li:nth-child(even) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadb0), color-stop(98%, #adadb0), to(#898a8d))
+}
+.applist li:nth-child(odd) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98989c), color-stop(98%, #98989c), to(#898a8d))
+
+}
+.ipodlist li:nth-child(even) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(45,45,45,0.2)), to(rgba(45,45,45,0.2)))
+}
+.ipodlist li:nth-child(odd) {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(50,50,50,0.4)), to(rgba(50,50,50,0.4)))
+}
+.musiclist #content li, .ipodlist #content li, .applist #content li {
list-style: none;
- height: 44px;
width: auto;
- border-bottom: 1px solid #e6e6e6;
position: relative;
}
-body.musiclist div#content ul li a {
+.musiclist #content li {
+ height: 44px;
+ border-bottom: 1px solid #e6e6e6;
+}
+.applist #content li {
+ height: 70px;
+ margin-bottom: 1px;
+}
+.ipodlist #content li {
+ height: 42px;
+}
+.ipodlist #content {
+ background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#444444), to(rgb(13, 13, 13)));
+ top: 16px;
+}
+.musiclist #content li a, .ipodlist #content li a {
text-decoration: none;
color: #000;
width: 100%!important;
height: 100%;
display: block;
}
-body.musiclist ul li .number, body.musiclist .name, body.musiclist .time {
+.applist #content li a {
+ text-decoration: none;
+ color: #000;
+ width: 100%;
+ height: 100%;
+ display: block;
+}
+.musiclist .number, .musiclist .name, .musiclist .time {
display: inline-block;
height: 44px;
font-weight: bold;
@@ -338,32 +803,94 @@ body.musiclist ul li .number, body.musiclist .name, body.musiclist .time {
text-align: center;
line-height: 46px;
}
-body.musiclist ul li .name {
+.musiclist .name {
margin-left: 0;
width: auto!important;
font-size: medium;
padding-left: 5px;
border-left: solid 1px #e6e6e6;
}
-body.musiclist ul li .time {
+.musiclist .time {
color: #848484;
font-size: medium;
margin-left: 4px;
width: auto!important;
font-weight: normal;
}
-body.musiclist {
+.musiclist {
background-image: none!important;
background-color: #cbcccf;
}
-body.musiclist ul li span.name {
+.ipodlist {
+ background-image: none!important;
+ background-color: black;
+}
+.applist {
+ background-image: none!important;
+ background-color: #98989c;
+}
+.ipodlist span {
+ color: white;
+ font-weight: bold;
+ font-size: 14px;
+}
+.musiclist .name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
- max-width: 62%;
}
-body.list ul li.title {
- background: url() repeat-x;
+.musiclist a:hover .name {
+ color: #0380f2;
+}
+.ipodlist .number {
+ width: 23px;
+ display: block;
+ float: left;
+ height: 42px;
+ margin-right: 3px;
+ text-align: right;
+ line-height: 43px;
+}
+.ipodlist .stop, .ipodlist .auto, .ipodlist .play {
+ width: 18px;
+ display: block;
+ float: left;
+ height: 10px;
+ text-align: right;
+ line-height: 43px;
+ margin-top: 16px;
+}
+.ipodlist .play {
+ background: url('') no-repeat;
+}
+.ipodlist a:hover .auto, .ipodlist a:hover .play {
+ background: url('') no-repeat;
+ background-position: 0 -10px;
+}
+.ipodlist .time {
+ width: 48px;
+ float: right;
+ border-left: solid #414041 1px;
+ display: block;
+ height: 42px;
+ text-align: center;
+ line-height: 43px;
+}
+.ipodlist .name {
+ display: block;
+ float: left;
+ width: inherit;
+ height: 42px;
+ text-overflow: ellipsis;
+ line-height: 42px;
+ padding-left: 5px;
+ overflow: hidden;
+ white-space: nowrap;
+ max-width: 62%;
+ border-left: solid #414041 1px;
+}
+.list .title {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4));
height: 22px!important;
width: 100%;
color: #fff;
@@ -374,26 +901,29 @@ body.list ul li.title {
padding-left: 20px;
border-bottom: none!important;
}
-body.list ul {
+.list ul {
background-color: #fff;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
-body.list div#content li {
+.list #content li {
height: 40px;
border-bottom: 1px solid #e1e1e1;
list-style: none;
}
-body.list {
+.list {
background-color: #fff;
background-image: none!important;
}
-body.list div#footer {
+.list #footer {
margin-top: 24px!important;
}
-body.list div#content li a {
+.ipodlist #footer {
+ margin-top: 48px!important;
+}
+.list #content li a {
padding: 9px 0 0 20px;
font-size: large;
font-weight: bold;
@@ -403,201 +933,79 @@ body.list div#content li a {
text-decoration: none;
height: 32px;
}
-body.list div#content li a span.name {
+.list #content li a .name {
text-overflow: ellipsis;
overflow: hidden;
max-width: 93%;
white-space: nowrap;
display: block;
}
-body.list div#content li a:hover {
+.list #content li a:hover {
color: #fff;
}
-body.list div#content li a:hover {
- background: url() repeat-x;
-}
-body.list div#content {
+.list #content {
margin-top: -13px!important;
}
-body.list ul img {
+.ipodlist #content, .musiclist #content, .applist #content {
+ margin-top: -29px!important;
+}
+.list ul img {
width: 90px;
height: 90px;
position: absolute;
left: 0;
top: 0;
}
-body.list li.withimage {
+.list .withimage {
height: 90px!important;
}
-body.list li.withimage span.name {
+.list .withimage .name {
margin: 13px 0 0 90px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 63%!important;
white-space: nowrap;
}
-body.list li.withimage .comment {
+.list .withimage .comment {
margin: 10px auto auto 90px !important;
max-width: 63%!important;
}
-body.list li.withimage a, body.list li.withimage:hover a {
+.list .withimage a, .list .withimage:hover a {
height: 81px!important;
- background: url() left top no-repeat!important;
}
-body.list li.withimage:hover {
- background-image: url();
-}
-.confirm_screen {
- position: absolute;
- bottom: 0;
- -webkit-transform: translate(0,100%);
- -webkit-transition-property: -webkit-transform;
- background-image: url();
- opacity: 0;
-}
-.confirm_screenopen {
- position: absolute;
- opacity: 0.8;
- overflow: hidden;
- bottom: -100%;
- width: 100%;
- background: url() repeat-x #4e545f;
- -webkit-transition-duration: 0.8s;
- -webkit-transition-property: -webkit-transform;
- -webkit-transform-style: preserve-3d;
- -webkit-transform: translate(0,0);
- text-align: center;
- z-index: 99999;
-}
-.confirm_screenopenfull {
- position: absolute;
- opacity: 0.8;
- overflow: hidden;
- bottom: -100%;
- width: 100%;
- background: url() repeat-x #4e545f;
- -webkit-transition-duration: 0.8s;
- -webkit-transition-property: -webkit-transform;
- -webkit-transform-style: preserve-3d;
- -webkit-transform: translate(0,45px);
- text-align: center;
- z-index: 99999;
-}
-.confirm_screenclose {
- -webkit-transition-duration: 1.2s;
- -webkit-transition-property: -webkit-transform;
- -webkit-transform-style: preserve-3d;
- position: absolute;
- opacity: 0.8;
- overflow: hidden;
- bottom: -100%;
- width: 100%;
- background: url() repeat-x #545A67;
- text-align: center;
- -webkit-transform: translate(0,150%);
-}
-.confirm_screenopen span, .confirm_screenclose span, .confirm_screenopenfull span, .confirm_screenclosefull span {
- margin: 10px 0 20px;
- font-size: 17px;
- color: #fff;
- width: 100%;
- height: 10px;
- text-shadow: rgba(0,0,0,1) 0 -1px 0;
- display: block;
-}
-.popup {
- position: absolute;
- bottom: 0;
- width: 100%;
- left: 0;
- z-index: 9999;
-}
-.cover {
- width: 100%;
- position: absolute;
- top: 0;
- z-index: 9998;
- opacity: 0.4;
- left: 0;
- background-color: #000;
-}
-.nocover {
- opacity: 0;
- background-image: url(),
- url();
-}
-#frame a {
- text-decoration: none;
- display: block;
- width: 90%;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: -15px;
- margin-top: 0;
-}
-#frame span.black, #frame span.red, #frame span.gray {
- display: block;
- height: 46px;
- border-width: 0 14px;
- width: auto;
- background-repeat: no-repeat;
- line-height: 46px;
- font-size: large;
- opacity: 1;
- font-weight: bolder;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- font-family: Arial,Helvetica,sans-serif;
-}
-#frame span.black {
- -webkit-border-image: url() 0 14 0 14;
- color: #fff;
-}
-#frame span.red {
- -webkit-border-image: url() 0 14 0 14;
- color: #fff;
-}
-#frame span.gray {
- -webkit-border-image: url() 0 14 0 14;
- color: #000;
- text-shadow: white 0 1px 0;
-}
-#frame a:last-child {
- margin-bottom: 20px!important;
-}
-#frame a:hover span.black, #frame a:hover span.gray {
- -webkit-border-image: url() 0 14 0 14;
- color: #fff;
- text-shadow: rgba(0,0,0,1) 0 -1px 0;
-}
-#frame a:hover span.red {
- -webkit-border-image: url() 0 14 0 14;
-}
-#leftnav, #leftbutton {
+#leftnav, #leftbutton, #blueleftbutton {
position: absolute;
font-size: 12px;
left: 9px;
- top: 7px;
font-weight: bold;
}
-#leftnav, #leftbutton, #rightnav, #rightbutton {
+#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {
z-index: 5000;
}
-#leftnav a, #rightnav a, #leftbutton a, #rightbutton a {
+#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
display: block;
color: #fff;
text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
- line-height: 30px;
- height: 30px;
text-decoration: none;
}
-#leftnav img, #rightnav img {
- margin-top: 4px;
+.black #leftnav a:first-child, .transparent #leftnav a:first-child {
+ -webkit-border-image: url("") 0 5 0 13;
+}
+.black #leftnav a, .transparent #leftnav a {
+ -webkit-border-image: url("") 0 5 0 13;
+}
+.black #rightnav a:first-child, .transparent #rightnav a:first-child {
+ -webkit-border-image: url("") 0 13 0 5;
+}
+.black #rightnav a, .transparent #rightnav a {
+ -webkit-border-image: url("") 0 13 0 5;
+}
+.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a {
+ -webkit-border-image: url("") 0 5 0 5;
}
#leftnav a:first-child {
z-index: 2;
- -webkit-border-image: url() 0 5 0 13;
+ -webkit-border-image: url("") 0 5 0 13;
border-width: 0 5px 0 13px;
-webkit-border-top-left-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
@@ -606,7 +1014,7 @@ body.list li.withimage:hover {
width: auto;
}
#leftnav a {
- -webkit-border-image: url() 0 5 0 13;
+ -webkit-border-image: url("") 0 5 0 13;
z-index: 3;
margin-left: -4px;
border-width: 0 5px 0 13px;
@@ -617,15 +1025,14 @@ body.list li.withimage:hover {
-webkit-border-bottom-right-radius: 6px;
float: left;
}
-#rightnav, #rightbutton {
+#rightnav, #rightbutton, #bluerightbutton {
position: absolute;
font-size: 12px;
right: 9px;
- top: 7px;
font-weight: bold;
}
#rightnav a {
- -webkit-border-image: url() 0 13 0 5;
+ -webkit-border-image: url("") 0 13 0 5;
z-index: 3;
margin-right: -4px;
border-width: 0 13px 0 5px;
@@ -640,223 +1047,134 @@ body.list li.withimage:hover {
z-index: 2;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
- -webkit-border-image: url() 0 13 0 5;
+ -webkit-border-image: url("") 0 13 0 5;
border-width: 0 13px 0 5px;
-webkit-border-top-right-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
}
#leftbutton a, #rightbutton a {
- -webkit-border-image: url() 0 5 0 5;
+ -webkit-border-image: url("") 0 5 0 5;
border-width: 0 5px;
-webkit-border-radius: 6px;
}
-.rssxpresschannel {
- font-family: helvetica,sans-serif;
- border: none;
+#blueleftbutton a, #bluerightbutton a {
+ -webkit-border-image: url("") 0 5 0 5;
+ border-width: 0 5px;
+ -webkit-border-radius: 6px;
}
-.rssxpresschtitle {
- text-align: center;
-}
-.rssxpresschdesc {
- color: #000;
- text-align: center;
- border-bottom: 1px solid #000;
- padding-bottom: 5px;
-}
-.rssxpressittitle {
- display: block;
- font-size: 12pt;
- background: #fff;
- margin: 5px 0 2px;
-}
-.rssxpressittitle a {
- text-decoration: none!important;
- font-weight: bold;
- color: rgb(73,102,145);
- line-height: 10pt;
-}
-.rssxpressitdesc {
- background: #fff;
- font-size: 12pt;
-}
-.rssxpressdivider {
- display: none;
-}
-li.form input[type=text], li.form input[type=password], li.form input[type=search] {
- border-width: 7px 7px;
- font-weight: normal;
- border-color: white;
- height: 10px;
- -webkit-border-image: url() 7 7 7 7;
+input[type="checkbox"] {
+ width: 94px;
+ height: 27px;
+ background: url('');
-webkit-appearance: none;
- line-height: 8px;
- font-size: 18px;
- margin: auto;
- display: block;
- position: relative;
- width: 90%;
+ border: 0;
+ float: right;
+ margin: 8px 4px 0 0;
}
-li.form input[type=submit] {
+input[type="checkbox"]:checked {
+ background-position: 0 27px;
+}
+input[type="radio"] {
+ -webkit-appearance: none;
+ border: 0;
width: 100%;
- background: none;
- border: 0px;
+ height: 100%;
+ z-index: 2;
+ position: absolute;
+ left: 0;
+ margin: 0;
+ -webkit-border-radius: 0;
+}
+input[type="radio"]:checked {
+ background: url('') no-repeat;
+ background-position: right center;
+}
+.radiobutton .name {
+ z-index: 1;
+}
+select {
+ -webkit-appearance: none;
+ height: 100%;
+ width: 100%;
+ border: 0;
+}
+.select select {
+ -webkit-border-radius: 0;
color: #000;
- margin-top: -5px;
- margin-bottom: -5px;
font-weight: bold;
font-size: 17px;
}
-.form {
- padding: 5px 8px 0 5px;
- height: 37px!important;
- position: relative;
- overflow: hidden;
+.select option {
+ max-width: 90%;
}
-li.form .narrow textarea, li.form .narrow input[type=text], li.form .narrow input[type=checkbox], li.form .narrow input[type=password], li.form .narrow input[type=search] {
- width: 40%!important;
- border-width: 7px 7px;
- height: 10px;
- -webkit-border-image: url() 7 7 7 7;
- -webkit-appearance: none;
- line-height: 8px;
- font-size: 18px;
- font-weight: normal;
- border-color: white;
- margin: 0!important;
- position: absolute;
- right: -17px;
-}
-li.form span.narrow, li.form span.check {
- width: 90%!important;
+.select .arrow {
+ background: url('');
+ width: 8px;
+ height: 13px;
display: block;
- position: relative;
- margin: auto;
-}
-li.form .name {
- width: 55%!important;
- white-space: nowrap;
- text-overflow: ellipsis;
+ -webkit-transform: rotate(90deg);
position: absolute;
- margin: 6px 0 0 7px;
- color: #000;
- font-weight: bold;
- font-size: 17px;
- overflow: hidden;
- left: -17px;
+ right: 10px;
+ top: 18px;
}
-li.form .check .name {
- width: 70%!important;
-}
-li.form input[type=radio] {
+.button input {
width: 100%;
- height: 42px;
- display: block;
- margin: -5px -8px 0 -5px;
+ height: 100%;
-webkit-appearance: none;
border: 0;
-webkit-border-radius: 0;
- position: relative;
- background: transparent;
- position: absolute;
-}
-span.radio {
- width: 16px;
- height: 30px;
- background: url() no-repeat;
- display: block;
- position: absolute;
- right: 5px;
- overflow: visible;
- z-index: 1;
-}
-span.checkbox {
- width: 94px;
- height: 27px;
- background: url() no-repeat;
- display: block;
- position: absolute;
- right: -14px;
- top: 2px;
-}
-input[type=checkbox] {
- display: none;
-}
-select {
- height: 40px;
- opacity: 0;
- position: absolute;
- width: 100%;
- margin: -5px 0 0 -5px;
- -webkit-border-radius: 0;
-}
-.form .choice .name {
- left: 1.7%;
- width: 87%!important;
-}
-span.select {
- z-index: 1;
- position: absolute;
- white-space: nowrap;
+ font-weight: bold;
+ font-size: 17px;
text-overflow: ellipsis;
- margin: 6px 0 0 7px;
- color: #000;
- font-weight: bold;
- font-size: 17px;
+ white-space: nowrap;
overflow: hidden;
- max-width: 87%;
-}
-.form .arrow {
- background: url() no-repeat;
- width: 13px;
- height: 8px;
- position: absolute;
- right: 8px;
- top: 18px;
- margin: 0!important;
-}
-input[type=submit], button, input[type=button], input[type=reset] {
- background: transparent;
- width: 100%;
- height: 40px;
- left: 0px;
- position: absolute;
- top: 6px;
- display: block;
- -webkit-border-radius: 0;
- line-height: 40px;
-}
-button, input[type=button], input[type=reset] {
- top: 0px!important;
- border: none;
- color: black;
- font-weight: bold;
- font-size: 17px;
- -webkit-appearance: none;
+ background: none;
}
.textbox textarea {
- min-height: 50px;
- margin: 3px auto 4px auto;
- position: relative;
- -webkit-border-image: url(') 7 7 7 7;
- padding: 3px 0 0 0;
- line-height: 18px;
- left: -2px;
- font-size: 18px;
- font-weight: normal;
- width: 97%;
- display: block;
- border-width: 7px 7px;
+ padding: 0;
+ margin-top: 5px;
+ font-size: medium;
}
-ul li.hidden {
- display: none;
+.bigfield input {
+ -webkit-appearance: none;
+ border: 0;
+ height: 100%;
+ padding: 0;
+ -webkit-border-radius: 0;
+ background: transparent;
+ font-weight: bold;
+ font-size: 17px;
+ padding-left: 5px;
}
-ul li.autolisttext {
- text-align: center;
+.smallfield .name {
+ width: 48%;
+ position: absolute;
+ left: 0;
+ font-size: 17px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-weight: bold;
+ line-height: 44px;
+ font-size: 17px;
+ padding-left: 5px;
+ overflow: hidden;
}
-body.musiclist ul li.autolisttext {
- line-height: 44px!important;
+.smallfield input {
+ width: 50%;
+ position: absolute;
+ right: 0;
+ height: 44px;
+ -webkit-appearance: none;
+ border: none;
+ padding: 0;
+ background: transparent;
+ -webkit-border-radius: 0;
+ font-weight: bold;
+ font-size: 17px;
}
-ul li.autolisttext a:hover {
- background-image: none!important;
- color: black!important;
+.smallfield:first-child input {
+ -webkit-border-top-right-radius: 8px;
+}
+.smallfield:last-child input {
+ -webkit-border-bottom-right-radius: 8px;
}
diff --git a/htdocs/theme/phones/iphone/theme/default/img/0stars.png b/htdocs/theme/phones/iphone/theme/default/img/0stars.png
index 72828967cbd..81947f7bc57 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/img/0stars.png and b/htdocs/theme/phones/iphone/theme/default/img/0stars.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/0starsborder.png b/htdocs/theme/phones/iphone/theme/default/img/0starsborder.png
new file mode 100644
index 00000000000..f4d231499ae
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/0starsborder.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/1stars.png b/htdocs/theme/phones/iphone/theme/default/img/1stars.png
index 8a2207ff5b3..12dd9c6a981 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/img/1stars.png and b/htdocs/theme/phones/iphone/theme/default/img/1stars.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/1starsborder.png b/htdocs/theme/phones/iphone/theme/default/img/1starsborder.png
new file mode 100644
index 00000000000..ad21998f123
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/1starsborder.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/2stars.png b/htdocs/theme/phones/iphone/theme/default/img/2stars.png
index cbb2f4633b3..fa7e2b95cbb 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/img/2stars.png and b/htdocs/theme/phones/iphone/theme/default/img/2stars.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/2starsborder.png b/htdocs/theme/phones/iphone/theme/default/img/2starsborder.png
new file mode 100644
index 00000000000..10a2b912b46
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/2starsborder.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/3stars.png b/htdocs/theme/phones/iphone/theme/default/img/3stars.png
index fa5cd115adb..7136c3f24ca 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/img/3stars.png and b/htdocs/theme/phones/iphone/theme/default/img/3stars.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/3starsborder.png b/htdocs/theme/phones/iphone/theme/default/img/3starsborder.png
new file mode 100644
index 00000000000..22c5a925281
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/3starsborder.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/4stars.png b/htdocs/theme/phones/iphone/theme/default/img/4stars.png
index 69b3f1cda2a..071415689c5 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/img/4stars.png and b/htdocs/theme/phones/iphone/theme/default/img/4stars.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/4starsborder.png b/htdocs/theme/phones/iphone/theme/default/img/4starsborder.png
new file mode 100644
index 00000000000..4a17ceef026
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/4starsborder.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/5stars.png b/htdocs/theme/phones/iphone/theme/default/img/5stars.png
index c7ca3c7ef3e..370c60be52b 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/img/5stars.png and b/htdocs/theme/phones/iphone/theme/default/img/5stars.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/checkbox.png b/htdocs/theme/phones/iphone/theme/default/img/checkbox.png
index 2aa6650e6da..75f0ede2996 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/img/checkbox.png and b/htdocs/theme/phones/iphone/theme/default/img/checkbox.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/navbuttonblack.png b/htdocs/theme/phones/iphone/theme/default/img/navbuttonblack.png
new file mode 100644
index 00000000000..b7a9bab4972
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/navbuttonblack.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/navbuttonblue.png b/htdocs/theme/phones/iphone/theme/default/img/navbuttonblue.png
new file mode 100644
index 00000000000..97a2c983b13
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/navbuttonblue.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/navleftblack.png b/htdocs/theme/phones/iphone/theme/default/img/navleftblack.png
new file mode 100644
index 00000000000..e1eb70ff703
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/navleftblack.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/navlinkleftblack.png b/htdocs/theme/phones/iphone/theme/default/img/navlinkleftblack.png
new file mode 100644
index 00000000000..82d10229cae
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/navlinkleftblack.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/navlinkrightblack.png b/htdocs/theme/phones/iphone/theme/default/img/navlinkrightblack.png
new file mode 100644
index 00000000000..ef5508491c1
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/navlinkrightblack.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/navrightblack.png b/htdocs/theme/phones/iphone/theme/default/img/navrightblack.png
new file mode 100644
index 00000000000..80c5b833457
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/navrightblack.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/play.gif b/htdocs/theme/phones/iphone/theme/default/img/play.gif
new file mode 100644
index 00000000000..7447d05419c
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/play.gif differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/radiobutton.png b/htdocs/theme/phones/iphone/theme/default/img/radiobutton.png
new file mode 100644
index 00000000000..45e68fddb1d
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/radiobutton.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/searchfield.png b/htdocs/theme/phones/iphone/theme/default/img/searchfield.png
new file mode 100644
index 00000000000..05eb98a07e6
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/searchfield.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/img/tributton.png b/htdocs/theme/phones/iphone/theme/default/img/tributton.png
new file mode 100644
index 00000000000..f5c8f55f324
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/img/tributton.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/thumbs/accessibility.png b/htdocs/theme/phones/iphone/theme/default/thumbs/accessibility.png
new file mode 100644
index 00000000000..6478c8b9a25
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/thumbs/accessibility.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/thumbs/compass.png b/htdocs/theme/phones/iphone/theme/default/thumbs/compass.png
new file mode 100644
index 00000000000..66533d34144
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/thumbs/compass.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/thumbs/messages.png b/htdocs/theme/phones/iphone/theme/default/thumbs/messages.png
new file mode 100644
index 00000000000..1a7879a2b5f
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/thumbs/messages.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/thumbs/nike+.png b/htdocs/theme/phones/iphone/theme/default/thumbs/nike+.png
new file mode 100644
index 00000000000..673d59dc84e
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/thumbs/nike+.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/thumbs/start.png b/htdocs/theme/phones/iphone/theme/default/thumbs/start.png
index 80c0cd5fb8b..b22e2450e62 100755
Binary files a/htdocs/theme/phones/iphone/theme/default/thumbs/start.png and b/htdocs/theme/phones/iphone/theme/default/thumbs/start.png differ
diff --git a/htdocs/theme/phones/iphone/theme/default/thumbs/voice.png b/htdocs/theme/phones/iphone/theme/default/thumbs/voice.png
new file mode 100644
index 00000000000..fd3a4493cc5
Binary files /dev/null and b/htdocs/theme/phones/iphone/theme/default/thumbs/voice.png differ
diff --git a/htdocs/theme/phones/iphone/tpl/login.tpl.php b/htdocs/theme/phones/iphone/tpl/login.tpl.php
index ecdf42f83c2..711ca7f3ad9 100644
--- a/htdocs/theme/phones/iphone/tpl/login.tpl.php
+++ b/htdocs/theme/phones/iphone/tpl/login.tpl.php
@@ -57,11 +57,11 @@ header("Content-type: text/html; charset=".$conf->file->character_set_client);
trans('Identification'); ?>
- -
+
-
- -
+
-
@@ -70,7 +70,7 @@ header("Content-type: text/html; charset=".$conf->file->character_set_client);
trans('Entity'); ?>
- -
+
-
@@ -80,17 +80,15 @@ header("Content-type: text/html; charset=".$conf->file->character_set_client);
trans('SecurityCode'); ?>
diff --git a/htdocs/theme/phones/iphone/tpl/passwordforgotten.tpl.php b/htdocs/theme/phones/iphone/tpl/passwordforgotten.tpl.php
index cf48bfa0ff6..d155544d826 100644
--- a/htdocs/theme/phones/iphone/tpl/passwordforgotten.tpl.php
+++ b/htdocs/theme/phones/iphone/tpl/passwordforgotten.tpl.php
@@ -61,7 +61,7 @@ header("Content-type: text/html; charset=".$conf->file->character_set_client);
trans('Identification'); ?>
@@ -69,7 +69,7 @@ header("Content-type: text/html; charset=".$conf->file->character_set_client);
trans('Entity'); ?>
- -
+
-
@@ -79,17 +79,15 @@ header("Content-type: text/html; charset=".$conf->file->character_set_client);
trans('SecurityCode'); ?>
/> - +
- +