Skip to content
Browse files

revert to Jul 02

  • Loading branch information...
1 parent d902260 commit 5f038730c63a7c18dc2419f2987767b345a638e5 @steren steren committed Jul 25, 2012
View
2 app/app.desktop.optimized.js
1 addition, 1 deletion not shown because the diff is too large. Please use a local Git client to view these changes.
View
2 app/app.phone.optimized.js
1 addition, 1 deletion not shown because the diff is too large. Please use a local Git client to view these changes.
View
2 app/app.tablet.optimized.js
1 addition, 1 deletion not shown because the diff is too large. Please use a local Git client to view these changes.
View
2 app/app.tv.optimized.js
1 addition, 1 deletion not shown because the diff is too large. Please use a local Git client to view these changes.
View
35 app/css/desktop.blue.css
@@ -37,7 +37,7 @@ body{font-size:15 px;background-image:-webkit-gradient(linear, left top, left bo
.nine-sixty{width:960px;height:100%;margin:0 auto;position:relative;}
#cards-container{width:960px;height:100%;margin:0 auto;position:relative;top:-10em;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);box-shadow:0 0 30px rgba(0, 0, 0, 0.5);}
.right-panel,.left-panel,.mosaic-list,.single{overflow:auto;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#264663), to(#111f2b));background-image:-webkit-linear-gradient(#264663, #111f2b);background-image:-moz-linear-gradient(#264663, #111f2b);background-image:-ms-linear-gradient(#264663, #111f2b);background-image:-o-linear-gradient(#264663, #111f2b);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(31, 78, 121, 0.2)), color-stop(0.6, rgba(31, 78, 121, 0.15)), color-stop(1, rgba(31, 78, 121, 0)));background-image:-webkit-linear-gradient(rgba(31, 78, 121, 0.2) 0, rgba(31, 78, 121, 0.15) 0.6, rgba(31, 78, 121, 0) 1);background-image:-moz-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-o-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#264663), to(#111f2b));background-image:-webkit-linear-gradient(#264663, #111f2b);background-image:-moz-linear-gradient(#264663, #111f2b);background-image:-ms-linear-gradient(#264663, #111f2b);background-image:-o-linear-gradient(#264663, #111f2b);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(31, 78, 121, 0.2)), color-stop(0.6, rgba(31, 78, 121, 0.15)), color-stop(1, rgba(31, 78, 121, 0)));background-image:-webkit-linear-gradient(rgba(31, 78, 121, 0.2) 0, rgba(31, 78, 121, 0.15) 0.6, rgba(31, 78, 121, 0) 1);background-image:-moz-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-o-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);}
header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;line-height:1em;padding:.5em 0;float:left;}header h1 span{display:block;position:relative;z-index:50;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,9 +57,9 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
#toolbar ul li a.active{background-color:transparent;height:2.7em;margin:0;}#toolbar ul li a.active >span{background:transparent url(../images/phone-glow.png) no-repeat center center;height:100%;}
.indicator{position:absolute;height:.8em;top:-0.8em;left:51%;width:2em;margin-left:-1em;overflow:hidden;}.indicator span{display:block;height:1.2em;width:1.2em;margin:.2em auto;background-color:#132738;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cards{position:absolute;left:0;top:2.7em;bottom:0;width:100%;z-index:1;}
-.left-panel >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.left-panel.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.left-panel.loading .loadmore p{display:none;}
-.left-panel .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
+.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.section{position:absolute;left:0;right:0;bottom:0;top:0;}.section.loading .spinner{display:block;}
.section .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
@@ -84,28 +84,27 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#1c3953;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.product-item>div,.news-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.product-item>div img,.news-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.product-item>div .right,.news-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.product-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#1c3953;margin-bottom:.2em;}
+.other-item>div h4,.product-item>div h4,.news-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.product-item>div p,.news-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.product-item>div .offer:before,.news-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.product-item>div .offer:after,.news-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#020507;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
35 app/css/desktop.earth.css
@@ -37,7 +37,7 @@ body{font-size:15 px;background-image:-webkit-gradient(linear, left top, left bo
.nine-sixty{width:960px;height:100%;margin:0 auto;position:relative;}
#cards-container{width:960px;height:100%;margin:0 auto;position:relative;top:-10em;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);box-shadow:0 0 30px rgba(0, 0, 0, 0.5);}
.right-panel,.left-panel,.mosaic-list,.single{overflow:auto;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#994119), to(#57250f));background-image:-webkit-linear-gradient(#994119, #57250f);background-image:-moz-linear-gradient(#994119, #57250f);background-image:-ms-linear-gradient(#994119, #57250f);background-image:-o-linear-gradient(#994119, #57250f);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(181, 65, 13, 0.2)), color-stop(0.6, rgba(181, 65, 13, 0.15)), color-stop(1, rgba(181, 65, 13, 0)));background-image:-webkit-linear-gradient(rgba(181, 65, 13, 0.2) 0, rgba(181, 65, 13, 0.15) 0.6, rgba(181, 65, 13, 0) 1);background-image:-moz-linear-gradient(to right, rgba(181, 65, 13, 0.2) 0%, rgba(181, 65, 13, 0.15) 60%, rgba(181, 65, 13, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(181, 65, 13, 0.2) 0%, rgba(181, 65, 13, 0.15) 60%, rgba(181, 65, 13, 0) 100%);background-image:-o-linear-gradient(to right, rgba(181, 65, 13, 0.2) 0%, rgba(181, 65, 13, 0.15) 60%, rgba(181, 65, 13, 0) 100%);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#994119), to(#57250f));background-image:-webkit-linear-gradient(#994119, #57250f);background-image:-moz-linear-gradient(#994119, #57250f);background-image:-ms-linear-gradient(#994119, #57250f);background-image:-o-linear-gradient(#994119, #57250f);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(181, 65, 13, 0.2)), color-stop(0.6, rgba(181, 65, 13, 0.15)), color-stop(1, rgba(181, 65, 13, 0)));background-image:-webkit-linear-gradient(rgba(181, 65, 13, 0.2) 0, rgba(181, 65, 13, 0.15) 0.6, rgba(181, 65, 13, 0) 1);background-image:-moz-linear-gradient(to right, rgba(181, 65, 13, 0.2) 0%, rgba(181, 65, 13, 0.15) 60%, rgba(181, 65, 13, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(181, 65, 13, 0.2) 0%, rgba(181, 65, 13, 0.15) 60%, rgba(181, 65, 13, 0) 100%);background-image:-o-linear-gradient(to right, rgba(181, 65, 13, 0.2) 0%, rgba(181, 65, 13, 0.15) 60%, rgba(181, 65, 13, 0) 100%);}
header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;line-height:1em;padding:.5em 0;float:left;}header h1 span{display:block;position:relative;z-index:50;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,9 +57,9 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
#toolbar ul li a.active{background-color:transparent;height:2.7em;margin:0;}#toolbar ul li a.active >span{background:transparent url(../images/phone-glow.png) no-repeat center center;height:100%;}
.indicator{position:absolute;height:.8em;top:-0.8em;left:51%;width:2em;margin-left:-1em;overflow:hidden;}.indicator span{display:block;height:1.2em;width:1.2em;margin:.2em auto;background-color:#67290e;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cards{position:absolute;left:0;top:2.7em;bottom:0;width:100%;z-index:1;}
-.left-panel >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.left-panel.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.left-panel.loading .loadmore p{display:none;}
-.left-panel .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
+.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.section{position:absolute;left:0;right:0;bottom:0;top:0;}.section.loading .spinner{display:block;}
.section .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
@@ -84,28 +84,27 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#873612;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.product-item>div,.news-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.product-item>div img,.news-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.product-item>div .right,.news-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.product-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#873612;margin-bottom:.2em;}
+.other-item>div h4,.product-item>div h4,.news-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.product-item>div p,.news-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.product-item>div .offer:before,.news-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.product-item>div .offer:after,.news-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#2d1206;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
35 app/css/desktop.gray.css
@@ -37,7 +37,7 @@ body{font-size:15 px;background-image:-webkit-gradient(linear, left top, left bo
.nine-sixty{width:960px;height:100%;margin:0 auto;position:relative;}
#cards-container{width:960px;height:100%;margin:0 auto;position:relative;top:-10em;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);box-shadow:0 0 30px rgba(0, 0, 0, 0.5);}
.right-panel,.left-panel,.mosaic-list,.single{overflow:auto;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#080808));background-image:-webkit-linear-gradient(#2f2f2f, #080808);background-image:-moz-linear-gradient(#2f2f2f, #080808);background-image:-ms-linear-gradient(#2f2f2f, #080808);background-image:-o-linear-gradient(#2f2f2f, #080808);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(60, 49, 49, 0.2)), color-stop(0.6, rgba(60, 49, 49, 0.15)), color-stop(1, rgba(60, 49, 49, 0)));background-image:-webkit-linear-gradient(rgba(60, 49, 49, 0.2) 0, rgba(60, 49, 49, 0.15) 0.6, rgba(60, 49, 49, 0) 1);background-image:-moz-linear-gradient(to right, rgba(60, 49, 49, 0.2) 0%, rgba(60, 49, 49, 0.15) 60%, rgba(60, 49, 49, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(60, 49, 49, 0.2) 0%, rgba(60, 49, 49, 0.15) 60%, rgba(60, 49, 49, 0) 100%);background-image:-o-linear-gradient(to right, rgba(60, 49, 49, 0.2) 0%, rgba(60, 49, 49, 0.15) 60%, rgba(60, 49, 49, 0) 100%);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#080808));background-image:-webkit-linear-gradient(#2f2f2f, #080808);background-image:-moz-linear-gradient(#2f2f2f, #080808);background-image:-ms-linear-gradient(#2f2f2f, #080808);background-image:-o-linear-gradient(#2f2f2f, #080808);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(60, 49, 49, 0.2)), color-stop(0.6, rgba(60, 49, 49, 0.15)), color-stop(1, rgba(60, 49, 49, 0)));background-image:-webkit-linear-gradient(rgba(60, 49, 49, 0.2) 0, rgba(60, 49, 49, 0.15) 0.6, rgba(60, 49, 49, 0) 1);background-image:-moz-linear-gradient(to right, rgba(60, 49, 49, 0.2) 0%, rgba(60, 49, 49, 0.15) 60%, rgba(60, 49, 49, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(60, 49, 49, 0.2) 0%, rgba(60, 49, 49, 0.15) 60%, rgba(60, 49, 49, 0) 100%);background-image:-o-linear-gradient(to right, rgba(60, 49, 49, 0.2) 0%, rgba(60, 49, 49, 0.15) 60%, rgba(60, 49, 49, 0) 100%);}
header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;line-height:1em;padding:.5em 0;float:left;}header h1 span{display:block;position:relative;z-index:50;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,9 +57,9 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
#toolbar ul li a.active{background-color:transparent;height:2.7em;margin:0;}#toolbar ul li a.active >span{background:transparent url(../images/phone-glow.png) no-repeat center center;height:100%;}
.indicator{position:absolute;height:.8em;top:-0.8em;left:51%;width:2em;margin-left:-1em;overflow:hidden;}.indicator span{display:block;height:1.2em;width:1.2em;margin:.2em auto;background-color:#101010;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cards{position:absolute;left:0;top:2.7em;bottom:0;width:100%;z-index:1;}
-.left-panel >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.left-panel.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.left-panel.loading .loadmore p{display:none;}
-.left-panel .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
+.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.section{position:absolute;left:0;right:0;bottom:0;top:0;}.section.loading .spinner{display:block;}
.section .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
@@ -84,28 +84,27 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#222222;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.product-item>div,.news-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.product-item>div img,.news-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.product-item>div .right,.news-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.product-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#222222;margin-bottom:.2em;}
+.other-item>div h4,.product-item>div h4,.news-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.product-item>div p,.news-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.product-item>div .offer:before,.news-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.product-item>div .offer:after,.news-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#000000;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
35 app/css/desktop.spicy.css
@@ -37,7 +37,7 @@ body{font-size:15 px;background-image:-webkit-gradient(linear, left top, left bo
.nine-sixty{width:960px;height:100%;margin:0 auto;position:relative;}
#cards-container{width:960px;height:100%;margin:0 auto;position:relative;top:-10em;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);box-shadow:0 0 30px rgba(0, 0, 0, 0.5);}
.right-panel,.left-panel,.mosaic-list,.single{overflow:auto;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#920404), to(#470202));background-image:-webkit-linear-gradient(#920404, #470202);background-image:-moz-linear-gradient(#920404, #470202);background-image:-ms-linear-gradient(#920404, #470202);background-image:-o-linear-gradient(#920404, #470202);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(165, 0, 0, 0.2)), color-stop(0.6, rgba(165, 0, 0, 0.15)), color-stop(1, rgba(165, 0, 0, 0)));background-image:-webkit-linear-gradient(rgba(165, 0, 0, 0.2) 0, rgba(165, 0, 0, 0.15) 0.6, rgba(165, 0, 0, 0) 1);background-image:-moz-linear-gradient(to right, rgba(165, 0, 0, 0.2) 0%, rgba(165, 0, 0, 0.15) 60%, rgba(165, 0, 0, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(165, 0, 0, 0.2) 0%, rgba(165, 0, 0, 0.15) 60%, rgba(165, 0, 0, 0) 100%);background-image:-o-linear-gradient(to right, rgba(165, 0, 0, 0.2) 0%, rgba(165, 0, 0, 0.15) 60%, rgba(165, 0, 0, 0) 100%);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#920404), to(#470202));background-image:-webkit-linear-gradient(#920404, #470202);background-image:-moz-linear-gradient(#920404, #470202);background-image:-ms-linear-gradient(#920404, #470202);background-image:-o-linear-gradient(#920404, #470202);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(165, 0, 0, 0.2)), color-stop(0.6, rgba(165, 0, 0, 0.15)), color-stop(1, rgba(165, 0, 0, 0)));background-image:-webkit-linear-gradient(rgba(165, 0, 0, 0.2) 0, rgba(165, 0, 0, 0.15) 0.6, rgba(165, 0, 0, 0) 1);background-image:-moz-linear-gradient(to right, rgba(165, 0, 0, 0.2) 0%, rgba(165, 0, 0, 0.15) 60%, rgba(165, 0, 0, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(165, 0, 0, 0.2) 0%, rgba(165, 0, 0, 0.15) 60%, rgba(165, 0, 0, 0) 100%);background-image:-o-linear-gradient(to right, rgba(165, 0, 0, 0.2) 0%, rgba(165, 0, 0, 0.15) 60%, rgba(165, 0, 0, 0) 100%);}
header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;line-height:1em;padding:.5em 0;float:left;}header h1 span{display:block;position:relative;z-index:50;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,9 +57,9 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
#toolbar ul li a.active{background-color:transparent;height:2.7em;margin:0;}#toolbar ul li a.active >span{background:transparent url(../images/phone-glow.png) no-repeat center center;height:100%;}
.indicator{position:absolute;height:.8em;top:-0.8em;left:51%;width:2em;margin-left:-1em;overflow:hidden;}.indicator span{display:block;height:1.2em;width:1.2em;margin:.2em auto;background-color:#580000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cards{position:absolute;left:0;top:2.7em;bottom:0;width:100%;z-index:1;}
-.left-panel >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.left-panel.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.left-panel.loading .loadmore p{display:none;}
-.left-panel .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
+.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.section{position:absolute;left:0;right:0;bottom:0;top:0;}.section.loading .spinner{display:block;}
.section .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
@@ -84,28 +84,27 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#7c0000;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.product-item>div,.news-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.product-item>div img,.news-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.product-item>div .right,.news-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.product-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#7c0000;margin-bottom:.2em;}
+.other-item>div h4,.product-item>div h4,.news-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.product-item>div p,.news-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.product-item>div .offer:before,.news-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.product-item>div .offer:after,.news-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#160000;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
35 app/css/desktop.vegetal.css
@@ -37,7 +37,7 @@ body{font-size:15 px;background-image:-webkit-gradient(linear, left top, left bo
.nine-sixty{width:960px;height:100%;margin:0 auto;position:relative;}
#cards-container{width:960px;height:100%;margin:0 auto;position:relative;top:-10em;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);box-shadow:0 0 30px rgba(0, 0, 0, 0.5);}
.right-panel,.left-panel,.mosaic-list,.single{overflow:auto;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#566116), to(#1f2308));background-image:-webkit-linear-gradient(#566116, #1f2308);background-image:-moz-linear-gradient(#566116, #1f2308);background-image:-ms-linear-gradient(#566116, #1f2308);background-image:-o-linear-gradient(#566116, #1f2308);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(104, 120, 15, 0.2)), color-stop(0.6, rgba(104, 120, 15, 0.15)), color-stop(1, rgba(104, 120, 15, 0)));background-image:-webkit-linear-gradient(rgba(104, 120, 15, 0.2) 0, rgba(104, 120, 15, 0.15) 0.6, rgba(104, 120, 15, 0) 1);background-image:-moz-linear-gradient(to right, rgba(104, 120, 15, 0.2) 0%, rgba(104, 120, 15, 0.15) 60%, rgba(104, 120, 15, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(104, 120, 15, 0.2) 0%, rgba(104, 120, 15, 0.15) 60%, rgba(104, 120, 15, 0) 100%);background-image:-o-linear-gradient(to right, rgba(104, 120, 15, 0.2) 0%, rgba(104, 120, 15, 0.15) 60%, rgba(104, 120, 15, 0) 100%);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#566116), to(#1f2308));background-image:-webkit-linear-gradient(#566116, #1f2308);background-image:-moz-linear-gradient(#566116, #1f2308);background-image:-ms-linear-gradient(#566116, #1f2308);background-image:-o-linear-gradient(#566116, #1f2308);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(104, 120, 15, 0.2)), color-stop(0.6, rgba(104, 120, 15, 0.15)), color-stop(1, rgba(104, 120, 15, 0)));background-image:-webkit-linear-gradient(rgba(104, 120, 15, 0.2) 0, rgba(104, 120, 15, 0.15) 0.6, rgba(104, 120, 15, 0) 1);background-image:-moz-linear-gradient(to right, rgba(104, 120, 15, 0.2) 0%, rgba(104, 120, 15, 0.15) 60%, rgba(104, 120, 15, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(104, 120, 15, 0.2) 0%, rgba(104, 120, 15, 0.15) 60%, rgba(104, 120, 15, 0) 100%);background-image:-o-linear-gradient(to right, rgba(104, 120, 15, 0.2) 0%, rgba(104, 120, 15, 0.15) 60%, rgba(104, 120, 15, 0) 100%);}
header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;line-height:1em;padding:.5em 0;float:left;}header h1 span{display:block;position:relative;z-index:50;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,9 +57,9 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
#toolbar ul li a.active{background-color:transparent;height:2.7em;margin:0;}#toolbar ul li a.active >span{background:transparent url(../images/phone-glow.png) no-repeat center center;height:100%;}
.indicator{position:absolute;height:.8em;top:-0.8em;left:51%;width:2em;margin-left:-1em;overflow:hidden;}.indicator span{display:block;height:1.2em;width:1.2em;margin:.2em auto;background-color:#2b3109;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cards{position:absolute;left:0;top:2.7em;bottom:0;width:100%;z-index:1;}
-.left-panel >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.left-panel.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.left-panel.loading .loadmore p{display:none;}
-.left-panel .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
+.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.section{position:absolute;left:0;right:0;bottom:0;top:0;}.section.loading .spinner{display:block;}
.section .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
@@ -84,28 +84,27 @@ header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,A
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#454f0f;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.product-item>div,.news-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.product-item>div img,.news-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.product-item>div .right,.news-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.product-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#454f0f;margin-bottom:.2em;}
+.other-item>div h4,.product-item>div h4,.news-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.product-item>div p,.news-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.product-item>div .offer:before,.news-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.product-item>div .offer:after,.news-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#000000;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
37 app/css/phone.blue.css
@@ -34,7 +34,7 @@ img{max-width:100%;}
.google-map img{max-width:none;}
.map-overlay{color:#333333;}
body{font-size:15 px;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#4b6c8a), to(#2b3e4f));background-image:-webkit-linear-gradient(#4b6c8a, #2b3e4f);background-image:-moz-linear-gradient(#4b6c8a, #2b3e4f);background-image:-ms-linear-gradient(#4b6c8a, #2b3e4f);background-image:-o-linear-gradient(#4b6c8a, #2b3e4f);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#4b6c8a), to(#2b3e4f));background-image:-webkit-linear-gradient(#4b6c8a, #2b3e4f);background-image:-moz-linear-gradient(#4b6c8a, #2b3e4f);background-image:-ms-linear-gradient(#4b6c8a, #2b3e4f);background-image:-o-linear-gradient(#4b6c8a, #2b3e4f);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(83, 135, 181, 0)), color-stop(0.4, rgba(83, 135, 181, 0.5)), color-stop(1, rgba(83, 135, 181, 0.4)));background-image:-webkit-linear-gradient(rgba(83, 135, 181, 0) 0, rgba(83, 135, 181, 0.5) 0.4, rgba(83, 135, 181, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(83, 135, 181, 0) 0%, rgba(83, 135, 181, 0.5) 40%, rgba(83, 135, 181, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(83, 135, 181, 0) 0%, rgba(83, 135, 181, 0.5) 40%, rgba(83, 135, 181, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(83, 135, 181, 0) 0%, rgba(83, 135, 181, 0.5) 40%, rgba(83, 135, 181, 0.4) 100%);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,14 +57,14 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
#viewport{position:absolute;left:0;top:2.2em;bottom:3.05em;width:100%;z-index:1;}
#cards{width:100%;height:100%;}
.content{position:absolute;left:0;top:0;width:100%;height:100%;}.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.content.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.content.loading .loadmore p{display:none;}
-.content .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
-.content img{max-width:100%;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
+.content img{max-width:100%;margin:1em 0;}
.panel{position:absolute;height:100%;width:100%;}
.slide-panel{position:absolute;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}.slide-panel >.content{float:left;position:relative;left:0;top:0;height:100%;width:100%;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.simple-list li{border-bottom:solid 2px rgba(28, 57, 83, 0.15);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(28, 57, 83, 0.1)), to(rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(rgba(28, 57, 83, 0.1), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(rgba(28, 57, 83, 0.1), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(rgba(28, 57, 83, 0.1), rgba(255, 255, 255, 0));background-image:-o-linear-gradient(rgba(28, 57, 83, 0.1), rgba(255, 255, 255, 0));}.simple-list li:first-child{padding-top:1em;}
-.simple-list li:last-child{border-bottom:none;}
+.simple-list li:last-child{border-bottom:none;padding-bottom:2em;}
.hashed-list li{border-bottom:solid thin rgba(41, 83, 121, 0.2);}.hashed-list li:nth-child(even){background-color:rgba(2, 5, 7, 0.3);}
.hashed-list li:first-child{padding-top:1em;}
.hashed-list li:last-child{border-bottom:none;padding-bottom:2em;}
@@ -81,28 +81,27 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);margin:0;}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#1c3953;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.news-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.news-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.news-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.news-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.news-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.news-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.news-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#1c3953;margin-bottom:.2em;}
+.other-item>div h4,.news-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.news-item>div p,.product-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.news-item>div .offer:before,.product-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.news-item>div .offer:after,.product-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#020507;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
37 app/css/phone.earth.css
@@ -34,7 +34,7 @@ img{max-width:100%;}
.google-map img{max-width:none;}
.map-overlay{color:#333333;}
body{font-size:15 px;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#c86438), to(#804024));background-image:-webkit-linear-gradient(#c86438, #804024);background-image:-moz-linear-gradient(#c86438, #804024);background-image:-ms-linear-gradient(#c86438, #804024);background-image:-o-linear-gradient(#c86438, #804024);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#c86438), to(#804024));background-image:-webkit-linear-gradient(#c86438, #804024);background-image:-moz-linear-gradient(#c86438, #804024);background-image:-ms-linear-gradient(#c86438, #804024);background-image:-o-linear-gradient(#c86438, #804024);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(221, 127, 85, 0)), color-stop(0.4, rgba(221, 127, 85, 0.5)), color-stop(1, rgba(221, 127, 85, 0.4)));background-image:-webkit-linear-gradient(rgba(221, 127, 85, 0) 0, rgba(221, 127, 85, 0.5) 0.4, rgba(221, 127, 85, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(221, 127, 85, 0) 0%, rgba(221, 127, 85, 0.5) 40%, rgba(221, 127, 85, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(221, 127, 85, 0) 0%, rgba(221, 127, 85, 0.5) 40%, rgba(221, 127, 85, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(221, 127, 85, 0) 0%, rgba(221, 127, 85, 0.5) 40%, rgba(221, 127, 85, 0.4) 100%);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,14 +57,14 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
#viewport{position:absolute;left:0;top:2.2em;bottom:3.05em;width:100%;z-index:1;}
#cards{width:100%;height:100%;}
.content{position:absolute;left:0;top:0;width:100%;height:100%;}.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.content.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.content.loading .loadmore p{display:none;}
-.content .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
-.content img{max-width:100%;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
+.content img{max-width:100%;margin:1em 0;}
.panel{position:absolute;height:100%;width:100%;}
.slide-panel{position:absolute;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}.slide-panel >.content{float:left;position:relative;left:0;top:0;height:100%;width:100%;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.simple-list li{border-bottom:solid 2px rgba(135, 54, 18, 0.15);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(135, 54, 18, 0.1)), to(rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(rgba(135, 54, 18, 0.1), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(rgba(135, 54, 18, 0.1), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(rgba(135, 54, 18, 0.1), rgba(255, 255, 255, 0));background-image:-o-linear-gradient(rgba(135, 54, 18, 0.1), rgba(255, 255, 255, 0));}.simple-list li:first-child{padding-top:1em;}
-.simple-list li:last-child{border-bottom:none;}
+.simple-list li:last-child{border-bottom:none;padding-bottom:2em;}
.hashed-list li{border-bottom:solid thin rgba(180, 72, 24, 0.2);}.hashed-list li:nth-child(even){background-color:rgba(45, 18, 6, 0.3);}
.hashed-list li:first-child{padding-top:1em;}
.hashed-list li:last-child{border-bottom:none;padding-bottom:2em;}
@@ -81,28 +81,27 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);margin:0;}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#873612;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.news-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.news-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.news-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.news-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.news-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.news-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.news-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#873612;margin-bottom:.2em;}
+.other-item>div h4,.news-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.news-item>div p,.product-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.news-item>div .offer:before,.product-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.news-item>div .offer:after,.product-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#2d1206;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
37 app/css/phone.gray.css
@@ -34,7 +34,7 @@ img{max-width:100%;}
.google-map img{max-width:none;}
.map-overlay{color:#333333;}
body{font-size:15 px;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#555555), to(#272727));background-image:-webkit-linear-gradient(#555555, #272727);background-image:-moz-linear-gradient(#555555, #272727);background-image:-ms-linear-gradient(#555555, #272727);background-image:-o-linear-gradient(#555555, #272727);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#555555), to(#272727));background-image:-webkit-linear-gradient(#555555, #272727);background-image:-moz-linear-gradient(#555555, #272727);background-image:-ms-linear-gradient(#555555, #272727);background-image:-o-linear-gradient(#555555, #272727);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(111, 111, 111, 0)), color-stop(0.4, rgba(111, 111, 111, 0.5)), color-stop(1, rgba(111, 111, 111, 0.4)));background-image:-webkit-linear-gradient(rgba(111, 111, 111, 0) 0, rgba(111, 111, 111, 0.5) 0.4, rgba(111, 111, 111, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(111, 111, 111, 0) 0%, rgba(111, 111, 111, 0.5) 40%, rgba(111, 111, 111, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(111, 111, 111, 0) 0%, rgba(111, 111, 111, 0.5) 40%, rgba(111, 111, 111, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(111, 111, 111, 0) 0%, rgba(111, 111, 111, 0.5) 40%, rgba(111, 111, 111, 0.4) 100%);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,14 +57,14 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
#viewport{position:absolute;left:0;top:2.2em;bottom:3.05em;width:100%;z-index:1;}
#cards{width:100%;height:100%;}
.content{position:absolute;left:0;top:0;width:100%;height:100%;}.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.content.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.content.loading .loadmore p{display:none;}
-.content .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
-.content img{max-width:100%;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
+.content img{max-width:100%;margin:1em 0;}
.panel{position:absolute;height:100%;width:100%;}
.slide-panel{position:absolute;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}.slide-panel >.content{float:left;position:relative;left:0;top:0;height:100%;width:100%;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.simple-list li{border-bottom:solid 2px rgba(34, 34, 34, 0.15);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0.1)), to(rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(rgba(34, 34, 34, 0.1), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(rgba(34, 34, 34, 0.1), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(rgba(34, 34, 34, 0.1), rgba(255, 255, 255, 0));background-image:-o-linear-gradient(rgba(34, 34, 34, 0.1), rgba(255, 255, 255, 0));}.simple-list li:first-child{padding-top:1em;}
-.simple-list li:last-child{border-bottom:none;}
+.simple-list li:last-child{border-bottom:none;padding-bottom:2em;}
.hashed-list li{border-bottom:solid thin rgba(60, 60, 60, 0.2);}.hashed-list li:nth-child(even){background-color:rgba(0, 0, 0, 0.3);}
.hashed-list li:first-child{padding-top:1em;}
.hashed-list li:last-child{border-bottom:none;padding-bottom:2em;}
@@ -81,28 +81,27 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);margin:0;}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#222222;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.news-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.news-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.news-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.news-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.news-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.news-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.news-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#222222;margin-bottom:.2em;}
+.other-item>div h4,.news-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.news-item>div p,.product-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.news-item>div .offer:before,.product-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.news-item>div .offer:after,.product-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#000000;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
37 app/css/phone.spicy.css
@@ -34,7 +34,7 @@ img{max-width:100%;}
.google-map img{max-width:none;}
.map-overlay{color:#333333;}
body{font-size:15 px;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#cb1717), to(#790d0d));background-image:-webkit-linear-gradient(#cb1717, #790d0d);background-image:-moz-linear-gradient(#cb1717, #790d0d);background-image:-ms-linear-gradient(#cb1717, #790d0d);background-image:-o-linear-gradient(#cb1717, #790d0d);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#cb1717), to(#790d0d));background-image:-webkit-linear-gradient(#cb1717, #790d0d);background-image:-moz-linear-gradient(#cb1717, #790d0d);background-image:-ms-linear-gradient(#cb1717, #790d0d);background-image:-o-linear-gradient(#cb1717, #790d0d);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(243, 34, 34, 0)), color-stop(0.4, rgba(243, 34, 34, 0.5)), color-stop(1, rgba(243, 34, 34, 0.4)));background-image:-webkit-linear-gradient(rgba(243, 34, 34, 0) 0, rgba(243, 34, 34, 0.5) 0.4, rgba(243, 34, 34, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(243, 34, 34, 0) 0%, rgba(243, 34, 34, 0.5) 40%, rgba(243, 34, 34, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(243, 34, 34, 0) 0%, rgba(243, 34, 34, 0.5) 40%, rgba(243, 34, 34, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(243, 34, 34, 0) 0%, rgba(243, 34, 34, 0.5) 40%, rgba(243, 34, 34, 0.4) 100%);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,14 +57,14 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
#viewport{position:absolute;left:0;top:2.2em;bottom:3.05em;width:100%;z-index:1;}
#cards{width:100%;height:100%;}
.content{position:absolute;left:0;top:0;width:100%;height:100%;}.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.content.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.content.loading .loadmore p{display:none;}
-.content .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
-.content img{max-width:100%;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
+.content img{max-width:100%;margin:1em 0;}
.panel{position:absolute;height:100%;width:100%;}
.slide-panel{position:absolute;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}.slide-panel >.content{float:left;position:relative;left:0;top:0;height:100%;width:100%;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.simple-list li{border-bottom:solid 2px rgba(124, 0, 0, 0.15);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(124, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(rgba(124, 0, 0, 0.1), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(rgba(124, 0, 0, 0.1), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(rgba(124, 0, 0, 0.1), rgba(255, 255, 255, 0));background-image:-o-linear-gradient(rgba(124, 0, 0, 0.1), rgba(255, 255, 255, 0));}.simple-list li:first-child{padding-top:1em;}
-.simple-list li:last-child{border-bottom:none;}
+.simple-list li:last-child{border-bottom:none;padding-bottom:2em;}
.hashed-list li{border-bottom:solid thin rgba(175, 0, 0, 0.2);}.hashed-list li:nth-child(even){background-color:rgba(22, 0, 0, 0.3);}
.hashed-list li:first-child{padding-top:1em;}
.hashed-list li:last-child{border-bottom:none;padding-bottom:2em;}
@@ -81,28 +81,27 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);margin:0;}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#7c0000;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.news-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.news-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.news-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.news-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.news-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.news-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.news-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#7c0000;margin-bottom:.2em;}
+.other-item>div h4,.news-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.news-item>div p,.product-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.news-item>div .offer:before,.product-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.news-item>div .offer:after,.product-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#160000;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
37 app/css/phone.vegetal.css
@@ -34,7 +34,7 @@ img{max-width:100%;}
.google-map img{max-width:none;}
.map-overlay{color:#333333;}
body{font-size:15 px;}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#829133), to(#454d1b));background-image:-webkit-linear-gradient(#829133, #454d1b);background-image:-moz-linear-gradient(#829133, #454d1b);background-image:-ms-linear-gradient(#829133, #454d1b);background-image:-o-linear-gradient(#829133, #454d1b);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#829133), to(#454d1b));background-image:-webkit-linear-gradient(#829133, #454d1b);background-image:-moz-linear-gradient(#829133, #454d1b);background-image:-ms-linear-gradient(#829133, #454d1b);background-image:-o-linear-gradient(#829133, #454d1b);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(173, 195, 52, 0)), color-stop(0.4, rgba(173, 195, 52, 0.5)), color-stop(1, rgba(173, 195, 52, 0.4)));background-image:-webkit-linear-gradient(rgba(173, 195, 52, 0) 0, rgba(173, 195, 52, 0.5) 0.4, rgba(173, 195, 52, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(173, 195, 52, 0) 0%, rgba(173, 195, 52, 0.5) 40%, rgba(173, 195, 52, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(173, 195, 52, 0) 0%, rgba(173, 195, 52, 0.5) 40%, rgba(173, 195, 52, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(173, 195, 52, 0) 0%, rgba(173, 195, 52, 0.5) 40%, rgba(173, 195, 52, 0.4) 100%);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
@@ -57,14 +57,14 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
#viewport{position:absolute;left:0;top:2.2em;bottom:3.05em;width:100%;z-index:1;}
#cards{width:100%;height:100%;}
.content{position:absolute;left:0;top:0;width:100%;height:100%;}.content >div{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
-.content.loading .loadmore{background:rgba(0, 0, 0, 0.9) url('../images/spinner.gif') no-repeat center center;}.content.loading .loadmore p{display:none;}
-.content .loadmore{background:rgba(0, 0, 0, 0.9);width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;z-index:200;cursor:pointer;color:#fff;}
-.content img{max-width:100%;}
+.content.loading .spinner{display:block;}
+.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:2;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
+.content img{max-width:100%;margin:1em 0;}
.panel{position:absolute;height:100%;width:100%;}
.slide-panel{position:absolute;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}.slide-panel >.content{float:left;position:relative;left:0;top:0;height:100%;width:100%;}
.list{list-style:none;line-height:1em;padding:0;}.list:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.simple-list li{border-bottom:solid 2px rgba(69, 79, 15, 0.15);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(69, 79, 15, 0.1)), to(rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(rgba(69, 79, 15, 0.1), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(rgba(69, 79, 15, 0.1), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(rgba(69, 79, 15, 0.1), rgba(255, 255, 255, 0));background-image:-o-linear-gradient(rgba(69, 79, 15, 0.1), rgba(255, 255, 255, 0));}.simple-list li:first-child{padding-top:1em;}
-.simple-list li:last-child{border-bottom:none;}
+.simple-list li:last-child{border-bottom:none;padding-bottom:2em;}
.hashed-list li{border-bottom:solid thin rgba(106, 122, 23, 0.2);}.hashed-list li:nth-child(even){background-color:rgba(0, 0, 0, 0.3);}
.hashed-list li:first-child{padding-top:1em;}
.hashed-list li:last-child{border-bottom:none;padding-bottom:2em;}
@@ -81,28 +81,27 @@ header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24e
.photo-item .spinner{display:none !important;}
.photo-item.loading .image-link{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.photo-item.loading .spinner{display:block !important;border-radius:none !important;}
-.status-item{min-height:100px;}
.status-item>div a{display:block;padding:1em;}
.status-item>div >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.status-item>div >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.status-item>div img{float:left;display:block;width:48px;height:48px;-webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-ms-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);-o-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);box-shadow:0 0 0.5em rgba(0, 0, 0, 0.6);margin:0;}
-.status-item>div .right{margin-left:140px;padding-right:1.5em;}
+.status-item>div .right{margin-left:60px;padding-right:1.5em;}
.status-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.15em;}
.status-item>div p{color:#d9d9d9;}
.status-item>div h4{font-size:1em;font-weight:normal;color:#b3b3b3;margin-top:.15em;}
-.thumbnail{float:left;display:block;width:120px;height:90px;margin-right:20px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
-.video-item>div a,.news-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div,.news-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after,.news-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.video-item>div .right,.news-item>div .right{padding:1em 0 0 15px;}
-.video-item>div h3,.news-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
+.video-item>div a{display:block;padding:.5em 1em .5em .5em;}.video-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.video-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.video-item>div img{float:left;display:block;width:120px;height:90px;}
+.video-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.video-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;}
.sound-item>div a{display:block;padding:1em 1em 1em .5em;}.sound-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.sound-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.sound-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.2em;}
-.other-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
-.other-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
-.other-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
-.other-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#454f0f;margin-bottom:.2em;}
-.other-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
-.other-item>div p,.product-item>div p{font-size:.9em;}
-.other-item>div .offer:before,.product-item>div .offer:before{content:'(';}
-.other-item>div .offer:after,.product-item>div .offer:after{content:')';}
+.other-item>div,.news-item>div,.product-item>div{line-height:1.2em;}.other-item>div a,.news-item>div a,.product-item>div a{display:block;padding:.5em 1em .5em .5em;}.other-item>div a >div,.news-item>div a >div,.product-item>div a >div{background:url(../images/phone-plus-dark.png) no-repeat right center;padding-right:2em;}.other-item>div a >div:after,.news-item>div a >div:after,.product-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
+.other-item>div img,.news-item>div img,.product-item>div img{float:right;display:block;width:120px;height:90px;}
+.other-item>div .right,.news-item>div .right,.product-item>div .right{margin-left:132px;padding-right:1.5em;padding-top:1em;}
+.other-item>div h3,.news-item>div h3,.product-item>div h3{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;color:#454f0f;margin-bottom:.2em;}
+.other-item>div h4,.news-item>div h4,.product-item>div h4{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;margin-bottom:.3em;}
+.other-item>div p,.news-item>div p,.product-item>div p{font-size:.9em;}
+.other-item>div .offer:before,.news-item>div .offer:before,.product-item>div .offer:before{content:'(';}
+.other-item>div .offer:after,.news-item>div .offer:after,.product-item>div .offer:after{content:')';}
.event-item>div a{display:block;padding:1em;}.event-item>div a >div{background:url(../images/phone-arrow.png) no-repeat right center;padding-right:2em;}.event-item>div a >div:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.event-item>div h3{font-weight:normal;font-size:1em;margin-bottom:.5em;}.event-item>div h3 span{background:#000000;padding:.1em .3em;}
.event-item>div h4{font-weight:normal;font-size:1em;padding:0 .3em;}
View
35 app/css/tablet.blue.css
@@ -34,7 +34,7 @@ img{max-width:100%;}
.google-map img{max-width:none;}
.map-overlay{color:#333333;}
body{font-size:15 px;background-image:-webkit-gradient(linear, left top, left bottom, from(#254b6e), to(#0f1f2d));background-image:-webkit-linear-gradient(#254b6e, #0f1f2d);background-image:-moz-linear-gradient(#254b6e, #0f1f2d);background-image:-ms-linear-gradient(#254b6e, #0f1f2d);background-image:-o-linear-gradient(#254b6e, #0f1f2d);}
-header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% 25%;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#264663), to(#111f2b));background-image:-webkit-linear-gradient(#264663, #111f2b);background-image:-moz-linear-gradient(#264663, #111f2b);background-image:-ms-linear-gradient(#264663, #111f2b);background-image:-o-linear-gradient(#264663, #111f2b);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(31, 78, 121, 0.2)), color-stop(0.6, rgba(31, 78, 121, 0.15)), color-stop(1, rgba(31, 78, 121, 0)));background-image:-webkit-linear-gradient(rgba(31, 78, 121, 0.2) 0, rgba(31, 78, 121, 0.15) 0.6, rgba(31, 78, 121, 0) 1);background-image:-moz-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-o-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);}
+header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:10em;background-size:100% auto;width:100%;position:relative;z-index:2;pointer-events:none;}header .container{background-image:-webkit-gradient(linear, left top, left bottom, from(#264663), to(#111f2b));background-image:-webkit-linear-gradient(#264663, #111f2b);background-image:-moz-linear-gradient(#264663, #111f2b);background-image:-ms-linear-gradient(#264663, #111f2b);background-image:-o-linear-gradient(#264663, #111f2b);position:absolute;z-index:30;left:0;top:0;width:100%;}header .container>span{display:block;position:absolute;top:0;left:0;width:40%;height:2.7em;z-index:32;pointer-events:none;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(31, 78, 121, 0.2)), color-stop(0.6, rgba(31, 78, 121, 0.15)), color-stop(1, rgba(31, 78, 121, 0)));background-image:-webkit-linear-gradient(rgba(31, 78, 121, 0.2) 0, rgba(31, 78, 121, 0.15) 0.6, rgba(31, 78, 121, 0) 1);background-image:-moz-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-ms-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);background-image:-o-linear-gradient(to right, rgba(31, 78, 121, 0.2) 0%, rgba(31, 78, 121, 0.15) 60%, rgba(31, 78, 121, 0) 100%);}
header h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;line-height:1em;padding:.5em .8em;float:left;}header h1 span{display:block;position:relative;z-index:50;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow: