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 @@