diff options
author | Andreas Gohr <andi@splitbrain.org> | 2013-08-09 16:07:21 +0200 |
---|---|---|
committer | Andreas Gohr <andi@splitbrain.org> | 2013-08-09 16:07:21 +0200 |
commit | 61746d5540723d7463a0c1d666decb9c164c6678 (patch) | |
tree | f8e04b628794e53b00691e214ae6e77b88c9d8f6 /lib/plugins/extension/style.less | |
parent | 2d87f05b99091011a83d131724e9714f9c07f976 (diff) | |
download | rpg-61746d5540723d7463a0c1d666decb9c164c6678.tar.gz rpg-61746d5540723d7463a0c1d666decb9c164c6678.tar.bz2 |
added a very simplistic lightbox
Diffstat (limited to 'lib/plugins/extension/style.less')
-rw-r--r-- | lib/plugins/extension/style.less | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index 40fdb6075..cd9eeaa74 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -7,6 +7,35 @@ * @author Anika Henke <anika@selfthinker.org> */ +/** + * very simple lightbox + * @link http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/super-simple-lightbox-with-css-and-jquery/ + */ +#plugin__extensionlightbox { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url(images/overlay.png) repeat; + text-align: center; + cursor: pointer; + + p { + text-align: right; + color: #fff; + margin-right: 20px; + font-size: 12px; + } + + img { + box-shadow: 0 0 25px #111; + -webkit-box-shadow: 0 0 25px #111; + -moz-box-shadow: 0 0 25px #111; + max-width: 90%; + max-height: 90%; + } +} /* * general layout |