Greasy Fork is available in English.
Theme with many fixes with full res images and enabled right click
@charset "UTF-8";
/* ==UserStyle==
@name Instagram Full-res+Right-click
@version 1.0.2
@author cckats
@license MIT
@description Theme with many fixes with full res images and enabled right click
@preprocessor default
@namespace https://greasyfork.org/users/661487
@match https://instagram.com/*
==/UserStyle== */
@-moz-document domain("instagram.com") {
/*Instagram skin v2 by cckats */
:root {
--heightper: 95vh
}
/*images*/
.PdwC2 {
max-width: 90vw!important;
}
.JyscU ._97aPb {
max-height: var(--heightper);
}
.rQDP3 {
max-height: var(--heightper);
}
.pR7Pc {
max-height: var(--heightper);
}
.eLAPa {
max-height: var(--heightper);
}
.FFVAD {
object-fit: contain!important;
max-height: var(--heightper);
}
.zZYga {
overflow: hidden;
}
body > div._2dDPU.CkGkG > div.zZYga > div > article > div._97aPb > div > div > div.eLAPa._23QFA > div.KL4Bh {
padding-bottom: var(--heightper)!important;
}
.DdSX2 {
max-width: 90vw;
}
.HaS-3 {
padding-bottom: 90vh !important;
}
.jdnLC {
max-width: none !important;
}
.zZYga::after, .zZYga::before {
-webkit-flex-basis: 10px;
-ms-flex-preferred-size: 10px;
flex-basis: 10px;
}
/*right click*/
._9AhH0 {
display: none;
}
/*direct images*/
.ltEKP {
max-width: 95vw!important;
}
.Kj7h1 {
max-width: none;
}
.yJx9G {
padding-top: 2vh;
}
/*video*/
.tWeCl {
max-height: var(--heightper);
object-fit: contain;
}
._8jZFn {
object-fit: contain;
max-height: var(--heightper);
}
body > div._2dDPU.CkGkG > div.zZYga > div > article > div._97aPb > div {
max-height: var(--heightper);
}
.wymO0 {
max-height: var(--heightper);
}
.PyenC,
.fXIG0 {
max-height: var(--heightper);
}
.OAXCp {
padding-bottom: var(--heightper)!important;
}
/*right click*/
.PyenC,
.fXIG0 {
height: 135px;
left: 50%;
margin-left: -67px;
margin-top: -67px;
top: 50%;
width: 135px;
}
/*random fixes*/
.aGBdT {
overflow: hidden;
min-height: 15px;
}
#react-root > section > main > div > div._2z6nI > div.Igw0E.rBNOH.eGOV_._4EzTm > div{
height:100px;
}
.z4xUb {
z-index: 1000;
}
.ySN3v {
padding-bottom: 100px;
}
#react-root > section > main > div > div._2z6nI > div.Igw0E.rBNOH.eGOV_._4EzTm > div{
overflow:visible;
}
.w5S7h {
bottom: 150px;
}
body > div.RnEpo.Yx5HN > div > div.Igw0E.IwRSH.eGOV_._4EzTm.IM32b > div.Igw0E.IwRSH.eGOV_._4EzTm.lDRO1.XfCBB.g6RW6 {
padding-top: 116px;
}
.IM32b {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.…0px'><text x='0' y='15' fill='red' font-size='20'>To open images use midle mouse button </text><text x='0' y='40' fill='black' font-size='20'>If you want to continue scrolling with no login i have a </text><text x='0' y='60' fill='black' font-size='20'>seperate skin for that.</text><text x='0' y='85' fill='black' font-size='20'> For more information go to skin's page on stylish</text></svg>");
background-position: 30px 30px;
background-repeat: no-repeat;
background-color:#fff;
}
/*stories*/
.i0EQd {
width: 95%;
}
}
@-moz-document url-prefix("https://www.instagram.com/p/") {
.Kj7h1 {
max-width: 100%;
padding: 0px 20px;
padding-bottom: 20px;
}
.jLuN9 {
height: 42px;
}
._lz6s {
height: 37px;
}
.MWDvN {
height: 37px;
padding: 0px 20px;
}
}