STY - Flickr WideScreen - Photo Page New Design v.1 Beta

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document /* domain("flickr.com") */  url-prefix(https://www.flickr.com/photos/) {

/* ==== FLICKR widescreen - PHOTO PAGE NEW DESIGN v1 ==== */

/* SUPP */
.feedback-container ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .facade-of-protection-neue {
  display: none !important;
}

.view.photo-well-scrappy-view  {
    min-width: 1300px !important;
/*     max-width: 9120px !important; */
    max-width: 1300px !important;
min-height: 880px ! important;
max-height: 880px ! important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev {
  left: 0;
  min-width: 20px !important;
  width: 2% !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next {
  justify-content: flex-end;
  min-width: 20px !important;
  right: 0;
  width: 2% ! important;
}

.view.photo-well-scrappy-view.requiredToShowOnServer {
    width: 1259px !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view {
  display: flex;
  margin: auto;
  padding: 20px 40px 50px;
  position: relative;
/* left: -400px!important; */
/* margin-left: 0% !important; */
}


/* PANEL RIGHT */

/* FAV/SHARE/ALL SIZE */
/* .photo-engagement-view {
  bottom: 10px;
  height: 34px;
  position: absolute;
  right: -267px;
  top: -36px !important;
  width: 170px;
  z-index: 108;
}
 */
.photo-engagement-view {
  bottom: 10px;
  height: 34px;
  position: fixed ! important;
  right: 345px ! important;
  top: 124px !important;
  width: 170px;
  z-index: 108;
}

/* NEW PHOTO PAGE - FAV STAR WHITE / RED - === */
.fave-view .fave-star {
  background-image: url("https://s.yimg.com/pw/images/sprites/icons-s3b3c9ee50b.png");
  background-position: 0 -325px !important;
  background-repeat: no-repeat;
}
.fave-view .fave-star.is-faved {
  background-image: url("https://s.yimg.com/pw/images/sprites/icons-s3b3c9ee50b.png");
  background-position: 0 -2299px ! important;
  background-repeat: no-repeat;
}
/* AUTHOR */
.attribution-view {
  height: 50px !important;
  line-height: 50px !important;
  margin: 0;
  position: fixed !important;
  right: 78px !important;
  top: 34px !important;
  width: 505px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 {
  border-bottom: medium none !important;
  padding-bottom: 4px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view {
  float: left;
  font-size: 14px ! important;
  font-weight: 400;
  line-height: 13px !important;
  margin-right: 30px;
  margin-top: 13px;
  width: 223px;
}
.comment-count-label ,
.fave-count-label ,
.view-count-label{
    font-size: 20px;
    font-weight: 400;
    line-height: 10px ! important;
color: violet ! important;
}
/* FOLLOW / UNFOLLOW */
.sub-photo-left-view > .attribution-view > .attribution-info .follow-view > .relationship .follow.ui-button > span {
  color: #fff;
  font-size: 0 !important;
  padding: 0 0 0 31px !important;
}
/* .view.sub-photo-right-view.requiredToShowOnServer{
  margin: 0;
  position: fixed !important;
  position: absolute !important;
  right: 3px !important;
  top: 74px !important;
  width: 505px !important;
} */
.sub-photo-right-view {
  height: 50px !important;
  line-height: 14px !important;
  margin: 0;
  position: fixed !important;
  right: 0px !important;
  top: 84px !important;
  width: 505px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view {
  float: right !important;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px !important;
  margin-top: -61px !important;
  overflow: visible;
  white-space: nowrap;
  width: 245px;
}

.sub-photo-right-view > .photo-charm-exif-scrappy-view {
  clear: both;
  display: none !important;
}

/* COMMMENT FORM */
.sub-photo-comments-view .comments-form {
  margin: 15px 10px 0 0;
position: fixed !important;
  right: 0 !important;
  top: 141px !important;
  width: 557px !important;
}
.sub-photo-comments-view button.comment {
  position: fixed !important;
display: inline-block ! important;
  width: auto !important;
height: 20px ! important;
padding: 0 3px ! important;
  right: 0 !important;
  top: 235px !important;

  margin: 15px 10px 0 0;
z-index: 50 ! important;
}
/* GROUPS :  .view.sub-photo-groups-view */
.sub-photo-right-view > .sub-photo-contexts-view {
    margin-top: 127px !important;
}
.sub-photo-contexts-view .sub-photo-context {
  border-top: medium none !important;
  padding-bottom: 17px;
  position: relative;
}
.sub-photo-contexts-view .sub-photo-context h5 {
  color: red !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
    margin-bottom: -13px !important;
    margin-top: 4px !important;
}
.sub-photo-contexts-view .sub-photo-context a.add-to {
  color: violet !important;
  font-size: 14px;
  margin-top: 17px;
  position: absolute;
  right: 48px;
  top: -6px !important;
}
/*  .sub-photo-context-groups */
.sub-photo-contexts-view .sub-photo-context ul.context-list {
  margin-top: 20px;
  max-height: 200px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li {
  border: 1px solid transparent;
  border-radius: 3px;
  float: left;
  margin: 0 0 2px;
  overflow: hidden;
  padding: 6px!important;
  position: relative;
  transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s;
  width: 230px;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:nth-child(odd) {
    clear: left ! important;
    float: left !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:nth-child(even) {
    clear: right ! important;
    float: right !important;
}
/* LAST POOL */
.sub-photo-contexts-view .sub-photo-context .context-list>li:last-of-type {
    clear: none! important;
    float: left !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover {
  background: none repeat scroll 0 0 rgba(13, 13, 13, 0.46);
  border: 1px solid gray ! important;
}
/* MORE POOLS */
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type {
  font-size: 14px;
  margin-left: -10px !important;
  padding-left: 10px;
  padding-top: 10px;
  position: fixed !important;
  top: 271px !important;
/* color: gold ! important; */
}
/* MY POOL - PF */
.context-list>li[data-context-id="58146428@N00"] {
position: fixed ! important;
display: inline-block ! important;
/* float: left ! important;
clear: none ! important; */
margin-left: -55px ! important;
top: 0 ! important;
transform: scale(0.6) ! important;
}
.context-list>li[data-context-id="58146428@N00"] span {
display: none ! important;
}
.context-list>li[data-context-id="58146428@N00"]   > a  {
    padding: 2px ! important;
    box-shadow: 3px 3px 5px 1px #8dfbf7 !important;
    outline: 2px none violet !important;
}
/* CPF */
.context-list>li[data-context-id="66063253@N00"] {
position: fixed ! important;
display: inline-block ! important;
/* float: left ! important;
clear: none ! important; */
top: 0 ! important;
margin-left: -20px ! important;
transform: scale(0.6) ! important;
}
.context-list>li[data-context-id="66063253@N00"] span {
display: none ! important;
}
.context-list>li[data-context-id="66063253@N00"]  > a  {
    padding: 2px ! important;
    box-shadow: 3px 3px 5px 1px #ffff00 !important;
    outline: 2px none violet !important;
}
/*PFO */
.context-list>li[data-context-id="947672@N21"] {
position: fixed ! important;
display: inline-block ! important;
/* float: left ! important;
clear: none ! important; */
top: 0 ! important;
margin-left: 15px ! important;
transform: scale(0.6) ! important;
}
.context-list>li[data-context-id="947672@N21"] span {
display: none ! important;
}
.context-list>li[data-context-id="947672@N21"] > a  {
    padding: 2px ! important;
    box-shadow: 3px 3px 5px 1px #fb933a !important;
    outline: 2px none violet !important;
}
/* GALLERIES EMPTY */
.sub-photo-contexts-view .sub-photo-context-galleries.empty {
/*   display: none !important; */
visibility: hidden ! important;
}
.sub-photo-contexts-view .sub-photo-context.empty p:last-child  {
  display: inline-block !important;
  height: 100% !important;
  margin-top: 0;
  max-height: 20px !important;
  max-width: 200px !important;
  min-height: 20px !important;
  min-width: 200px !important;
  position: absolute !important;
  width: 100% !important;
visibility: visible ! important;
/* visibility: hidden ! important; */
}


/* TAGS */
.sub-photo-tags-tag-view.empty {
  visibility: hidden !important;
}
/* .sub-photo-tags-tag-view.empty .tags-list input  */
.sub-photo-tags-tag-view.empty a.show-add-tags{
        display: inline-block !important;
        height: auto !important;
        width: 180px !important;
        height: 45px !important;
        visibility: visible !important;
background: yellow ! important;
}
/* .sub-photo-tags-tag-view.empty .tags-list input  */
.sub-photo-tags-tag-view.empty a.show-add-tags:hover {
        display: inline-block !important;
        height: auto !important;
        width: 180px !important;
/*         height: 45px !important; */
/*         height: auto !important; */
        visibility: visible !important;
        background-color: red !important;
outline: 1px solid violet ! important;
}

.sub-photo-right-view > .sub-photo-tags-view {
  border-bottom: none !important;
  border-top: none ! important;
  clear: both;
  padding-top: 23px;
  width: 500px;
}
/* .sub-photo-right-view > .sub-photo-tags-view  */
.sub-photo-tags-tag-view {
        position: fixed !important;
        display: inline-block !important;
        min-width: 150px !important;
        max-width: 150px !important;
        height: 45px !important;
        right: 17px !important;
        bottom: -19px !important;
        padding: 0 45px 0 35px !important;
        border-radius: 5px 5px  0 0 !important;
        z-index: 300 !important;
        background: peru !important;
}
/* .sub-photo-right-view > .sub-photo-tags-view:hover */
.sub-photo-tags-tag-view:hover {
        height: auto !important;
        background: red !important;
}

/* .sub-photo-right-view > .sub-photo-tags-view:hover */
.sub-photo-tags-tag-view:hover  {
        margin-bottom: 18px !important;
}



/* =================== */
/* ICON*/
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:before ,
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:after {
  background: none repeat scroll 0 0 transparent;
  box-shadow: none !important;
  content: "";
  height: 100%;
  left: -2px;
  padding: 2px;
  position: absolute;
  top: -2px;
  transition: none 0s ease 0s  !important;
  width: 100%;
}
.sub-photo-view .circle-icon:after {
  border: medium none !important;
  border-radius: 0 !important;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail {
  border-radius: 0 ! important;
}
.sub-photo-view .circle-icon {
  border-radius: 0 !important;
}
.sub-photo-view .circle-icon img {
  border-radius: 0!important;
}
/* === END ==== */

}