Add img-prize, label-banner and well-parchment to design elements

This commit is contained in:
Scott Erickson 2016-01-19 15:30:38 -08:00
parent 6a9342dcd7
commit 57cf264880
2 changed files with 37 additions and 0 deletions
app
styles/common
templates/admin

View file

@ -397,3 +397,21 @@ body > iframe[src^="https://apis.google.com"]
// TODO: update Bootstrap, remove this
.text-uppercase
text-transform: uppercase
// Made for new victory modal as temp features. TODO: Replace with static art or make general, sprite versions
.well-parchment
border: 2px solid #14110e
background: #c2b695
color: #282116
.img-prize
border: 4px solid #fef9a3
padding: 2px
background: #693415
.label-banner
border: 2px solid #350f0d
background: #e6251c
color: white
padding: 0.0em 0.6em 0.1em

View file

@ -204,6 +204,22 @@
p.text-info Info text
p.text-warning Warning text
p.text-danger Danger text
.col-sm-3
.panel.panel-default
.panel-heading
a#images.panel-title(href="#images") Images
.panel-body
div Rounded
img.img-rounded(style="width: 140px" src="/images/pages/contribute/tile_adventurer.png")
div Circle
img.img-circle(style="width: 140px" src="/images/pages/contribute/tile_adventurer.png")
div Thumbnail
img.img-thumbnail(style="width: 140px" src="/images/pages/contribute/tile_adventurer.png")
div Prize
img.img-prize(style="width: 140px" src="/images/pages/contribute/adventurer.png")
h1 Bootstrap Components
@ -290,6 +306,8 @@
span.label.label-warning warning
span.spr
span.label.label-danger danger
span.spr
span.label.label-banner banner
.col-sm-3
.panel.panel-default
@ -379,6 +397,7 @@
.well Well!
.well.well-lg Large well!
.well.well-sm Small well!
.well.well-parchment Parchment well
h1 Bootstrap JavaScript