summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/mobile/themes/android/android-app.css
diff options
context:
space:
mode:
authorTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
committerTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
commitb62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch)
tree86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dojox/mobile/themes/android/android-app.css
Initial commit of intern.ccwn.org contentsHEADmaster
Diffstat (limited to 'js/dojo/dojox/mobile/themes/android/android-app.css')
-rw-r--r--js/dojo/dojox/mobile/themes/android/android-app.css349
1 files changed, 349 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/android/android-app.css b/js/dojo/dojox/mobile/themes/android/android-app.css
new file mode 100644
index 0000000..cb58fa3
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/android-app.css
@@ -0,0 +1,349 @@
+@import url("android.css");
+
+.alertDialog {
+ width: 100%;
+ padding-left: 2px;
+ padding-right: 2px;
+ z-index: 1000;
+}
+
+.alertDialogBody {
+ border: 1px solid #ADAAAD;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ background-color: white;
+ margin-left: 2px;
+ margin-right: 4px;
+}
+
+.alertTitle {
+ height: 42px;
+ margin: 0px;
+ padding: 0px;
+ background-color: #889BB3;
+ background: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF));
+ border-top: 1px solid #CDD5DF;
+ border-bottom: 1px solid #2D3642;
+ font-family: Helvetica;
+ font-size: 20px;
+ color: white;
+ text-align: center;
+ line-height: 44px;
+ text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ text-align: center;
+}
+
+.alertText {
+ text-align: center;
+}
+
+.alertBtns {
+ padding: 5px;
+ text-align: center;
+}
+
+.alertBtns .mblButton {
+ width: 100%;
+ margin-top: 5px;
+}
+
+.alertDialog.mblOut {
+ position: absolute;
+}
+
+.alertDialog.mblIn {
+ position: absolute;
+}
+
+.mblSlidev.mblOut {
+ -webkit-animation-duration: .4s;
+ -webkit-animation-name: mblSlideOut;
+ -webkit-animation-timing-function: linear;
+ -webkit-transform: translateY(-100%);
+}
+.mblSlidev.mblIn {
+ -webkit-animation-duration: .4s;
+ -webkit-animation-name: mblSlideIn;
+ -webkit-animation-timing-function: linear;
+ -webkit-transform: translateY(0px);
+}
+.mblSlidev.mblOut.mblReverse {
+ -webkit-animation-name: mblSlideOutReverse;
+}
+.mblSlidev.mblIn.mblReverse {
+ -webkit-animation-name: mblSlideInReverse;
+}
+
+.dialogUnderlayWrapper {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 998;
+ background: transparent !important;
+ visibility: visible;
+ height: 100%;
+ width: 100%;
+}
+
+.dialogUnderlay {
+ background-color: #eee;
+ opacity: 0.5;
+ width: 100%;
+ height: 100%;
+}
+
+.list .row {
+ padding: 10px;
+ border-bottom: 1px solid #444;
+ position: relative;
+ background-color: black;
+ z-index: 6; /* Must be greater than the .buttons z-index */
+}
+.list .row.mblListItem {
+ padding: 0px;
+}
+
+.list .row.last {
+ border-bottom: none;
+}
+
+.list .row.hold {
+ background-color: #444;
+}
+
+.list .buttons {
+ position: absolute;
+ text-align: center;
+ padding-top: 10px;
+ width: 100%;
+ height: 100%;
+ z-index: 5;
+}
+
+.list .buttons .mblButton {
+}
+
+.list .buttons .deleteBtn {
+ background-color: red;
+
+}
+.list .buttons .cancelBtn {
+ margin-left: 10px;
+ background-color: blue;
+}
+
+.row.collapsed {
+ -webkit-animation-name: collapse-vert;
+ -webkit-animation-duration: 0.5s;
+ -webkit-animation-timing-function: linear;
+}
+
+@-webkit-keyframes collapse-vert {
+ from {
+ height: 100%;
+ padding: 10px;
+ }
+ to {
+ height: 0px;
+ padding: 0px;
+ }
+}
+
+.listSelector {
+ position: absolute;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border: 1px solid #666;
+ background-color: #ccc;
+ color: #333;
+ z-index: 1000;
+}
+.listSelectorRow {
+ padding: 10px;
+ border-bottom: 1px solid #666;
+ white-space: nowrap;
+}
+.listSelectorRow-selected {
+ background-color: #666;
+ color: #ccc;
+}
+
+.listSelectorRow.last {
+ border-bottom: none;
+}
+
+.mblImageView, .mblImageView canvas {
+ width: 100%;
+ height: 100%;
+}
+
+.mblPillar {
+ display: none;
+}
+
+/* Form Input Styles */
+
+input {
+ -webkit-text-size-adjust: 140%;
+}
+
+
+/* ImageThumbView styles */
+.mblImageThumbView {
+ position: relative;
+ -webkit-transition-property: height;
+ -webkit-transition-duration: 0.8s;
+ -webkit-transition-delay: 0;
+}
+
+.mblImageThumbView .mblThumb {
+ width: 100px;
+ min-height: 100px;
+ display: inline-block;
+ z-index: 2;
+ position: absolute;
+}
+
+.mblImageThumbView.animated .mblThumb {
+ -webkit-transition-property: -webkit-transform, opacity;
+ -webkit-transition-duration: 1.3s, 1s;
+ -webkit-transition-delay: 0, 0;
+}
+
+.mblImageThumbView .mblThumb.hidden {
+ z-index: 1;
+ opacity: 0;
+}
+.mblImageThumbView .mblThumbInner {
+ width: 102px;
+ height: 102px;
+ position: relative;
+}
+
+.mblImageThumbView .mblThumbOverlay {
+ width: 102px;
+ height: 102px;
+ background: url(images/thumb-overlay.png) center top no-repeat;
+ position: absolute;
+ z-index: 20;
+ overflow: hidden;
+}
+.mblImageThumbView .mblThumb.selected .mblThumbOverlay {
+ background-position: center bottom;
+}
+.mblImageThumbView .mblThumbInner .mblThumbMask {
+ width: 90px;
+ height: 90px;
+ overflow: hidden;
+ padding-left: 6px;
+ padding-top: 5px;
+ z-index: 10;
+}
+.mblImageThumbView .mblThumbInner .mblThumbMask img {
+ left: 0px;
+ top: 0px;
+ width: 90px;
+ height: 90px;
+}
+
+.mblImageThumbView .mblThumbInner .mblThumbMask .mblThumbSrc {
+ left: 6px;
+ top: 5px;
+ background-position: center center;
+ background-repeat: no-repeat;
+ overflow: hidden;
+ position: absolute;
+ -webkit-background-size: 100% 100%;
+ -webkit-border-radius: 5px;
+ width: 90px;
+ height: 90px;
+ z-index: 5;
+}
+
+.mblImageThumbView .mblThumbMask div {
+ left: 0px;
+ top: 0px;
+ width: 90px;
+ height: 90px;
+ background-repeat: no-repeat;
+}
+.mblImageThumbView .mblThumb:hover,
+.mblImageThumbView .mblThumb.selected {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+}
+
+/* Large Images */
+.mblImageThumbView.large .mblThumb {
+ width: 150px;
+ min-height: 150px;
+}
+
+.mblImageThumbView.large .mblThumbInner{
+ width: 152px;
+ height: 152px;
+}
+
+.mblImageThumbView.large .mblThumbOverlay {
+ background: url(images/thumb-overlay-large.png) center top no-repeat;
+ width: 152px;
+ height: 152px;
+}
+.mblImageThumbView.large .mblThumbInner .mblThumbMask,
+.mblImageThumbView.large .mblThumbInner .mblThumbMask img,
+.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc,
+.mblImageThumbView.large .mblThumbMask div {
+ width: 133px;
+ height: 133px;
+}
+
+.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc {
+ left: 9px;
+ top: 7px;
+}
+/* Small Images */
+.mblImageThumbView.small .mblThumb {
+ width: 75px;
+ min-height: 75px;
+}
+
+.mblImageThumbView.small .mblThumbInner{
+ width: 77px;
+ height: 77px;
+}
+
+.mblImageThumbView.small .mblThumbOverlay {
+ background: url(images/thumb-overlay-small.png) center top no-repeat;
+ width: 77px;
+ height: 77px;
+}
+.mblImageThumbView.small .mblThumbInner .mblThumbMask,
+.mblImageThumbView.small .mblThumbInner .mblThumbMask img,
+.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc,
+.mblImageThumbView.small .mblThumbMask div {
+ width: 70px;
+ height: 70px;
+}
+
+.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc {
+ left: 4px;
+ top: 3px;
+}
+
+.mblImageThumbView .mblThumbLabel {
+ font-size: smaller;
+ overflow: hidden;
+ white-space: nowrap;
+ text-align: center;
+}
+
+/* Back Button */
+.mblNativeBack .mblArrowButtonHead,
+.mblNativeBack .mblArrowButtonBody,
+.mblNativeBack .mblArrowButtonNeck {
+ display: none;
+}
+