-
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- R
- S
- T
- V
- W
- Y
This demo should be experienced in full screen
View in full screen
.demo-phone-screen #demombscr {
position: static;
}
.md-navigate .md-list {
padding-top: 50px;
}
.demo-theme-wp .md-navigate .md-list,
.demo-theme-wp-light .md-navigate .md-list {
padding-top: 75px;
}
.demo-theme-android .md-navigate .md-list {
padding-top: 43px;
}
.demo-theme-ios-classic .md-navigate .md-list {
padding-top: 39px;
}
.demo-theme-jqm .md-navigate .md-list {
padding-top: 42px;
}
.demo-theme-sense .md-navigate .md-list,
.demo-theme-sense-dark .md-navigate .md-list {
padding-top: 48px;
}
.demo-theme-ios .md-navigate .md-list,
.demo-theme-android-holo .md-navigate .md-list,
.demo-theme-android-holo-light .md-navigate .md-list {
padding-top: 45px;
}
.md-navigate .md-list .mbsc-lv-item {
padding-right: 4em;
backface-visibility: hidden;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.md-popup {
position: absolute;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
border-radius: 100px;
background: rgba(78, 204, 196, .6);
color: #fff;
font-size: 56px;
font-family: sans-serif;
line-height: 100px;
text-align: center;
top: 50%;
left: 50%;
z-index: 10;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
transition: opacity 300ms;
}
.md-show-popup {
opacity: 1;
}
.md-alfabet .mbsc-ms-item-i {
min-width: 2.5em;
}
.md-iata {
position: absolute;
top: 50%;
right: 1em;
margin-top: -9px;
}
.demo-theme-material .md-popup {
background: rgba(0, 150, 136, .6);
}
.demo-theme-material-dark .md-popup {
background: rgba(129, 204, 196, .6);
}
.demo-theme-ios .md-popup,
.demo-theme-ios-classic .md-popup {
background: rgba(0, 122, 255, .6);
}
.demo-theme-android-holo .md-popup,
.demo-theme-android-holo-light .md-popup {
background: rgba(49, 182, 231, .6);
}
.demo-theme-ios .md-popup {
background: rgba(0, 122, 255, .6);
}
.demo-theme-android .md-popup {
background: rgba(239, 97, 0, .6);
}
.demo-theme-wp .md-popup,
.demo-theme-wp-light .md-popup {
background: rgba(26, 159, 224, .6);
}
.demo-theme-sense-ui .md-popup {
background: rgba(60, 117, 0, .6);
}
.demo-theme-sense-ui .md-popup {
background: rgba(60, 117, 0, .6);
}
.demo-theme-jqm .md-popup {
background: rgba(51, 136, 204, .7);
}
.demo-theme-sense .md-popup,
.demo-theme-sense-dark .md-popup {
background: rgba(193, 232, 246, .7);
}
.example-full .md-popup,
.demo-fullscreen .md-popup {
position: fixed;
}
.md-item-star .mbsc-ic-star3 {
line-height: 38px;
font-size: 14px;
}
.md-item-star .mbsc-ms-item-i-t {
display: none;
}
/* no bookmark section */
.md-navigate .md-list .mbsc-lv-item.md-no-bookmark {
padding: 1.5em 2.5em;
height: 571px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.demo-theme-wp-light .md-list .mbsc-lv-item.md-no-bookmark,
.demo-theme-wp .md-list .mbsc-lv-item.md-no-bookmark {
height: 547px;
}
.demo-theme-ios .md-list .mbsc-lv-item.md-no-bookmark {
height: 574px;
}
.demo-theme-android .md-list .mbsc-lv-item.md-no-bookmark {
height: 577px;
}
.demo-theme-android-holo-light .md-list .mbsc-lv-item.md-no-bookmark,
.demo-theme-android-holo .md-list .mbsc-lv-item.md-no-bookmark {
height: 575px;
}
.md-nob-separator {
height: 1px;
margin-bottom: 38px;
width: 100%;
background: #CACACA;
}
.md-nob-title {
text-align: center;
padding: 1em;
font-size: 16px;
}
.md-nob-txt {
text-align: center;
padding: 1em 0 2em 0;
color: #a0a0a0;
font-size: 14px;
}
.md-navigate .mbsc-lv .md-no-bookmark.mbsc-lv-item .md-nob-img {
position: static;
display: block;
max-width: 274px;
width: 274px;
max-height: initial;
margin: 0 auto;
border: 1px solid #ccc;
margin-bottom: 14px;
transform: none;
}
.md-no-bookmark {
display: none;
padding: 2em;
background: #f7f7f7;
font-size: 16px;
}
.md-navigate .md-no-bookmark.mbsc-lv-item-active:after {
background: none!important;
}
.demo-theme-jqm .md-navigate .md-list .mbsc-lv-item.md-no-bookmark {
padding-top: 70px;
white-space: normal;
}
.mbsc-wp .md-item-star .mbsc-ms-item-i {
line-height: 86px;
}