Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @namespace url(http://www.w3.org/1999/xhtml);
- @-moz-document domain("www.fluidr.com") {
- /* ==== FlickrWideScreen (viewer) - FLUIDR v.2 (new2) - BETA - Problem - NEW5 ==== */
- * {
- box-sizing: border-box;
- }
- body {
- display: inline-block !important;
- width: 100%!important;
- max-width: 100%!important;
- max-width: 1908px !important;
- }
- #photos {
- display: inline-block !important;
- width: 100%!important;
- max-width: 100%!important;
- max-width: 1908px !important;
- /* outline: 1px solid red !important; */
- }
- #photos.fluid-size-l {
- display: inline-block !important;
- width: 100%!important;
- max-width: 100%!important;
- max-width: 1908px !important;
- /* outline: 1px solid green !important; */
- }
- #photos.fluid-size-z {
- display: inline-block !important;
- width: 100%!important;
- max-width: 100%!important;
- min-width: 1908px !important;
- max-width: 1908px !important;
- /* outline: 1px solid yellow !important; */
- }
- #photos.fluid-size-m {
- /* width: 100%!important; */
- outline: 1px solid red !important;
- }
- /* PHOTOS CONTAINER */
- #photos{
- /* display: inline-block!important; */
- display: table !important;
- width: 97%!important;
- /* outline: 2px dotted red !important; */
- }
- /* PHOTOS - ROW */
- .photos-page {
- /* display: table-row !important; */
- /* display: table !important; */
- /* display: inline-table !important; */
- display: inline-block!important;
- /* display: table-cell !important; */
- width: 100% !important;
- min-width: 1900px !important;
- max-width: 1900px !important;
- /* min-height: 500px !important; */
- /* max-height: 500px !important; */
- margin-bottom: 10px !important;
- /* outline: 2px dotted green !important; */
- }
- /* PHOTO PANEL - CELL */
- .photo-panel {
- /* display: table-row !important; */
- /* display: table !important; */
- /* display: inline-table !important; */
- display: inline-block!important;
- /* display: table-cell !important; */
- max-height: 445px !important;
- min-height: 445px !important;
- /* height: 425px !important; */
- min-width: 930px !important;
- max-width: 930px !important;
- margin: 0 auto !important;
- /* top: 0px !important; */
- margin-bottom: 5px !important;
- margin-right: 6px !important;
- padding: 5px 5px !important;
- /* outline: 5px solid peru !important; */
- /* background: tan !important; */
- border: 1px solid gray !important;
- }
- .photoshow {
- /* display: table-row !important; */
- /* display: table !important; */
- /* display: inline-table !important; */
- display: inline-block!important;
- /* display: table-cell !important; */
- /* max-height: 100px !important; */
- /* min-height: 100px !important; */
- /* height: auto !important; */
- height: 422px !important;
- /* width: 200px !important; */
- min-width: 515px !important;
- max-width: 515px !important;
- margin: auto !important;
- /* background: red !important; */
- /* outline: 1px solid tomato !important; */
- }
- .fluid-size-z .photo-subpanel-align {
- display: inline-block!important;
- min-width: 515px !important;
- max-width: 515px !important;
- max-height: 430px !important;
- min-height: 43px !important;
- margin-bottom: 0px !important;
- /* pointer-events: none !important; */
- /* background: green !important; */
- }
- .photo-subpanel-align {
- /* display: table-row !important; */
- /* display: inline-table !important; */
- /* display: inline-block!important; */
- /* display: table-cell !important; */
- /* height: 200px !important; */
- margin-bottom: 2em;
- text-align: center;
- vertical-align: top;
- }
- /* (new2) IMAGE CONTAINER - === */
- .photo-subpanel a {
- display: inline-block !important;
- /* height: 100px !important; */
- color: #aaa;
- cursor: pointer;
- text-decoration: none;
- transition: color 0.5s ease 0s;
- /* pointer-events: none !important; */
- /* z-index: 100 !important; */
- /* background: red !important; */
- }
- .photo-panel-img {
- /* display: table-cell !important; */
- /* display: table-row !important; */
- /* display: table !important; */
- /* display: inline-table !important; */
- display: inline-block!important;
- /* max-height: 100px !important; */
- /* min-height: 100px !important; */
- /* height: auto !important; */
- /* width: 200px !important; */
- /* margin: auto !important; */
- background-position: 50% 50% !important;
- background-size: 90% auto;
- /* pointer-events: none !important; */
- /* outline: 1px solid peru !important; */
- }
- /* (new2) IMAGE / VIDEO CONTAINER - FADER ZOOM - FOR THUMBNAIL ZOOM - === */
- .photo-panel-img .fader,
- .photo-panel-video .fader {
- display: none !important;
- max-height: 0px !important;
- min-height: 00px !important;
- z-index: 100 !important;
- /* background-color: blue !important; */
- outline: 1px solid violet !important;
- }
- .photo-panel .photo-panel-img {
- display: inline-block!important;
- max-height: 424px !important;
- min-height: 424px !important;
- min-width: 515px !important;
- max-width: 515px !important;
- /* cursor: pointer !important; */
- cursor: zoom-in !important;
- /* pointer-events: none !important; */
- }
- img.zoomed-element {
- /* cursor: url("./img/zoomout.cur"), pointer !important; */
- cursor: zoom-out !important;
- }
- .meta-subpanel-align {
- /* position: absolute; */
- display: inline-block!important;
- /* display: table-cell; */
- max-height: 430px !important;
- min-height: 430px !important;
- /* width: 285px!important; */
- /* vertical-align: middle; */
- /* left: -500px; */
- /* padding-bottom: 10px; */
- /* padding-left: 10px; */
- /* padding-top: 10px; */
- padding: 0px 5px !important;
- /* transition: opacity 0.5s ease 0s; */
- /* outline: 1px solid peru !important; */
- }
- .meta-subpanel {
- /* text-align: left; */
- /* width: 285px!important; */
- /* word-wrap: break-word; */
- /* outline: 1px solid peru !important; */
- }
- /* PHOTO - LARGE - METADATA ON === */
- #photos.fluid-size-l .photos-page [id^="photo-panel-"] {
- outline: 1px solid green !important;
- }
- /* PHOTO - MEDIUM - METADATA ON === */
- #photos.fluid-size-z .photos-page [id^="photo-panel-"] {
- /* outline: 1px solid yellow !important; */
- }
- /* PHOTO - SMALL - METADATA ON === */
- #photos.fluid-size-m .photos-page [id^="photo-panel-"] {
- /* outline: 1px solid red !important; */
- }
- /* PHOTO - LARGE - METADATA OFF === */
- #photos.fluid-size-l-meta-hide .photos-page [id^="photo-panel-"] {
- /* outline: 1px dashed green !important; */
- }
- /* PHOTO - MEDIUM - METADATA OFF === */
- #photos.fluid-size-z-meta-hide .photos-page [id^="photo-panel-"] {
- /* outline: 1px dashed yellow !important; */
- }
- /* PHOTO - SMALL - METADATA OFF === */
- #photos.fluid-size-m-meta-hide .photos-page [id^="photo-panel-"] {
- /* outline: 1px dashed red !important; */
- }
- /* ==== END ==== */
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement