• ABOUT
    • Our Name
  • VIDEOS
    • Suspended Generation
    • Climate Change in the Pacific: Coasts (with Neil deGrasse Tyson)
    • PACC FSM: Vital Infrastructure
    • PACC Samoa: Vital Coast
    • PACC Cook Islands: Vital Harbour
    • PACC Fiji: Vital Food
    • PACC Vanuatu: Vital Roads
    • Tuvalu NAPA – Essential Adaptation: Planning for Climate Change
    • Vital Programme: Pacific Adaptation to Climate Change (PACC)
    • PACC Tuvalu: Vital Water
    • UNDP Samoa
    • Baseline Video: Improving Climate Resilience in Lao PDR
    • Status and Trends of Arctic Biodiversity
    • Prospekt Mira – Westminster Internship in Tonga
  • WRITTEN WORD
    • Climate Change Country Profiles
    • Banners and Posters
    • UNDP Adaptation Learning Mechanism’s Knowledge Needs Survey
    • Photo Essays
  • CONTACT
  • BLOG

Shortcodes: Boxes & Tables

Table with Predefined Colors

Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7

Table: Striped Rows

Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7

Table: Bordered

Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7

Table: Hover Rows

Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7

Contextual classes

Use contextual classes to color table rows or individual cells.

  • .active – Applies the hover color to a particular row or cell
  • .success – Indicates a successful or positive action
  • .warning – Indicates a warning that might need attention
  • .danger – Indicates a dangerous or potentially negative action
Browser Version CSS Grade Platform
default Col content Col content Col content
active Col content Col content Col content
success Col content Col content Col content
warning Col content Col content Col content
danger Col content Col content Col content

Other table colors:

Predefined colors:
table-default, table-primary, table-success, table-warning, table-danger, table-info, table-pink, table-teal, table-orange, table-purple, table-brown, table-black

Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7
Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7
Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7
Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7
Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7
[table class="table-danger"]
    
Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7
[/table]

Styled Boxes

While not always necessary, sometimes you need to put your CONTENT in a box. For those situations, try the Box shortcode.

Basic example

Basic panel example

Box with heading

Box Title
Box content

Box with footer

default – Box content
default

Color versions:

Can be combined with icons

Primary
primary – Box content
success
success – Box content
info
info – Box content
warning
warning – Box content
danger
danger – Box content
pink
Box content
teal
Box content
purple
Box content
orange
Box content
brown
Box content
black
Box content
[styled_box title="orange" icon="" footer="" class="panel-orange"]Box content[/styled_box]

[styled _box] colors: orange (default), pink, brown, violet, turquoise, green, blue, dark, purple, brown, cyan

Suspended_Generation_Gallery



SHORTCODES LIST

  • Buttons & List
  • Text & Images
  • Charts
  • Columns with Sidebar
  • Columns full with
  • Lightbox
  • Videos & Galleries
  • Google Maps
  • Font Icons
  • Tabs & Toggles
  • Boxes & Tables
  • Typography
  • Widgets
  • Other

Latest Tweets

RT @MidoriPaxton: The 3rd Annual @IUCN_WCPA International Ranger Award recognizes extraordinary work that rangers do in protected & conserv…
about 12 hours ago By: @Prospekt Mira

Get in Touch

  • About
  • Contact Us

More Info

  • Our Projects
  • Our Blog

Contact Info

1-801-855-6472
info@prospektmira.org
P.O. Box 1684
Salt Lake City, UT 84110

Prospekt Mira

We are a non-profit organisation comprised of creative academics and communications professionals who are passionate about sustainable development.

© Copyright Prospekt Mira
UNFCCC-accredited NGO