flickr.css in Flickr 6
Same filename and directory in other branches
.flickr-photo-img { vertical-align: text-bottom; } .flickr-photo-box { padding: 10px; float: left; text-align: center; width: 260px; height: 260px; } .flickr-photoset-img { vertical-align: text-bottom; } .flickr-photoset-box { padding: 10px; float: left; text-align: center; width: 130px; height: 130px; } span.flickr-wrap { display: inline-block; vertical-align: top; margin: 0 5px 5px 0; } span.flickr-credit { display: block; line-height: 100%; font-size: 80%; } .flickr-photoset-slideshow { height: 0; width: 100%; /*Change percentage below to change ratio. Currently 16:9 (as most screens).*/ padding-bottom: 56.25%; overflow: hidden; position: relative; } .flickr-photoset-slideshow object { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
File
flickr.cssView source
- .flickr-photo-img {
- vertical-align: text-bottom;
- }
-
- .flickr-photo-box {
- padding: 10px;
- float: left;
- text-align: center;
- width: 260px;
- height: 260px;
- }
-
- .flickr-photoset-img {
- vertical-align: text-bottom;
- }
-
- .flickr-photoset-box {
- padding: 10px;
- float: left;
- text-align: center;
- width: 130px;
- height: 130px;
- }
-
- span.flickr-wrap {
- display: inline-block;
- vertical-align: top;
- margin: 0 5px 5px 0;
- }
-
- span.flickr-credit {
- display: block;
- line-height: 100%;
- font-size: 80%;
- }
-
- .flickr-photoset-slideshow {
- height: 0;
- width: 100%;
- /*Change percentage below to change ratio. Currently 16:9 (as most screens).*/
- padding-bottom: 56.25%;
- overflow: hidden;
- position: relative;
- }
-
- .flickr-photoset-slideshow object {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }