summaryrefslogtreecommitdiff
path: root/www/wiki/extensions/UniversalLanguageSelector/lib/jquery.uls/css/jquery.uls.mobile.css
diff options
context:
space:
mode:
Diffstat (limited to 'www/wiki/extensions/UniversalLanguageSelector/lib/jquery.uls/css/jquery.uls.mobile.css')
-rw-r--r--www/wiki/extensions/UniversalLanguageSelector/lib/jquery.uls/css/jquery.uls.mobile.css303
1 files changed, 303 insertions, 0 deletions
diff --git a/www/wiki/extensions/UniversalLanguageSelector/lib/jquery.uls/css/jquery.uls.mobile.css b/www/wiki/extensions/UniversalLanguageSelector/lib/jquery.uls/css/jquery.uls.mobile.css
new file mode 100644
index 00000000..f6ba97bc
--- /dev/null
+++ b/www/wiki/extensions/UniversalLanguageSelector/lib/jquery.uls/css/jquery.uls.mobile.css
@@ -0,0 +1,303 @@
+@media only screen and ( max-width: 767px ) {
+
+ .uls-mobile.uls-menu {
+ width: 95%;
+ left: 2.5%;
+ }
+
+ .uls-mobile .uls-language-list {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .uls-mobile .uls-language-block {
+ padding-left: 15px !important;
+ }
+
+ .uls-mobile .uls-language-block ul {
+ min-height: 14em;
+ }
+
+ .uls-mobile .uls-language-block a {
+ font-size: 16px;
+ line-height: 1.7em;
+ }
+
+ .uls-mobile .row {
+ width: auto;
+ min-width: 0;
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .uls-mobile .column,
+ .uls-mobile .columns {
+ width: auto !important;
+ float: none;
+ }
+
+ .uls-mobile .column:last-child,
+ .uls-mobile .columns:last-child {
+ float: none;
+ }
+
+ .uls-mobile [ class*='column' ] + [ class*='column' ]:last-child {
+ float: none;
+ }
+
+ .uls-mobile .column:before,
+ .uls-mobile .uls-mobile .columns:before,
+ .uls-mobile .column:after,
+ .columns:after {
+ content: '';
+ display: table;
+ }
+
+ .uls-mobile .column:after,
+ .uls-mobile .columns:after {
+ clear: both;
+ }
+
+ .uls-mobile .offset-by-one,
+ .uls-mobile .offset-by-two,
+ .uls-mobile .offset-by-three,
+ .uls-mobile .offset-by-four,
+ .uls-mobile .offset-by-five,
+ .uls-mobile .offset-by-six,
+ .uls-mobile .offset-by-seven,
+ .uls-mobile .offset-by-eight,
+ .uls-mobile .offset-by-nine,
+ .uls-mobile .offset-by-ten {
+ margin-left: 0 !important;
+ }
+
+ .uls-mobile .push-two,
+ .uls-mobile .push-three,
+ .uls-mobile .push-four,
+ .uls-mobile .push-five,
+ .uls-mobile .push-six,
+ .uls-mobile .push-seven,
+ .uls-mobile .push-eight,
+ .uls-mobile .push-nine,
+ .uls-mobile .push-ten {
+ left: auto;
+ }
+
+ .uls-mobile .pull-two,
+ .uls-mobile .pull-three,
+ .uls-mobile .pull-four,
+ .uls-mobile .pull-five,
+ .uls-mobile .pull-six,
+ .uls-mobile .pull-seven,
+ .uls-mobile .pull-eight,
+ .uls-mobile .pull-nine,
+ .uls-mobile .pull-ten {
+ right: auto;
+ }
+
+ /* Mobile 4-column Grid */
+ .uls-mobile .row .mobile-one {
+ width: 25% !important;
+ float: left;
+ padding: 0 4px;
+ }
+
+ .uls-mobile .row .mobile-one:last-child {
+ float: right;
+ }
+
+ .uls-mobile .row.collapse .mobile-one {
+ padding: 0;
+ }
+
+ .uls-mobile .row .mobile-two {
+ width: 50% !important;
+ float: left;
+ padding: 0 4px;
+ }
+
+ .uls-mobile .row .mobile-two:last-child {
+ float: right;
+ }
+
+ .uls-mobile .row.collapse .mobile-two {
+ padding: 0;
+ }
+
+ .uls-mobile .row .mobile-three {
+ width: 75% !important;
+ float: left;
+ padding: 0 4px;
+ }
+
+ .uls-mobile .row .mobile-three:last-child {
+ float: right;
+ }
+
+ .uls-mobile .row.collapse .mobile-three {
+ padding: 0;
+ }
+
+ .uls-mobile .row .mobile-four {
+ width: 100% !important;
+ float: left;
+ padding: 0 4px;
+ }
+
+ .uls-mobile .row .mobile-four:last-child {
+ float: right;
+ }
+
+ .uls-mobile .row.collapse .mobile-four {
+ padding: 0;
+ }
+
+ .uls-mobile .push-one-mobile {
+ left: 25%;
+ }
+
+ .uls-mobile .pull-one-mobile {
+ right: 25%;
+ }
+
+ .uls-mobile .push-two-mobile {
+ left: 50%;
+ }
+
+ .uls-mobile .pull-two-mobile {
+ right: 50%;
+ }
+
+ .uls-mobile .push-three-mobile {
+ left: 75%;
+ }
+
+ .uls-mobile .pull-three-mobile {
+ right: 75%;
+ }
+}
+
+/* Visibility Classes ---------------------- */
+/* Standard (large) display targeting */
+.uls-mobile .show-for-small,
+.uls-mobile .show-for-medium,
+.uls-mobile .show-for-medium-down,
+.uls-mobile .hide-for-large,
+.uls-mobile .hide-for-large-up,
+.uls-mobile .show-for-xlarge {
+ display: none !important;
+}
+
+.uls-mobile .hide-for-xlarge,
+.uls-mobile .show-for-large,
+.uls-mobile .show-for-large-up,
+.uls-mobile .hide-for-small,
+.uls-mobile .hide-for-medium,
+.uls-mobile .hide-for-medium-down {
+ display: block !important;
+}
+
+/* Very large display targeting */
+@media only screen and ( min-width: 1441px ) {
+ .uls-mobile .hide-for-small,
+ .uls-mobile .hide-for-medium,
+ .uls-mobile .hide-for-medium-down,
+ .hide-for-large,
+ .show-for-large-up,
+ .show-for-xlarge {
+ display: block !important;
+ }
+
+ .show-for-small,
+ .uls-mobile .show-for-medium,
+ .uls-mobile .show-for-medium-down,
+ .uls-mobile .show-for-large,
+ .uls-mobile .hide-for-large-up,
+ .uls-mobile .hide-for-xlarge {
+ display: none !important;
+ }
+}
+
+/* Medium display targeting */
+@media only screen and ( max-width: 1279px ) and ( min-width: 768px ) {
+ .uls-mobile .hide-for-small,
+ .uls-mobile .show-for-medium,
+ .uls-mobile .show-for-medium-down,
+ .uls-mobile .hide-for-large,
+ .uls-mobile .hide-for-large-up,
+ .uls-mobile .hide-for-xlarge {
+ display: block !important;
+ }
+
+ .uls-mobile .show-for-small,
+ .uls-mobile .hide-for-medium,
+ .uls-mobile .hide-for-medium-down,
+ .uls-mobile .show-for-large,
+ .uls-mobile .show-for-large-up,
+ .uls-mobile .show-for-xlarge {
+ display: none !important;
+ }
+}
+
+/* Small display targeting */
+@media only screen and ( max-width: 767px ) {
+ .uls-mobile .show-for-small,
+ .uls-mobile .hide-for-medium,
+ .uls-mobile .show-for-medium-down,
+ .uls-mobile .hide-for-large,
+ .uls-mobile .hide-for-large-up,
+ .uls-mobile .hide-for-xlarge {
+ display: block !important;
+ }
+ .uls-mobile .hide-for-small,
+ .uls-mobile .show-for-medium,
+ .uls-mobile .hide-for-medium-down,
+ .uls-mobile .show-for-large,
+ .uls-mobile .show-for-large-up,
+ .uls-mobile .show-for-xlarge {
+ display: none !important;
+ }
+}
+
+/* Orientation targeting */
+.uls-mobile .show-for-landscape,
+.uls-mobile .hide-for-portrait {
+ display: block !important;
+}
+
+.uls-mobile .hide-for-landscape,
+.uls-mobile .show-for-portrait {
+ display: none !important;
+}
+
+@media screen and ( orientation: landscape ) {
+ .uls-mobile .show-for-landscape,
+ .uls-mobile .hide-for-portrait {
+ display: block !important;
+ }
+ .uls-mobile .hide-for-landscape,
+ .uls-mobile .show-for-portrait {
+ display: none !important;
+ }
+}
+
+@media screen and ( orientation: portrait ) {
+ .uls-mobile .show-for-portrait,
+ .uls-mobile .hide-for-landscape {
+ display: block !important;
+ }
+ .uls-mobile .hide-for-portrait,
+ .uls-mobile .show-for-landscape {
+ display: none !important;
+ }
+}
+
+/* Touch-enabled device targeting */
+.uls-mobile .show-for-touch,
+.uls-mobile .touch .hide-for-touch {
+ display: none !important;
+}
+
+.uls-mobile .hide-for-touch,
+.uls-mobile .touch .show-for-touch {
+ display: block !important;
+}