Files
jube-fork/Jube.App/wwwroot/kendo/examples/mobile-listview/index.html
2022-11-04 13:24:24 +02:00

73 lines
2.1 KiB
HTML
Executable File

<div data-role="view" data-title="Destinations" id="listview-home" data-use-native-scrolling="true">
<ul data-role="listview" data-style="inset" data-type="group">
<li>
Africa
<ul>
<li data-icon="toprated"><a>Nairobi</a></li>
</ul>
</li>
<li>
America
<ul>
<li data-icon="globe"><a>Boston</a></li>
<li data-icon="globe"><a>Ottawa</a></li>
<li data-icon="toprated"><a>San Francisco</a></li>
</ul>
</li>
<li>
Asia
<ul>
<li data-icon="globe"><a>Bombay</a></li>
</ul>
</li>
<li>
Australia
<ul>
<li data-icon="globe"><a>Melbourne</a></li>
<li data-icon="toprated"><a>Sydney</a></li>
</ul>
</li>
<li>
Europe
<ul>
<li data-icon="globe"><a>Cannes</a></li>
<li data-icon="globe"><a>Liverpool</a></li>
<li data-icon="toprated"><a>London</a></li>
</ul>
</li>
</ul>
</div>
<style>
.km-ios #listview-home .km-content {
background: url(content/shared/images/patterns/pattern2.png);
box-shadow: inset 0 0 30px #95764D;
-webkit-box-shadow: inset 0 0 30px #95764D;
}
.km-ios #listview-home .km-listview .km-list {
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 1px 5px #95764D;
-webkit-box-shadow: 0 1px 5px #95764D;
}
.km-ios #listview-home .km-listview .km-list > li {
border: none;
}
.km-ios #listview-home .km-listview .km-list > li:last-child {
-webkit-box-shadow: none;
box-shadow: none;
}
.km-ios #listview-home .km-navbar {
background: url(content/shared/images/patterns/pattern9.png);
}
.km-tablet .km-ios #listview-home .km-view-title {
color: #fff;
text-shadow: 0 -1px rgba(0,0,0,.5);
}
.km-ios #listview-home .km-navbar .km-button
{
background-color: #974d2e;
}
</style>