Hey everyone! Committed a TON of code today and moved a lot of things on the site to SSL. Soon we will redirect all links to SSL, hopefully that will go well. Please let me know if you see anything broken that wasn't broken before.
My custom layout got messed up. The journal and community icons on the friends page portion of it have gone from tiny icons to giant-sized icons. They should be tiny icons. screenshot of it. It happens on both firefox and chrome.
Basically, the images are now https instead of http. You could also just add the s to the target images, but doing it this way makes it target either one and could possibly cause less issues down the road.
I tested this with the developer tools in my browser and it appeared to work, so hopefully it'll work when you use it!
![[info]](https://www.insanejournal.com/img/userinfo.gif){kind=small}
.ljuser img[src*="/img/userinfo.gif"], .entry-header h3 img[src*="/img/userinfo.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(https://imgur.com/XWb13KU.png) !important; padding: 6px !important; background-size: 8px}
.ljuser img[src*="/img/community.gif"], .entry-header h3 img[src*="/img/community.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(https://imgur.com/PwCsvwN.png) !important; padding: 6px !important; background-size: 8px}
.pic-poster img[src*="/img/userinfo.gif"], .pic-poster img[src*="/img/community.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(https://imgur.com/JlGeD0c.png) !important; padding: 0px !important; background-size: 8px}
.lj-entry-securityicon img[src*="/img/icon_private.gif"] {width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(https://imgur.com/pan5Pr7.png) !important; padding: 5px !important; background-size: 8px}
.lj-entry-securityicon img[src*="/img/icon_protected.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(https://imgur.com/4Dhntrk.png) !important; padding: 5px !important; background-size: 8px}
Basically, the images are now https instead of http. You could also just add the s to the target images, but doing it this way makes it target either one and could possibly cause less issues down the road.
I tested this with the developer tools in my browser and it appeared to work, so hopefully it'll work when you use it!