// ==UserScript==
// @name         Flickr HI-RES Pics v.10
// @description  Higher resolution shots (by NotYou and DuckDuckGo IA) - Fix For BLURRY shots
// @version      10.0
// @author       decembre
// @namespace    https://greasyfork.org/fr/users/8-decembre
// @icon         https://external-content.duckduckgo.com/ip3/blog.flickr.net.ico

// @match      https://www.flickr.com/groups_pool.gne*
// @match      https://www.flickr.com/groups/*
// @match      https://www.flickr.com/notifications
// @match      https://www.flickr.com/search/*
// @match      https://www.flickr.com/photosof/*
// @match      https://www.flickr.com/photos/*/archives/*
// @match      https://www.flickr.com/*


// @include      https://www.flickr.com/groups_pool.gne*
// @include      https://www.flickr.com/groups/*
// @include      https://www.flickr.com/notifications
// @include      https://www.flickr.com/search/*
// @include      https://www.flickr.com/photosof/*
// @include      https://www.flickr.com/photos/*/archives/*
// @include      https://www.flickr.com/*

// @require https://code.jquery.com/jquery-3.6.0.min.js
// @grant GM_addStyle
// @downloadURL none
// ==/UserScript==

(function() {
  var $ = window.jQuery;

  // FLICKR 1 - POOL SMALL (SCR)
  // #pool-photos.sm .thumb img:not(.video-play-icon)[src$="_t.jpg"]
  (function() {
    document.querySelectorAll('#pool-photos.sm .thumb img:not(.video-play-icon)[src$="_t.jpg"]').forEach(elem => {
      if(elem.tagName.toLowerCase() === 'source') {
        const newSrcset = elem.srcset.replace(/\_t\.jpg$/, getNewSource);

        elem.srcset = newSrcset;
      } else {
        const newSource = elem.src.replace(/\_t\.jpg$/, getNewSource);

        elem.src = newSource;
      }

      function getNewSource(m) {
        const indexOfDot = m.indexOf('.')
        const fileExtenstion = m.slice(indexOfDot)
        const fileName = m.slice(0, indexOfDot)

        return fileName.replace('t', 'w') + fileExtenstion
      }

    });

  })();

 // FLICKR 2A - Pool Classic View - JUSTIFIED VIEW (for large blurry image) T to Z -
(function() {
  console.log('Starting justified view image modification...');
  try {
    const modifiedElements = new Set();
    let timeoutId = null;
    const observer = new MutationObserver((mutations) => {
      const elements = document.querySelectorAll('.ju.photo-display-container .pool-photo.photo-display-item .photo_container.pc_t img[src$="_t.jpg"]');
      elements.forEach((elem) => {
        if (!modifiedElements.has(elem)) {
          console.log('Modifying element:', elem);
          const newSource = elem.src.replace(/\_t\.jpg$/, '_z.jpg');
          elem.src = newSource;
          elem.classList.add('HDW');
          console.log('Modified image source:', newSource);
          modifiedElements.add(elem);
        }
      });
      clearTimeout(timeoutId);
      timeoutId = setTimeout(() => {
        observer.disconnect();
        console.log('No new modifications arrived. Stopping observer.');
      }, 5000);
    });
    observer.observe(document, {
      childList: true,
      subtree: true,
    });
  } catch (error) {
    console.error('Error modifying justified view images:', error);
  }
})();

// FLICKR 3 - NOTIFICATIONS PAGES VIEW (BACK IMG)
    //style="background-image: url(//live.staticflickr.com/65535/49726613923_022f7fb3c2_t.jpg);"
    // style="background-image: url(//live.staticflickr.com/65535/49726613923_022f7fb3c2_b.jpg);"
(function() {
  console.log('Code exécuté');
  var observer = new MutationObserver(function(mutations) {
    var elements = document.querySelectorAll('html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .thumb-container a.notification-photo-thumb');
    if (elements.length > 0) {
      console.log('Éléments trouvés !');
      elements.forEach(function(elem) {
        var style = elem.style.backgroundImage;
        if (style && style.indexOf('_t.jpg') !== -1) {
          console.log('Background trouvé : ' + style);
          var newStyle = style.replace('_t.jpg', '_b.jpg');
          elem.style.backgroundImage = newStyle;
          console.log('Background modifié : ' + newStyle);
          elem.classList.add('HD');
        } else {
          console.log('Pas de background trouvé pour l\'élément : ' + elem);
        }
      });
    }
  });
  observer.observe(document, {
    childList: true,
    subtree: true
  });
})();

// FLICKR 4 - SEARCH PAGES (BACK IMG)
    // .fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered
(function() {
  console.log('Code exécuté');
  var observer = new MutationObserver(function(mutations) {
    var elements = document.querySelectorAll('.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio .photo');
    if (elements.length > 0) {
      console.log('Éléments trouvés !');
      elements.forEach(function(elem) {
        var style = elem.style.backgroundImage;
        if (style && style.indexOf('_m.jpg') !== -1) {
          console.log('Background trouvé : ' + style);
          var newStyle = style.replace('_m.jpg', '_c.jpg');
          elem.style.backgroundImage = newStyle;
          console.log('Background modifié : ' + newStyle);
          elem.classList.add('HD');
        } else if (style && style.indexOf('_c.jpg') === -1) {
          console.log('Pas de background trouvé pour l\'élément : ' + elem);
          // Essayez de modifier l'élément à nouveau après un certain délai
          setTimeout(function() {
            var newStyle = elem.style.backgroundImage.replace('_m.jpg', '_c.jpg');
            elem.style.backgroundImage = newStyle;
            console.log('Background modifié : ' + newStyle);
            elem.classList.add('HD');
          }, 1000);
        }
      });
    }
  });
  observer.observe(document, {
    childList: true,
    subtree: true
  });
})();


// FLICKR 5 - Photo OF (SRC) (BACK IMG)
    // .HoldPhotos p.RecentPhotos .photo_container a img:not(.video-play-icon)[src$="_t.jpg"]
    //  src="https://live.staticflickr.com/4086/35707812856_5b19db2991_t.jpg"
(function() {
    document.querySelectorAll('.HoldPhotos p.RecentPhotos .photo_container a img:not(.video-play-icon)[src$="_t.jpg"]').forEach(elem => {
      if(elem.tagName.toLowerCase() === 'source') {
        const newSrcset = elem.srcset.replace(/\_t\.jpg$/, getNewSource);

        elem.srcset = newSrcset;
      } else {
        const newSource = elem.src.replace(/\_t\.jpg$/, getNewSource);

        elem.src = newSource;
          elem.classList.add('HD');
      }

      function getNewSource(m) {
        const indexOfDot = m.indexOf('.')
        const fileExtenstion = m.slice(indexOfDot)
        const fileName = m.slice(0, indexOfDot)

        return fileName.replace('t', 'w') + fileExtenstion
      }

    });

  })();

// FLICKR 6 - POOL Clasique - Defered Images
(function() {
  function updateDeferredImages() {
    document.querySelectorAll('.super-liquid #pool-photos.photo-display-container.ju .pc_img.defer.img').forEach(elem => {
      if (elem.src === "https://combo.staticflickr.com/pw/images/spaceout.gif" && elem.dataset.deferSrc) {
        elem.src = elem.dataset.deferSrc;
      }
    });
  }

  updateDeferredImages();

  // Relancer la fonction après 500ms
  setInterval(updateDeferredImages, 500);
})();

// FLICKR 7 - GROUP POOL SMALL (SCR) -after ckick direct - (Not in Tampermonkey?)
// .fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-container img:not(.video-play-icon)
  (function() {
    document.querySelectorAll('.fluid.html-group-pool-page-view .group-pool-subheader-view + .photo-list-view .photo-list-photo-view.awake .photo-list-photo-container img:not(.video-play-icon)[src$="_t.jpg"]').forEach(elem => {
      if(elem.tagName.toLowerCase() === 'source') {
        const newSrcset = elem.srcset.replace(/\_t\.jpg$/, getNewSource);

        elem.srcset = newSrcset;
      } else {
        const newSource = elem.src.replace(/\_t\.jpg$/, getNewSource);

        elem.src = newSource;
      }

      function getNewSource(m) {
        const indexOfDot = m.indexOf('.')
        const fileExtenstion = m.slice(indexOfDot)
        const fileName = m.slice(0, indexOfDot)

        return fileName.replace('t', 'w') + fileExtenstion
      }

    });

  })();

// FLICKR 8 - ARCHIVES SMALL (SCR)
  // #archives.sm .archive .thumb span.photo_container a.rapidnofollow:not(.spaceball) img:not(.video-play-icon):not(.video-play-icon)[src$="_t.jpg"]
  (function() {
    document.querySelectorAll('#archives.sm .archive .thumb span.photo_container a.rapidnofollow:not(.spaceball) img:not(.video-play-icon):not(.video-play-icon)[src$="_t.jpg"]').forEach(elem => {
      if(elem.tagName.toLowerCase() === 'source') {
        const newSrcset = elem.srcset.replace(/\_t\.jpg$/, getNewSource);

        elem.srcset = newSrcset;
      } else {
        const newSource = elem.src.replace(/\_t\.jpg$/, getNewSource);

        elem.src = newSource;
      }

      function getNewSource(m) {
        const indexOfDot = m.indexOf('.')
        const fileExtenstion = m.slice(indexOfDot)
        const fileName = m.slice(0, indexOfDot)

        return fileName.replace('t', 'w') + fileExtenstion
      }

    });

  })();


// FLICKR 9 - POOL BETA - GROUP POOL (support GM "Go To User pool")
  (function() {
  // Function to modify the images
  function modifyImages() {
    console.log('Modifying images...');

    // Select the images to modify
    const images = document.querySelectorAll('.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-container img:not(.video-play-icon)[src$="_t.jpg"]');
    console.log(`Found ${images.length} images to modify`);

    if (images.length === 0) {
      console.log('No images found, trying again...');
      return;
    }

    images.forEach((elem, index) => {
      console.log(`Modifying image ${index + 1} of ${images.length}`);

      if (elem.tagName.toLowerCase() === 'source') {
        const originalSrcset = elem.srcset;
        const newSrcset = elem.srcset.replace(/\_t\.jpg$/, getNewSource);
        elem.srcset = newSrcset;
        console.log(`Updated srcset from ${originalSrcset} to ${newSrcset}`);
      } else {
        const originalSrc = elem.src;
        const newSource = elem.src.replace(/\_t\.jpg$/, getNewSource);
        elem.src = newSource;
        console.log(`Updated src from ${originalSrc} to ${newSource}`);
      }

      function getNewSource(m) {
        const indexOfDot = m.indexOf('.');
        const fileExtension = m.slice(indexOfDot);
        const fileName = m.slice(0, indexOfDot);

        return fileName.replace('t', 'w') + fileExtension;
      }
    });

    console.log('Finished modifying images');
  }

  // Function to rerun the script a few times
  function rerunScript() {
    const maxAttempts = 10;
    let attempts = 0;

    function runScript() {
      modifyImages();
      attempts++;

      if (attempts < maxAttempts) {
        setTimeout(runScript, 500); // Wait 0.5 seconds before rerunning the script
      } else {
        console.log('Max attempts reached, stopping script');
      }
    }

    runScript();
  }

  // Wait for the DOM to be fully loaded
  document.addEventListener('DOMContentLoaded', function() {
    console.log('DOM fully loaded, waiting 2 seconds before starting script...');
    setTimeout(function() {
      console.log('Starting script...');
      rerunScript();
    }, 2000);
  });

  // Also try to modify images on every DOM change
  const observer = new MutationObserver(function() {
    modifyImages();
  });

  observer.observe(document, {
    childList: true,
    subtree: true
  });

  // Try to modify images on every hash change
  window.addEventListener('hashchange', function() {
    modifyImages();
  });
})();


 GM_addStyle(`
 /* FLICKR- TEST - For GM "GO TO POLL " */

html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-groups-view .sub-photo-context.sub-photo-context-groups ul li:has(ul.utags_ul.utags_ul_0:not(.utags_ul_1)) > span.title > a::after {
  content: "🏷️" ;
  font-size: 8px ;
  opacity: 0.8 ;
}

html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-groups-view .sub-photo-context.sub-photo-context-groups ul li > span.title a + ul.utags_ul.utags_ul_1:not(#utags_should_has_higher_specificity):not(#utags_should_has_higher_specificity) a {
  height: 16px ;
  line-height: 15px ;
  margin: 2px 0px 0px ;
  border-radius: 0px ;
  border-top: unset ;
  border-right: unset ;
  border-bottom: unset ;
  border-image: unset ;
  border-left: 1px solid red ;
}
html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-groups-view .sub-photo-context.sub-photo-context-groups ul li > span.title a + ul.utags_ul.utags_ul_1:not(#utags_should_has_higher_specificity):not(#utags_should_has_higher_specificity) {
  position: absolute !important;
  display: inline-flex ;
  flex-flow: wrap ;
  place-content: flex-end ;
  height: 20px ;
  line-height: normal ;
  width: auto ;
  min-width: 20px ;
  max-width: 75% ;
  margin: 0vh 2px 0px 0px ;
  top: unset !important;
  bottom: 0px !important;
  left: unset !important;
  right: 0px !important;
  opacity: 1 !important;
  border-radius: 5px ;
  box-shadow: none ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid red ;
}

html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-groups-view .sub-photo-context.sub-photo-context-groups ul li > span.title a + ul.utags_ul.utags_ul_0:not(#utags_should_has_higher_specificity):not(#utags_should_has_higher_specificity) {
  position: absolute !important;
  display: inline-block !important;
  height: 100% ;
  min-height: 15px ;
  max-height: 15px ;
  line-height: normal ;
  width: 100% ;
  min-width: 15px ;
  max-width: 15px ;
  margin: 0vh -23px 0px 0px !important;
  top: unset !important;
  bottom: 0.51vh !important;
  left: unset !important;
  right: 0px ;
  opacity: 1 ;
  visibility: visible !important;
  border-radius: 100% ;
  z-index: 5000000 !important;
  transition: none !important;
  box-shadow: none ;
  background-color: rgba(0, 0, 0, 0);
}
html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-groups-view .sub-photo-context.sub-photo-context-groups ul li > span.title a + ul.utags_ul.utags_ul_0:not(#utags_should_has_higher_specificity):not(#utags_should_has_higher_specificity) li {
  display: inline-block !important;
  height: 100% !important;
  min-height: 15px !important;
  max-height: 15px !important;
  line-height: normal !important;
  width: 100% !important;
  min-width: 15px !important;
  max-width: 15px !important;
  margin: 0px 0px 0px -25px !important;
  border-radius: 100% !important;
  content: unset !important;
  opacity: 0.3 !important;
  border: 1px solid red ;
  background-color: gold ;
}
/* PHOTO PAGE - FOR UTAGS + "GO TO POOL */
html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-contexts-view .sub-photo-context .context-list li .GoToPool + ul:not(#utags_should_has_higher_specificity):not(#utags_should_has_higher_specificity),

html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-contexts-view .sub-photo-context .context-list li .title ul:not(#utags_should_has_higher_specificity):not(#utags_should_has_higher_specificity),

html.fluid.html-photo-page-scrappy-view.scrolling-layout .droparound .body .content.menu ul:not(#utags_should_has_higher_specificity):not(#utags_should_has_higher_specificity) .utags_ul {
  display: none !important;
  transition: none !important;
}
/* POOL - GROUP POOL  */
/* POOL FOR UTGAS   */

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view):has(.utags_ul) #content .group-pool-page-view .photo-list-view .photo-list-photo-view {
  float: left ;
  height: 100% ;
  min-height: 252px ;
  max-height: 252px ;
  z-index: inherit;
/*border: 1px solid aqua !important;*/
}


.fluid.html-group-pool-page-view:has(.utags_ul) #content .group-pool-page-view .photo-list-view .photo-list-photo-view .photo-list-photo-container {
  height: 100% !important;
  min-height: 225px !important;
  max-height: 225px !important;
  width: 100% !important;
  padding:0px 0px 0vh !important;
}

.fluid.html-group-pool-page-view:has(.utags_ul) #content .group-pool-page-view .photo-list-view .photo-list-photo-view {
  float: left !important;
  height: 100% !important;
  min-height: 252px !important;
  max-height: 252px !important;
  z-index: inherit;
  border: 1px solid gray !important;
}

/* UTAGS */
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view):has(.utags_ul) #content .group-pool-page-view .photo-list-view .photo-list-photo-view a.attribution + ul.utags_ul.utags_ul_1:not(#utags_should_has_higher_specificity) {
  position: absolute !important;
  display: inline-block !important;
  width: 100% !important;
  height: 2vh !important;
  margin: 0vh 0px 0px !important;
  top: unset !important;
  bottom: -2.5vh !important;
  transition: none !important;
  z-index: inherit;
}

/* NORMAL */
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) {
  display: inline-block;
  width: 100%;
  height: auto ;
  padding: 0px 0 0vh 0px;
  margin: 0 0 0vh 0 ;
  overflow: hidden auto;
}
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view)  .photo-list-view {
  display: inline-block;
  width: 96%;
  height: auto ;
  padding: 8px 0 0vh 70px;
  margin: 0 0 15vh 0 ;
}

/* THUMBNAILS - TRANSFORM NONE */
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view, .fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake {
  position: relative ;
  display: inline-block ;
  height: 100% ;
  min-height: 190px ;
  max-height: 190px ;
  width: 100% ;
  min-width: 153px ;
  max-width: 153px ;
  margin-left: 6px ;
  margin-right: 5px ;
  margin-bottom: 8px ;
  padding:5px ;
  background-position: center center ;
  background-repeat: no-repeat;
  transform: none !important;
}
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-container,
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-container {
  height: 100% ;
  min-height: 190px ;
  max-height: 190px ;
  width: 100% ;
  min-width: 161px ;
  max-width: 161px ;
  margin-left: -1px  ;
}

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-container img,
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-container img {
  height: 100% ;
  min-height: 190px ;
  max-height: 190px ;
  width: 100% ;
  min-width: 153px ;
  max-width: 153px ;
  object-fit: contain ;
}

/* FOR "HD" GM */
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requredToShowOnServer) .photo-list-photo-view .photo-list-photo-container:has(img:not(.video-play-icon)[src$="_w.jpg"]) .interaction-view::before {
  content: "HD" ;
  position: absolute ;
  display: inline-block;
  width: 15px ;
  height: 8px ;
  line-height: 10px ;
  bottom: 0.5vh ;
  left: 0px ;
  padding: 0px ;
  font-size: 8px ;
  opacity: 0.4 ;
  color: gold ;
}

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .interaction-view {
  left: 0px ;
  right: 0px ;
  top: 0px ;
  opacity: 1 ;
}

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view)  #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 1 ;
}
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-interaction, .fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction {
  height: 198px;
  width: 153px ;
  right: 1px ;
  left: 0px ;
}

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .photo-list-photo-interaction a.overlay::after {
  position: absolute ;
  height: 12px ;
  line-height: 10px ;
  left: 5px ;
  top: 5px ;
  font-size: 10px ;
  transform: scale(1) ;
  outline:none !important;
}
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay, .photo-list-photo-interaction a.overlay {
    position: absolute !important;
    width: 99%;
    left: -2px !important;
  opacity: 1 !important;
  outline:gray solid 1px !important;
}

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction .interaction-bar {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100% ;
  min-width: 100% ;
  bottom: 0px;
  left: 0px;
  padding: 0px 8px 8px;
  z-index: 2;
}
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view .interaction-bar {
  opacity: 0.5 ;
}
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view)  .photo-list-photo-view .interaction-view:hover .interaction-bar {
  overflow: hidden ;
  opacity: 1 ;
  transition: opacity 0.7s ;
}

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction .interaction-bar .text {
  display: inline-block ;
  width: 100% ;
  min-width: 100% ;
  min-height: 0px;
  margin-bottom: -12px;
  margin-right: 12px;
}
.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) .photo-list-photo-interaction .interaction-bar .text {
  display: inline-block ;
  height: auto ;
  width: 100% ;
  min-width: 100% ;
  max-width: 100% ;
  margin: 0px 0px -12px ;
  overflow: hidden ;
}

.fluid.html-group-pool-page-view:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction .interaction-bar .text a.title {
  height: auto ;
  max-width: 95% ;
  line-height: 8px;
  margin-top: 15px;
  font-size: 8px;
  opacity: 0 ;
  transition: 0.7s;
  color: gray;
}
.fluid.html-group-pool-page-view :not(.html-photostream-edit-page-view).photo-list-photo-interaction .interaction-bar .text .title:not(.empty) {
  text-align: center ;
  color: gold ;
}
.fluid.html-group-pool-page-view :not(.html-photostream-edit-page-view) .photo-list-photo-interaction .interaction-bar .text .title:not(.empty) {
  display: inline-block ;
  width: 100% ;
  min-width: 100% ;
  max-width: 100% ;
  line-height: 10px ;
  margin: 2px 0px 0px;
  overflow: hidden ;
  text-overflow: ellipsis;
  white-space: nowrap ;
  z-index: 2;
  text-shadow: none ;
  color: white ;
}
.fluid.html-group-pool-page-view :not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction:hover .interaction-bar .text a.title {
  max-height: 5vh ;
  line-height: 15px ;
  font-size: 13px;
  text-align: center ;
  opacity: 1 ;
  overflow-y: auto ;
  white-space: pre-wrap ;
  word-break: normal ;
  transition: 0.7s;
  color: gold ;
}

.fluid.html-group-pool-page-view :not(.html-photostream-edit-page-view) .photo-list-photo-interaction .interaction-bar .text .attribution {
  display: inline-flex ;
  justify-content: center ;
  max-width: 100% ;
  height: 15px ;
  line-height: 15px ;
  margin: 2px 0px 18px 0;
  text-align: center ;
  z-index: 2;
  overflow: hidden;
  text-shadow: none ;
  color: peru ;
}
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .text .attribution,
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .engagement {
  pointer-events: auto ;
}
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .engagement {
  position: absolute ;
  display: inline-block ;
  width: 100% ;
  min-width: 100% ;
  height: 15px ;
  line-height: 10px ;
  left: 0px ;
  bottom: 0px ;
  font-size: 14px;
  text-align: center ;
}
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .engagement .engagement-item,
.fluid.html-group-pool-page-view .engagement-item.fave.last,
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.empty,
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.hidden,
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .engagement .engagement-item.hidden {
  display: inline-flex ;
  height: 15px ;
  line-height: 15px ;
}
/* FAVS */
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave .engagement-icon i.animated-fave-star ,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star {
  visibility: hidden ;
}
.fluid.html-group-pool-page-view .photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave:not(.faved) .engagement-icon i.animated-fave-star::before,
.fluid.html-group-pool-page-view .photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star::before,
.fluid.html-group-pool-page-view .photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star::before,
.fluid.html-group-pool-page-view .photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star::before {
  content: "★";
  display: inline-block;
  visibility: visible ;
  top: -2px ;
  margin-top: -2px ;
  font-style: normal ;
  color: white ;
}
.fluid.html-group-pool-page-view .photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star::before,
.fluid.html-group-pool-page-view .photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star::before,
.fluid.html-group-pool-page-view .photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star::before {
  display: inline-block;
  visibility: visible ;
  height: 24px ;
  line-height: 20px ;
  width: 24px;
  margin-left: -4px;
  margin-top: -2px;
  font-size: 18px ;
  font-style: normal ;
  text-align: center ;
}

.fluid.html-group-pool-page-view .photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star::before,
.fluid.html-group-pool-page-view .photo-list-photo-interaction .interaction-bar .engagement .engagement-item.faved .animated-fave-star::before,
.fluid.html-group-pool-page-view .engagement-item.fave.faved.last .engagement-icon i.animated-fave-star::before, .fluid.html-group-pool-page-view .view.photo-engagement-view .view.fave-view .fave-star.is-faved::before,
.fluid.html-group-pool-page-view .view.photo-engagement-view .view.fave-view .fave-star.false.is-faved::before, a.fave-star.false.is-faved::before {
  content: "★";
  display: inline-block;
  visibility: visible ;
  height: 30px ;
  width: 30px ;
  margin-top: -2px ;
  margin-left: -4px;
  font-size: 20px ;
  font-style: normal ;
  color: red ;
}

/* TOP PAGI */
#topPaginationContainer {
  position: absolute;
  display: block;
  width: 250px;
  height: 40px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
}
.group-pool-subheader-view #topPagination {
  display: block;
  top: -7px;
}
/* BOTTOM PAGI */
.fluid.html-group-pool-page-view .photo-list-view + .pagination-view  {
  position: fixed ;
  display: inline-block ;
  width: 100% ;
  min-width: 80% ;
  max-width: 80% ;
  min-height: 20px;
  margin: 20px auto;
  bottom: -2.2vh;
  text-align: center;
  z-index: 500000 ;
}


/* FOOTER */
.fluid.html-group-pool-page-view .footer-full-view:before  {
  content: "ABOUT" !important;
  position: fixed ;
  display: inline-block ;
  width: 3% ;
  margin: 0vh 0px 0px ;
  top: unset ;
  bottom: 0vh ;
  text-align: center ;
  border-radius: 5px 5px  0 0 ;
  transition: none ;
  z-index: inherit;
border: 1px solid silver ;
}
.fluid.html-group-pool-page-view .footer-full-view  {
  position: fixed ;
  display: inline-block ;
  width: 100% ;
  margin: 0vh 0px 0px ;
  top: unset ;
  bottom: -13.2vh ;
  transition: ease bottom 0.7s ;
  z-index: inherit;
/*border: 1px solid aqua !important;*/
}
.fluid.html-group-pool-page-view .footer-full-view:hover  {
  position: fixed ;
  display: inline-block ;
  width: 99.9% ;
  margin: 0vh 0px 0px ;
  top: unset ;
  bottom: 0vh ;
  transition: ease bottom 0.7s ;
  z-index: 500000 ;
background: #111 ;
border: 1px solid gold ;
}
.fluid.html-group-pool-page-view .footer-full-view:hover footer  {
    background: #111 ;
}

     `);
})();