Lists
Lists
Unordered list
- High Frequency (HF) — Field radios
- VHF Radio (marine band - FM) — Base station and handheld mobile units
- VHF Radio (aeronautical band - AM) — Base station and handheld mobile units
- Iridium satellite system — Base station and handheld mobile units
- Very Small Aperture Terminal (VSAT) Satellite system (main communication system)
- Voice over IP (VoIP) Telephone system
<ul>
<li>High Frequency (HF) — Field radios</li>
<li>VHF Radio (marine band - FM) — Base station and handheld mobile units</li>
<li>VHF Radio (aeronautical band - AM) — Base station and handheld mobile units</li>
<li>Iridium satellite system — Base station and handheld mobile units</li>
<li>Very Small Aperture Terminal (VSAT) Satellite system (main communication system)</li>
<li>Voice over IP (VoIP) Telephone system</li>
</ul>
Ordered list
- check eligibility and requirements
- submit a Preliminary request for Antarctic logistic support
- submit a funding proposal - Deadline 19th July 2016 16:00 BST
<ol>
<li>check eligibility and requirements</li>
<li>submit a Preliminary request for Antarctic logistic support</li>
<li>submit a funding proposal - Deadline <strong>19th July 2016 16:00 BST</strong></li>
</ol>
Unstyled list
Use the .bsk-list-unstyled
class to remove the default list-style
and margin left margin. Useful for things which
semantically are lists, but shouldn’t be styled as such.
This only applies to immediate list items. I.e. this style won’t be used by any nested lists.
- unstyled list item
- unstyled list item
-
- not an unstyled ordered list item
- not an unstyled ordered list item
-
- not an unstyled unordered list item
- not an unstyled unordered list item
- 2012 — Present: Head of Information Services (Band 4), BAS
- 2006 — 2012: Senior Geoscience Data Manager (Band 5), BAS
- 2002 — 2006: Geology Data Manager (Band 6), BAS
<ul class="bsk-list-unstyled">
<li>unstyled list item</li>
<li>unstyled list item</li>
<li>
<ol>
<li>not an unstyled ordered list item</li>
<li>not an unstyled ordered list item</li>
</ol>
</li>
<li>
<ul>
<li>not an unstyled unordered list item</li>
<li>not an unstyled unordered list item</li>
</ul>
</li>
</ul>
<ul class="bsk-list-unstyled">
<li>2012 — Present: Head of Information Services (Band 4), BAS</li>
<li>2006 — 2012: Senior Geoscience Data Manager (Band 5), BAS</li>
<li>2002 — 2006: Geology Data Manager (Band 6), BAS</li>
</ul>
Inline list
Use the .bsk-list-inline
& bsk-list-inline-item
classes to place all list items on a single line, with horizontal spacing between.
- Information Services
- Polar Data Centre
<ul class="bsk-list-inline">
<li class="bsk-list-inline-item">Information Services</li>
<li class="bsk-list-inline-item">Polar Data Centre</li>
</ul>
Definition List
A list of terms with associated definitions.
- HF
- High Frequency
- VFH Radio
- Very High Frequency Radio
- VSAT
- Very Small Aperture Terminal
- VoIP
- Voice over IP
<dl>
<dt>HF</dt>
<dd>High Frequency</dd>
<dt>VFH Radio</dt>
<dd>Very High Frequency Radio</dd>
<dt>VSAT</dt>
<dd>Very Small Aperture Terminal</dd>
<dt>VoIP</dt>
<dd>Voice over IP</dd>
</dl>
Horizontal definition list
Add the .bsk-dl-horizontal
class to show terms and definitions side-by-side (or stacked at smaller sizes).
Terms which are too long will be truncated.
- HF
- High Frequency
- VFH Radio
- Very High Frequency Radio
- VSAT
- Very Small Aperture Terminal
- VoIP
- Voice over IP
<dl class="bsk-dl-horizontal">
<dt>HF</dt>
<dd>High Frequency</dd>
<dt>VFH Radio</dt>
<dd>Very High Frequency Radio</dd>
<dt>VSAT</dt>
<dd>Very Small Aperture Terminal</dd>
<dt>VoIP</dt>
<dd>Voice over IP</dd>
</dl>
Large definition list
Add the .bsk-dl-lg
class to apply additional padding.
- HF
- High Frequency
- VFH Radio
- Very High Frequency Radio
- VSAT
- Very Small Aperture Terminal
- VoIP
- Voice over IP
<dl class="bsk-dl-lg">
<dt>HF</dt>
<dd>High Frequency</dd>
<dt>VFH Radio</dt>
<dd>Very High Frequency Radio</dd>
<dt>VSAT</dt>
<dd>Very Small Aperture Terminal</dd>
<dt>VoIP</dt>
<dd>Voice over IP</dd>
</dl>
Large horizontal definition list
Add the .bsk-dl-horizontal-lg
class to extend the width of terms in horizontal
definition lists.
This class depends on the .bsk-dl-horizontal
class.
- HF
- High Frequency
- VFH Radio
- Very High Frequency Radio
- VSAT
- Very Small Aperture Terminal
- VoIP
- Voice over IP
<dl class="bsk-dl-horizontal bsk-dl-horizontal-lg">
<dt>HF</dt>
<dd>High Frequency</dd>
<dt>VFH Radio</dt>
<dd>Very High Frequency Radio</dd>
<dt>VSAT</dt>
<dd>Very Small Aperture Terminal</dd>
<dt>VoIP</dt>
<dd>Voice over IP</dd>
</dl>
Striped definition list
Add .bsk-dl-striped
to apply additional styling to terms.
This class is designed to be used with .bsk-dl-lg
to ensure a suitable amount of padding.
- HF
- High Frequency
- VFH Radio
- Very High Frequency Radio
- VSAT
- Very Small Aperture Terminal
- VoIP
- Voice over IP
<dl class="bsk-dl-lg bsk-dl-striped">
<dt>HF</dt>
<dd>High Frequency</dd>
<dt>VFH Radio</dt>
<dd>Very High Frequency Radio</dd>
<dt>VSAT</dt>
<dd>Very Small Aperture Terminal</dd>
<dt>VoIP</dt>
<dd>Voice over IP</dd>
</dl>
Striped horizontal definition list
The .bsk-dl-striped
class can be combined with .bsk-dl-horizontal
, or .bsk-dl-horizontal-lg
.
Remember, the .bsk-dl-horizontal-lg
class depends on the .bsk-dl-horizontal
class.
Remember, the .bsk-dl-striped
class is designed to be used with .bsk-dl-lg
to ensure a suitable amount of padding.
- HF
- High Frequency
- VFH Radio
- Very High Frequency Radio
- VSAT
- Very Small Aperture Terminal
- VoIP
- Voice over IP
- HF
- High Frequency
- VFH Radio
- Very High Frequency Radio
- VSAT
- Very Small Aperture Terminal
- VoIP
- Voice over IP
<dl class="bsk-dl-lg bsk-dl-striped bsk-dl-horizontal">
<dt>HF</dt>
<dd>High Frequency</dd>
<dt>VFH Radio</dt>
<dd>Very High Frequency Radio</dd>
<dt>VSAT</dt>
<dd>Very Small Aperture Terminal</dd>
<dt>VoIP</dt>
<dd>Voice over IP</dd>
</dl>
<dl class="bsk-dl-lg bsk-dl-striped bsk-dl-horizontal bsk-dl-horizontal-lg">
<dt>HF</dt>
<dd>High Frequency</dd>
<dt>VFH Radio</dt>
<dd>Very High Frequency Radio</dd>
<dt>VSAT</dt>
<dd>Very Small Aperture Terminal</dd>
<dt>VoIP</dt>
<dd>Voice over IP</dd>
</dl>