This is the repository for the base cascading styles.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dignissim molestie turpis, vitae faucibus sem consectetur ut. Vestibulum vitae tellus tellus. Nullam mollis, ligula non porttitor laoreet, sem metus semper neque, nec condimentum magna velit id risus. Nam cursus laoreet luctus. Aliquam ex tortor, congue nec interdum sit amet, euismod pellentesque arcu. Vivamus mi mauris, volutpat a orci ut, sodales rhoncus magna. Pellentesque posuere vel nulla ut accumsan. Aenean at ligula odio. Pellentesque pulvinar augue neque, sed ultricies enim viverra in. Ut quis nibh orci.
Nel mel kalum convallis massa. Duis ultrices libero id augue ullamcorper vehicula. Rum sem lass aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce id felis vel metus efficitur faucibus ut at nisi. Proin eros nisl, ultricies quis porta sed, mollis a erat. Duis ex nisl, pharetra maximus lacus nec, porttitor interdum diam. Nulla mattis eu risus sed imperdiet.
Duis ultrices libero id augue ullamcorper vehicula. Taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce id felis vel metus efficitur faucibus ut at nisi. Proin eros nisl, ultricies quis porta sed, mollis a erat. Duis ex nisl, pharetra maximus lacus nec, porttitor interdum diam. Nulla mattis eu risus sed imperdiet.
In vel convallis massa. Duis ultrices libero id augue ullamcorper vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce id felis vel metus efficitur faucibus ut at nisi. Proin eros nisl, ultricies quis porta sed, mollis a erat. Duis ex nisl, pharetra maximus lacus nec, porttitor interdum diam. Nulla mattis eu risus sed imperdiet.
Duis ultrices libero id augue ullamcorper vehicula. Taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce id felis vel metus efficitur faucibus ut at nisi. Proin eros nisl, ultricies quis porta sed, mollis a erat. Duis ex nisl, pharetra maximus lacus nec, porttitor interdum diam. Nulla mattis eu risus sed imperdiet.
Duis ultrices libero id augue ullamcorper vehicula. Taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce id felis vel metus efficitur faucibus ut at nisi. Proin eros nisl, ultricies quis porta sed, mollis a erat. Duis ex nisl, pharetra maximus lacus nec, porttitor interdum diam. Nulla mattis eu risus sed imperdiet.
| Apple | 3 |
| Banana | 4 |
| Pear | 5 |
Duis ultrices libero id augue ullamcorper vehicula. Taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce id felis vel metus efficitur faucibus ut at nisi. Proin eros nisl, ultricies quis porta sed, mollis a erat. Duis ex nisl, pharetra maximus lacus nec, porttitor interdum diam. Nulla mattis eu risus sed imperdiet.
Duis ultrices libero id augue ullamcorper vehicula. Taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce id felis vel metus efficitur faucibus ut at nisi. Proin eros nisl, ultricies quis porta sed, mollis a erat. Duis ex nisl, pharetra maximus lacus nec, porttitor interdum diam. Nulla mattis eu risus sed imperdiet.
smaller 65%
small 85%
normal
big 115%
bigger 135%
hyperlink
defining
abbreviation
strong
bold
offset text typically styled in italic
cited title of a work
emphatic
inserted text
deleted text
marked (highlighted) text
Text withsuperscript
.btn-*
Browse my maps Give me a map! Give me a map! Gray dark Gray light.btn-small-*
Download Gray dark Gray dark Gray dark Gray light.btn-stroke-*
Download Gray dark.btn-large
Download"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is a default box
primary
secondary
gray-light
gray-dark
warning
success
danger
white
black
primary
secondary
gray-light
gray-dark
warning
success
danger
white
black
.round
.round-left-top
.round-right-bottom
.circle
Other:
.clearfix
.hidden
.center
.clip
.contain
12 columns
Usage:
<table>
<thead>
<tr><td>Header</td></tr>
</thead>
<tbody>
<tr><td>Content</td></tr>
</tbody>
</table>
| Ticket | Name | Milestone | Created |
| #5 | Report 1 | 2 | 2014.02.13 |
| #1 | Report 2 | 3 | 2014.02.13 |
| #2 | Report 3 | 3 | 2014.02.13 |
| #3 | Report 4 | 1 | 2014.02.13 |
| Sum | 4 | 3 |
Usage: <table class="striped hover"> ... </table>
| Ticket | Name | Milestone | Created |
| #5 | Report 1 | 2 | 2014.02.13 |
| #1 | Report 2 | 3 | 2014.02.13 |
| #2 | Report 3 | 3 | 2014.02.13 |
| #3 | Report 4 | 1 | 2014.02.13 |
| Sum | 4 | 3 |
Stretched:
Add class "fancy" to checkbox and empty span into labels. Don't forget add id and for attributres.
<input class="fancy" type="checkbox" name="check" value="yes" id="check">
<label for="check" class="inline"><span></span>use me</label>
<input class="fancy" type="radio" name="srs" value="4326" id="srs-4326">
<label for="srs-4326" class="inline"><span></span>WGS84</label>
<input class="fancy" type="radio" name="srs" value="3857" id="srs-3857">
<label for="srs-3857" class="inline"><span></span>Mercator</label>
<label class="switch">
<input type="checkbox">
<span></span>
</label>