Last active
August 3, 2018 00:50
-
-
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-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