diff --git a/bower.json b/bower.json
index 29174d3..2c55a00 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
{
"name": "figure-box",
- "version": "0.9.3",
+ "version": "0.9.5",
"keywords": "seed, polymer, web-components",
"main": "figure-box.html",
"ignore": ["bower_components"],
diff --git a/dist/figure-box.css b/dist/figure-box.css
index 4228de8..22cc4a6 100644
--- a/dist/figure-box.css
+++ b/dist/figure-box.css
@@ -10,6 +10,20 @@
:host(.frame) figure {
border: 10px solid white;
}
+:host(.black.frame) figure{
+ border-color: black;
+}
+:host(.black) content::content header{
+ background:black;
+ color:white;
+}
+:host(.black) content::content footer{
+ background:black;
+ color:white;
+}
+:host(.black.frame) figure{
+ border-color: black;
+}
:host(.full-width) {
padding: 0 !Important;
}
@@ -19,6 +33,36 @@
:host(.full-width) img {
width: 100%;
}
+:host(.fancy) content::content header{
+ background: transparent;
+ text-shadow: 0px 0px 5px black, 5px 5px 5px black, -5px -5px 5px black;
+ font-weight:bolder;
+ color:white;
+}
+:host(.fancy) content::content footer{
+ background:
+ radial-gradient(circle, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 100%) repeat,
+ linear-gradient(0deg, rgba(255,255,255,0.7), rgba(255,255,255,0)) no-repeat;
+ background-size: 7px 7px, cover;
+ font-weight:lighter;
+ text-shadow: 0px 0px 5px black, 5px 5px 5px black, -5px -5px 5px black;
+ color:white;
+}
+:host(.fancy.black) content::content header{
+ background: transparent;
+ text-shadow: 0px 0px 5px black, 5px 5px 5px black, -5px -5px 5px black;
+ font-weight:bolder;
+ color:white;
+}
+:host(.fancy.black) content::content footer{
+ background:
+ radial-gradient(circle, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 100%) repeat,
+ linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0)) no-repeat;
+ background-size: 7px 7px, cover;
+ font-weight:lighter;
+ text-shadow: 0px 0px 5px black, 5px 5px 5px black, -5px -5px 5px black;
+ color:white;
+}
h3 {
font-size: 1em;
text-align: center;
diff --git a/dist/figure-box.html b/dist/figure-box.html
index 3b081ba..c5e8f7a 100644
--- a/dist/figure-box.html
+++ b/dist/figure-box.html
@@ -26,7 +26,7 @@