Skip to content

Instantly share code, notes, and snippets.

@envp
Last active August 3, 2018 00:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save envp/a143a33fb4558692423b4c155c50b4ef to your computer and use it in GitHub Desktop.
Save envp/a143a33fb4558692423b4c155c50b4ef to your computer and use it in GitHub Desktop.
Wide theme for instagram. Uses a majority(60-70%) of the screen space for displaying pictures. Work in progress, struggles a little when width ~ 2*height.
@-moz-document domain("instagram.com") {
/*
* For widening all thumbnails on the profile page.
* - Count per row remains the same,
* - More screen space is utilized with this
* - Also I dont want to click on shit to look at it clearly
* (instagram pre-loads images upto 1080w, so this can be as good as you want it to be)
*/
.v9tJq, /* Profile */
.cGcGK, /* Home */
._1SP8R.j9XKR /* Feed */
{
max-width: 75%;
width: calc(75% - 40px);
}
/*
* Make the modal image views big enough.
* was arrived at by trail and error
*
* TOOO:Causes overflow on 'tall' pictures, need to find a way
* to make 'em scale to fit 80% of the window size
*/
.PdwC2 {
max-width: calc(65% - 80px)!important;
max-height: calc(40% - 40px)!important;
}
/*
* Center the user's highlights
*/
.MreMs {
display: block!important;
text-align: center;
padding-top: 20px;
}
/*
* Center the profile info, relies on the picture and
* information being rendered as flexboxes
*/
.vtbgv {
width: 60%;
margin: 0 auto!important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment