Squaring off all new wide format photos and videos for old school vibe. Multi-column feed, bigger photos on profile pages, bigger post pages and post overlays
// ==UserScript==
// @name Instagram Squared*漂亮背景+布局OK
// @namespace http://userstyles.org
// @description Squaring off all new wide format photos and videos for old school vibe. Multi-column feed, bigger photos on profile pages, bigger post pages and post overlays
// @author BskyB
// @homepage https://userstyles.org/
// @include http://instagram.com/*
// @include https://instagram.com/*
// @include http://*.instagram.com/*
// @include https://*.instagram.com/*
// @run-at document-start
// @version 0.20170506
// ==/UserScript==
(function() {var css = [
"._bfc7q {",
" position: absolute !important;",
"}",
" .-cx-PRIVATE-PostModalConsumer__paginationArrows {",
" max-width: 935111px !important;",
"}",
" .-cx-PRIVATE-PostPage__root, .-cx-PRIVATE-Modal__contents {",
" width: calc(100% - 300px) !important;",
" max-width: 100000px !important;",
"}",
" .-cx-PRIVATE-ProfilePage__root .-cx-PRIVATE-Photo__image, .-cx-PRIVATE-PostPage__post .-cx-PRIVATE-Photo__image, .-cx-PRIVATE-Modal__contents .-cx-PRIVATE-Photo__image, .-cx-PRIVATE-Modal__contents .video-js .vjs-tech, .-cx-PRIVATE-PostPage__container .video-js .vjs-tech {",
" width: 100% !important;",
" height: auto !important;/* position: absolute !important;*/",
" display: block !important;",
" position: relative !important;",
" margin: 0px auto !important;",
" }",
" .-cx-PRIVATE-ProfilePage__root .-cx-PRIVATE-Photo__placeholder, .-cx-PRIVATE-ProfilePage__root .-cx-PRIVATE-Photo__root, .-cx-PRIVATE-ProfilePage__root .-cx-PRIVATE-Video__root, .-cx-PRIVATE-PostPage__post .-cx-PRIVATE-Photo__placeholder, .-cx-PRIVATE-PostPage__post .-cx-PRIVATE-Photo__root, .-cx-PRIVATE-PostPage__post .-cx-PRIVATE-Video__root, .-cx-PRIVATE-Modal__contents .-cx-PRIVATE-Photo__placeholder, .-cx-PRIVATE-Modal__contents .-cx-PRIVATE-Photo__root, .-cx-PRIVATE-Modal__contents .-cx-PRIVATE-Video__root, .-cx-PRIVATE-Modal__contents .-cx-PRIVATE-Video__placeholder, .-cx-PRIVATE-Modal__contents .-cx-PRIVATE-Video__heightCompensation, .-cx-PRIVATE-Modal__contents .video-js, .-cx-PRIVATE-PostPage__container .-cx-PRIVATE-Photo__placeholder, .-cx-PRIVATE-PostPage__container .-cx-PRIVATE-Photo__root, .-cx-PRIVATE-PostPage__container .-cx-PRIVATE-Video__root, .-cx-PRIVATE-PostPage__container .-cx-PRIVATE-Video__placeholder, .-cx-PRIVATE-PostPage__container .-cx-PRIVATE-Video__heightCompensation, .-cx-PRIVATE-PostPage__container .video-js {",
" padding: 0px !important;",
" height: 200%!important;",
" width: 200% !important;",
" display: block !important;",
" position: relative !important;",
" margin-left: 0px !important;",
"}",
".-cx-PRIVATE-ProfilePage__root {",
" max-width: 100000000px !important;",
"}",
" ",
"/*.-cx-PRIVATE-PostsGridItem__root {",
" width: 466.4px !important;",
"}",
" .-cx-PRIVATE-PostsGrid__item {",
" margin-right: 0px !important;",
"}*/",
" .-cx-PRIVATE-Video__heightCompensation, .video-js {",
" /* width: 1000px !important;",
" height: 454px !important;",
" display: block !important;",
" position: relative !important;*/",
" display: flex !important;",
" overflow: hidden;",
" width: 1000px !important;",
" position: relative !important;",
" height: 460.8px !important;",
" align-items: center !important;",
" padding-bottom: 0px !important;",
"}",
" .video-js .vjs-tech {",
" /* width: auto !important;",
" height: 454px !important;",
" display: block !important;",
" position: relative !important;",
" display: block !important;",
" position: relative !important;",
" margin: 0px auto !important;*/",
" height: 100% !important;",
" position: relative !important;",
" width: auto !important;",
" display: block !important;",
"}",
" .-cx-PRIVATE-Video__placeholder {",
" /* width: 1000px !important;",
" height: 454px !important;",
" padding: 0px !important;",
" display: block !important;",
" position: relative !important;",
" margin-left: -267px !important;*/",
" display: flex !important;",
" overflow: hidden;",
" width: 1000px !important;",
" position: relative !important;",
" height: 460.8px !important;",
" align-items: center !important;",
" padding-bottom: 0px !important;",
"}",
" .-cx-PRIVATE-Photo__image {",
" /* width: auto !important;",
" display: block !important;",
" position: relative !important;",
" margin: 0px auto !important;*/",
" height: 100% !important;",
" position: relative !important;",
" width: auto !important;",
" display: block !important;",
"}",
" .-cx-PRIVATE-Photo__placeholder {",
" /* padding: 0px !important;",
" height: 454px!important;",
" width: 100% !important;",
" display: block !important;",
" position: relative !important;",
" /*margin-left: -267px !important;*/",
" display: flex !important;",
" overflow: hidden;",
" width: 1000px !important;",
" position: relative !important;",
" height: 460.8px !important;",
" align-items: center !important;",
" padding-bottom: 0px !important;",
"}",
" .-cx-PRIVATE-Photo__root, .-cx-PRIVATE-Video__root {",
" /* overflow: hidden !important;",
" width: 1000px !important;",
" height: 460.8px !important;",
" display: block !important;",
" position: relative !important;*/",
" display: flex;",
" align-items: center !important;",
" overflow: hidden !important;",
"}",
" ._pieko ._s6yvg, .-cx-PRIVATE-Post__feed .-cx-PRIVATE-Post__header {",
" height: 14px !important;",
" }",
" ._qj7yb > div, .-cx-PRIVATE-FeedPage__feed > div {",
" display: block !important;",
" float: left !important;",
" display: block !important;",
" position: relative !important;",
" }",
"/*主页内容小框属性调整大小属性*/",
"",
" ._h2d1o, ._8ab8k, .-cx-PRIVATE-FeedPage__post {",
" width: 460.8px !important;",
" /* margin: auto !important;*/",
"",
" margin: 0px 0px 30px 15px !important;", "/*主页内容小框属性调整位置属性*/",
" float: left !important;",
" display: block !important;",
" position: relative !important;",
" }",
" .-cx-PRIVATE-FeedPage__root, ._jx516 {",
" margin: 0px auto !important;",
" width: auto !important;",
" max-width: 100% !important;",
" float: left !important;",
" display: block !important;",
" position: relative !important;",
"}",
"/*主页内容上下边框属性css定义属性*/",
"",
" ._h2d1o, ._8ab8k, .-cx-PRIVATE-FeedPage__post {",
" height: calc(70px + 460.8px) !important;",
" overflow: hidden !important;",
" border: solid #000000 !important;",
" border-top-width: thin !important;",
" border-right-width: thin !important;",
" border-bottom-width: thin !important;",
" border-left-width: thin !important;",
" }",
" ._h2d1o:hover, ._8ab8k:hover, .-cx-PRIVATE-FeedPage__post:hover {",
" overflow-y: auto !important;",
" overflow-x: auto !important;",
" }",
"",
"/*背景颜色*/",
"",
"._qy55y {border-radius:12px!important;}",
"",
"._98hun {border-radius:12px!important;}",
"",
"._pieko {border-radius:15px!important;}",
"",
"._4j13h {display:none!important;}",
"",
"/*以下一行为背景效果*/",
" input{background-color:rgba(0, 0, 0,0.2);box-shadow: 0px 0px 60px #3c78d8!important;}",
" ul{padding:1.5px;background-color: rgba(0, 0, 0,0.1);box-shadow: 0px 0px 60px #3c78d8;}",
"/*以下一行为ackground页面+页头背景全部替换 Color*/",
"",
"._6ltyr,._oofbn,._tn2fu,._6v8vp{background-image:url(http://www.css3maker.com//images/body_bg_new.jpg)!important;}",
"",
"/*点击图片后文本背景设置*/",
"",
"/*点击放大图片上的两条白线css定义无的属性*/",
"",
"._ghat4,._knho6,._saf51{border-top:0!important;}",
"",
"._98hun,._ea084,._n3cp9,._tjnr4,._ksjel {background-image:url(http://www.css3maker.com//images/body_bg_new.jpg)!important;}",
"/*点击图片后放大设置*/",
"",
/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂透明背景文字不透明 */
"._9x5sw, ._t1y9a,._i572c{",
" padding:5px 5px 5px ;",
" background-color: rgba(0,0,0,0.1);",
"}",
"",
"._ea084 ._n3cp9 {color:#93c47d !important;}",
"._tjnr4 ._ksjel {color:#93c47d !important;}",
"",
"",
".coreSpriteMobileNavHomeActive, .coreSpriteMobileNavHomeInactive, .coreSpriteMobileNavLogo, .coreSpriteMobileNavProfileActive, .coreSpriteMobileNavProfileInactive, .coreSpriteMobileNavSearchActive, .coreSpriteMobileNavSearchInactive, .coreSpriteNotificationLeftChevron, .coreSpriteLoggedOutWordmark, .coreSpriteMobileNavActivityActive, .coreSpriteMobileNavActivityInactive, .coreSpriteBoomerang, .coreSpriteCameraActive, .coreSpriteCameraInactive, .coreSpriteChevronDownGrey {-webkit-filter: invert(100%)!important;filter: invert(100%)!important;}",
"",
"._ti7fv {color: #D9D9D9!important;}",
"",
"._pnw2j {background: #d9d9d9!important;border: solid 1px #d9d9d9!important;}",
"",
"._k2vj6 {border-bottom: solid 1px #d9d9d9!important;}",
"",
"._qfezm {color: #D9D9D9!important;}",
"",
"._xk9bu {background: #101010!important;}",
"",
"._j4qra ._qasqy {color: #d9d9d9!important;}",
"",
"._o1o4h {background: #d9d9d9!important;border: solid 1px #202020!important;}",
"",
"._o1o4h::after {border-color: transparent transparent #d9d9d9 transparent!important;}",
"",
"._j4qra._o1o4h, ._j4qra ._pnw2j, ._j4qra ._q6fzq {border: solid 1px #D9D9D9!important;}",
"",
"._j4qra ._k2vj6 {border-bottom: solid 1px #202020!important;}",
"",
"._4zhc5.notranslate._j7lfh, ._4zhc5.notranslate._j7lfh:visited {color: #D9D9D9!important;}",
"",
"._2uju6 {color: #A4A4A4!important;}",
"",
"._qfu95 {border-color: transparent transparent #151515 transparent!important;}",
"",
"._f8scm {background: #151515!important;border: 1px solid #202020!important;}",
"",
"._57q29 {background-color: #151515!important;border: solid 1px #202020!important;}",
"",
"._mkiio {border-bottom: 1px solid #202020!important;}",
"",
"._mkiio::after {border-bottom: 0px!important;}",
"",
"._auspy {color: #A4A4A4!important;}",
"",
"a._4zhc5._gpve0 {color: #D9D9D9!important;}",
"",
"._dzx3o {border-color: #D9D9D9!important;color: #D9D9D9!important;}",
"",
"._1b8in._soakw.coreSpriteDesktopNavLogoAndWordmark, ._soakw._vbtk2.coreSpriteDesktopNavExplore, ._im3et._soakw._vbtk2.coreSpriteDesktopNavActivity, ._soakw._vbtk2.coreSpriteDesktopNavProfile, ._p4cxt._soakw.coreSpriteLoggedOutWordmark, ._im3et._vbtk2.coreSpriteDesktopNavActivity, ._ebwb5._1tv0k {color: #fff!important;-webkit-filter: invert(100%)!important;filter: invert(100%)!important;}",
"",
"._8ab8k, ._82fo9, ._gs7sp, ._cag6k, ._s6b3o {border: 0 solid #D9D9D9!important;}",
"",
".-cx-PRIVATE-Photo__clickShield, .p68, ._ovg3g {display: none!important;}",
"",
"._3sst1 {color: #D9D9D9!important;}",
"",
"._mjnfc {border: solid 1px #202020;color: #D9D9D9!important;}",
"",
"._6k2u3 {border: 1px solid #202020!important;}",
"",
"._kt12n {border-color: #202020 transparent transparent transparent!important;}",
"",
"._4zhc5.notranslate._ook48, ._4zhc5.notranslate._ook48:visited, ._4zhc5.notranslate._iqaka, ._4zhc5.notranslate._iqaka:visited {color: #D9D9D9!important;}",
"",
"._379kp {color: #D9D9D9!important;}",
"",
"._kul9p ._rnlnu {color: #3897f0!important;}",
"",
"._22yr2 {background-color: #101010!important;}",
"",
"._jjzlb {background-color: #101010!important;}",
"",
"._pieko ._e0mru {border-top: 1px solid #202020!important;border-bottom: 1px solid #202020!important;}",
"",
"._jveic {border-top: 1px solid #202020!important;}",
"",
"._tf9x3 {color: #D9D9D9!important;}",
"",
"._oajsw {color: #A4A4A4!important;}",
"",
"._lx2l2, ._lx2l2:visited {color: #D9D9D9!important;}",
"",
"a, a:visited {color: #3897f0!important;}",
"",
"._nk46a h1 {padding-bottom: 13px!important;border-bottom: 1px solid #202020!important;}",
"",
"._4zhc5._iqaka, ._r3m3z ._iqaka, ._r3m3z ._iqaka:visited {color: #D9D9D9!important;}",
"",
".coreSpriteHeartOpen {color: #fff;-webkit-filter: invert(100%)!important;filter: invert(100%)!important;}",
"",
".coreSpriteHeartFull {color: #fff;-webkit-filter: invert(100%)!important;filter: invert(100%)!important;}",
"",
"._7uiwk._qy55y {color: #D9D9D9!important;}",
"",
"._4y3e3 {background-color: #101010!important;color: #D9D9D9!important;}",
"",
"._4y3e3:hover {background-color: #202020;color: #D9D9D9!important;}",
"",
"._bt6iq, ._gwvmk {border-bottom: 1px solid #202020!important;}",
"",
"._bade0 ._bt6iq {border-color: #202020!important;}",
"",
"._de9bg {color: #D9D9D9!important;}",
"",
"._56pjv, ._56pjv:visited {color: #3897f0!important;}",
"",
"._bkw5z {color: #CBC8C4!important;}",
"",
"._q44m8 {background: #101010;color: #D9D9D9!important;border-bottom: solid 1px #202020!important;}",
"",
"._4j13h {background: #101010!important;}",
"",
"._cx1ua {border-bottom: solid 1px #202020!important;}",
"",
"._4gt3b {background: #101010!important;}",
"",
"._a1rcs {background-color: rgba(0,0,0,.75)!important;}",
"",
"._76rrx {border: 1px solid #101010!important;background-color: #101010!important;}",
"",
"._27u4n, ._glq0k {color: #D9D9D9!important;}",
"",
"._3p78u {border: 1px solid #101010!important;}",
"",
"._28ejm, ._28ejm::before {background: #101010!important;}",
"",
"._5dhxo, ._eawvx, ._n7ag9 {color: #D9D9D9!important;}",
"",
"._owacc {background: #202020!important;border: 1px solid #202020!important;}",
"",
"._77kjb, ._77kjb:visited {color: #D9D9D9!important;}",
"",
"._a34td {color: #A4A4A4!important;}",
"",
".coreSpriteDropdownArrowGrey9, .coreSpriteDropdownArrowWhite, .coreSpriteEllipsis, .coreSpriteFacebookIcon {-webkit-filter: invert(100%)!important;filter: invert(100%)!important;}",
"",
"._769lo {background-color: #101010!important;border: 1px solid #151515!important;}",
"",
"._bgfey, ._dqwbs ._j7lfh, ._dqwbs ._j7lfh:visited {color: #D9D9D9!important;}",
"",
"._dqwbs ._2uju6 {color: #A4A4A4!important;}",
"",
"._dqwbs ._cx1ua {border-bottom: solid 1px #202020!important;}",
"",
"a._gmhuy._kul9p, a._gmhuy._kul9p:visited, a._gmhuy._kul9p:hover {color: #A4A4A4!important;}",
"",
"._tjnr4 ._ksjel {background-color: #101010!important;border: 1px solid #151515!important;}",
"",
"._28qeb ._s6yvg {border-bottom: 1px solid #202020!important;}",
"",
"._djxz1 ._s6yvg {border-bottom: 1px solid #202020!important;}",
"",
"._totu9 {color: #D9D9D9!important;}",
"",
"._s53mj, ._s53mj:hover {color: #A4A4A4!important;}",
"",
"._oofbn, ._tn2fu {background-color: #101010!important;}",
"",
"._fw3ds a, ._fw3ds a:visited, ._17z9g {color: #3897f0!important;}",
"",
"._es4h6 {color: #D9D9D9!important;}",
"",
"._fqv9h {border: 1px solid #101010!important;}",
"",
"._fqv9h {background-color: #101010!important;}",
"",
"._1sfqp {color: #D9D9D9!important;}",
"",
"._7ofqm, ._ornfb {color: #D9D9D9!important;}",
"",
"a._19gtn {color: #3897f0!important;}",
"",
"._auofl {color: #3897f0!important;}",
"",
"._eeitw {color: #D9D9D9!important;}",
"",
"._d16kf ._kp5f7 {color: #D9D9D9!important;}",
"",
"._nvyyp {background-color: #101010!important;border: 1px solid #101010!important;}",
"",
"._kp5f7 {border: 1px solid #D9D9D9!important;color: #D9D9D9!important;}",
"",
"._kp5f7 ._qy55y {color: #D9D9D9!important;}",
"",
"._dyp7q {color: #D9D9D9!important;}",
"",
"._40h7m {background-color: #101010!important;border: #151515!important;}",
"",
"._9hbou, ._9hbou:visited, ._9hbou:hover, ._9hbou:active {color: #D9D9D9!important;}",
"",
"._g2cyn {border-right: 1px solid #D9D9D9!important;}",
"",
"._e5cd3 {color: #D9D9D9!important;}",
"",
"._891mt {color: #D9D9D9!important;}",
"",
"._cm95b {border: 1px solid #D9D9D9!important;color: #D9D9D9!important;}",
"",
"._9pfjt, ._g6a4a {border: 1px solid #D9D9D9!important;color: #D9D9D9!important;}",
"",
"._lxlnj {color: #D9D9D9!important;}",
"",
"._1n8j5 {border: 1px solid #D9D9D9!important;color: #D9D9D9!important;}",
"",
"._aoi9w {color: #D9D9D9!important;}",
"",
"._m2kht {border-color: #D9D9D9!important;color: #D9D9D9!important;}",
"",
"._p4g7n {color: #D9D9D9!important;}",
"",
"._b7k3d {background-color: #202020!important;box-shadow: 0 0 10px 0 #151515!important;}",
"",
"._4werj, ._fajzv {background: #202020!important;}",
"",
"._fajzv {box-shadow: 0 0 10px 0 #151515!important;}",
"",
"._i69w7 {color: #D9D9D9!important;}",
"",
"._8yfzj, ._hn699 {background: #202020!important;}",
"",
"._hn699 {box-shadow: 0 0 10px 0 #151515!important;}",
"",
"a:link {color:#ffffff !important;}",
"",
"a:hover {color:#F1F2C6 !important;}",
"",
"a:active {color:#AB0000 !important;}",
"",
"._h2d1o, ._8ab8k, ._gs7sp, .video-js, .-cx-PRIVATE-Post__feed .-cx-PRIVATE-Post__header, .-cx-PRIVATE-FeedPage__post, .-cx-PRIVATE-FeedPage__suggestedUsersList {",
" background-color: transparent !important;",
" }",
"._br9is._3v251, ._ovg3g, ._9qr5e, ._c2kdw, ._cr348, ._80v0r, ._cag6k, .-cx-PRIVATE-DeclarativeVideo__poster, .vjs-poster, .-cx-PRIVATE-PostsGridItem__postInfo, .-cx-PRIVATE-Photo__likeAnimationWrapper, .-cx-PRIVATE-Shell__footer, .-cx-PRIVATE-PostInfo__commentsLoadMoreButton, .-cx-PRIVATE-PostInfo__likesAndTimestampStackedVariant:first-child, .-cx-PRIVATE-Photo__clickShield, .-cx-PRIVATE-PostInfo__comment:last-child, .-cx-PRIVATE-PostInfo__comment:nth-child(2), .-cx-PRIVATE-PostInfo__comment:nth-child(3), .-cx-PRIVATE-PostInfo__comment:nth-child(4), .-cx-PRIVATE-PostInfo__comment:nth-child(5), .-cx-PRIVATE-PostInfo__feedback.-cx-PRIVATE-PostInfo__feedbackStackedVariant:last-child, .-cx-PRIVATE-Video__coverLayer, .-cx-PRIVATE-Video__states {",
" display: none !important;",
" }",
"/* Smaller Nav */",
"nav.-cx-PRIVATE-Shell__nav, ._onabe {",
" height: 50px !important;",
" top: -10px !important;",
" margin-bottom: -10px !important;",
"}",
".-cx-PRIVATE-Navigation__main {",
" height: 64px;",
" padding: 18px 0;",
"}",
"/* Home Feed Spacing */",
".-cx-PRIVATE-FeedPage__root, ._jx516 {",
" padding-top: 0px;",
"}",
"article.-cx-PRIVATE-FeedPage__post.-cx-PRIVATE-Post__root.-cx-PRIVATE-Post__feed {",
" margin-bottom: 15px !important;",
"}",
"/* Profile Spacing */",
".-cx-PRIVATE-ProfilePage__header,.-cx-PRIVATE-ProfilePage__root, .-cx-PRIVATE-ProfilePage__headerSmallScreen {",
" padding: 15px 20px 0;",
"}",
"/* Post Page Spacing */",
".-cx-PRIVATE-PostPage__root {",
" padding: 15px !important;",
"}",
"/* Tag Page Spacing */",
".-cx-PRIVATE-TagPage__header {",
" margin-top: 15px;",
" margin-bottom: 15px;",
"}",
"/* Load More Button Spacing */",
".-cx-PRIVATE-AutoloadingPostsGrid__moreLoadingIndicator, .-cx-PRIVATE-AutoloadingPostsGrid__moreLoadingIndicatorLoading {",
" margin: 15px auto 0;",
"}",
"/* Scrollbar */",
"::-webkit-scrollbar{",
" width: 0px !important;",
"}",
"/*点击图片后滚动条设置*/",
"",
"::-webkit-scrollbar-track{",
" background:#ffffff!important;",
" border-left: 1px solid #edeeee;",
"}",
"/*点击图片关闭X设置*/",
"",
"._3eajp::before {",
" color:#3897f0!important;",
" font-weight:500!important;",
"}",
"::-webkit-scrollbar-thumb{",
" background-color:#125688!important;",
" border-left: 1px solid #edeeee;",
"}",
"._hj98d {",
" max-width: 1200px !important;",
"}",
"._42elc {",
" max-width: none;",
" padding: 0;",
" width: 100%;",
"}",
"",
"._ba61e,",
"._n3cp9 {",
" max-width: 1200px !important;",
"}",
"",
"/*特别关注底色*/",
"",
"._6y2ah {",
" background-color: #125688!important;",
" color: #cccccc!important;",
"}",
"",
"/*特别关注字体大小*/",
"._ah57t {",
" font-size:14.5px!important;",
"}",
"",
"/*评化字体颜色*/",
"a:link {",
" color:#3897f0!important;",
"}",
"",
"/*更多字体颜色*/",
"._8imhp._glz1g{",
"background-color:transparent !important;",
"}",
"",
"._jx516 {",
" max-width: 1400px;",
"}",
"",
"._myci9,",
"._t5r8b {",
" margin: 0;",
"}"
].join("\n");
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
})();