Added initial support for notes (aka tags) on images, done completely (including initial load of metadata) with AJAX. They're not fixed at 100x100 like on Facebook either.
+ − /*
+ − * CSS for gallery browser
+ − */
+ −
+ − div.gallery_icon {
+ − border-width: 1px;
+ − border-style: solid;
+ − border-color: #FFFFFF;
+ − cursor: pointer;
+ − text-align: center;
+ − display: table;
+ − margin: 0 auto;
+ − padding: 4px;
+ − width: 80px;
+ − white-space: nowrap;
+ − }
+ −
+ − div.gallery_icon:hover {
+ − border-color: #CCCCCC;
+ − }
+ −
+ − div.gallery_icon img.gallery_thumb {
+ − display: block;
+ − border-width: 0;
+ − margin: auto auto 6px auto;
+ − }
+ −
+ − ul.snapr-gallery {
+ − list-style-type: none !important;
+ − list-style-image: none !important;
+ − margin-left: 0;
+ − padding-left: 0;
+ − }
+ −
+ − ul.snapr-gallery li.snapr-icon {
+ − float: left;
+ − list-style-type: none !important;
+ − list-style-image: none !important;
+ − width: 80px;
+ − margin-right: 15px;
+ − }
+ −
+ − a.snapr-imagelink {
+ − display: block;
+ − height: 80px;
+ − vertical-align: middle;
+ − }
+ −
+ − div.snapr_tag_entry {
+ − border: 1px solid #202020;
+ − background-color: #FFFFEB;
+ − color: #101010;
+ − padding: 4px;
+ − -moz-border-radius: 8px;
+ − text-align: left;
+ − }
+ −
+ − div.snapr_tag {
+ − border: 1px solid #202020;
+ − background-color: #EBEBFF;
+ − color: #101010;
+ − padding: 4px;
+ − text-align: left;
+ − min-width: 100px;
+ − font-family: arial, helvetica, sans-serif;
+ − font-size: 8pt;
+ − }
+ −