Hara Instagram Theme by hara28122004

/* ==UserStyle==
@name         Hara Instagram Theme
@version      20230608.09.30
@namespace    userstyles.world/user/hara28122004
@description  An custom Instagram theme build by Hara
There are many bugs in this css file. Please tell me if you have trouble with this.
Telegram: 0327567819
Instagram: hara_2812
Thank you so much!!!!
@author       hara28122004
@license      No License
==/UserStyle== */

@-moz-document domain("www.instagram.com") {
/* 	=================BODY==================== */
body
{
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .75), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(blob:https://www.instagram.com/c5ee99ab-eb0f-4851-bc14-4923973077ad) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-blend-mode: normal ;
    background-attachment: fixed !important;
}

*
{
    background: none !important;
    color: #fff !important;
    fill: #fff;
}

/* 	=====================SCROLL BAR=================== */
::-webkit-scrollbar
{
    width: 7px;
}

::-webkit-scrollbar-thumb
{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .15);
    transition: 1s;
}

::-webkit-scrollbar-thumb:hover
{
    background: rgba(0, 0, 0, .34);
    transition: 1s;
}
/* ======================= Râu ria====================== */
path[stroke-linejoin="round"],
path[stroke-linecap="round"],
polygon[stroke-linejoin="round"],
polygon[stroke-linecap="round"],
circle,
path[d="M12.003 2.001a9.705 9.705 0 1 1 0 19.4 10.876 10.876 0 0 1-2.895-.384.798.798 0 0 0-.533.04l-1.984.876a.801.801 0 0 1-1.123-.708l-.054-1.78a.806.806 0 0 0-.27-.569 9.49 9.49 0 0 1-3.14-7.175 9.65 9.65 0 0 1 10-9.7Z"]
{
    fill: none !important;
}
.xnwf7zb.x40j3uw.x1s7lred.x15gyhx8.x14vhib7.x78zum5.x6s0dn4.xl56j7k.xmix8c7.x16xo4sp.x1bby3tf.x1g86r5q.x1kvvx2u.x184ohf7.xmr57j4
{
    background: rgba(0, 0, 0, .84) !important;
}
._aatk._aatl._aatm
{
    background: rgba(0, 0, 0, .88) !important;
    border: solid 1px !important;
    border-color: rgba(255, 255, 255, .4) !important;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
._ae65:has(.x9f619.xjbqb8w.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x1n2onr6.x1plvlek.xryxfnj.x1iyjqo2.x2lwn1j.xeuugli.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1)
{
    background: rgba(0, 0, 0, .88) !important;
    border: solid 1px !important;
    border-color: rgba(255, 255, 255, .4) !important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
._aatg._aati ._aasi
{
    border-radius: 0px !important;
}
/* Nút unlike */
path[d="M34.6 3.1c-4.5 0-7.9 1.8-10.6 5.6-2.7-3.7-6.1-5.5-10.6-5.5C6 3.1 0 9.6 0 17.6c0 7.3 5.4 12 10.6 16.5.6.5 1.3 1.1 1.9 1.7l2.3 2c4.4 3.9 6.6 5.9 7.6 6.5.5.3 1.1.5 1.6.5s1.1-.2 1.6-.5c1-.6 2.8-2.2 7.8-6.8l2-1.8c.7-.6 1.3-1.2 2-1.7C42.7 29.6 48 25 48 17.6c0-8-6-14.5-13.4-14.5z"]
{
    fill: rgb(210, 0, 0) !important;
}
/* ========== */
._aasi._aasj._ai9a
{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: solid 1px;
    border-color: rgba(255, 255, 255, .4);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: rgba(0, 0, 0, 0.5) !important;
}
._aatk._aiao
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: rgba(255, 255, 255, .4) !important;
}
.x78zum5.x1q0g3np.x6s0dn4.x76ihet.xwmqs3e.x112ta8.xxxdfa6.xz9dl7a.x4uap5.xsag5q8.xkhd6sd
{
    display: none;
}
.x6s0dn4.x1q4h3jn.x78zum5.x1y1aw1k.xxbr6pl.xwib8y2.xbbxn1n.x87ps6o.x1wq6e7o.x1di1pr7.x1h4gsww.xux34ky.x1ypdohk.x1l895ks:hover,
.x1i10hfl.xjbqb8w.x6umtig.x1b1mbwd.xaqea5y.xav7gou.x9f619.x1ypdohk.xe8uvvx.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.x16tdsg8.x1hl2dhg.xggy1nq.x1a2a7pz.x6s0dn4.x78zum5.x1y1aw1k.xxbr6pl.xwib8y2.xbbxn1n.x87ps6o.x1wq6e7o.x1di1pr7.x1h4gsww.xux34ky.x1l895ks.x1lku1pv[role="button"]:hover
{
    background: rgba(255, 255, 255, .11) !important;
    border-radius: 20px;
    transition: 0.3s;
}
/* ================switch account=========== */
.x1ja2u2z.x1afcbsf.x1a2a7pz.x6ikm8r.x10wlt62.x71s49j.x78zum5.xdt5ytf.x1n2onr6.xl56j7k.x6s0dn4[role="dialog"]
{
    background: rgba(0, 0, 0, .88) !important;
    border-radius: 20px;
}
.x1i10hfl.x1qjc9v5.xjbqb8w.xjqpnuy.xa49m3k.xqeqjp1.x2hbi6w.x13fuv20.xu3j5b3.x1q0q8m5.x26u7qi.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.x1ypdohk.xdl72j9.x2lah0s.xe8uvvx.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.x2lwn1j.xeuugli.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1n2onr6.x16tdsg8.x1hl2dhg.xggy1nq.x1ja2u2z.x1t137rt.x1q0g3np.x87ps6o.x1lku1pv.x1a2a7pz.xh8yej3.x193iq5w.x1lliihq.x1dm5mii.x16mil14.xiojian.x1yutycm[role="button"]:not(:has(.x9f619.xjbqb8w.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x4uap5.xkhd6sd.x18d9i69.xexx8yu.x1uhb9sk.x1plvlek.xryxfnj.x1c4vz4f.x2lah0s.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1)):hover
{
    background: rgba(255, 255, 255, .11) !important;
    border-radius: 15px;
}
.xu96u03.xm80bdy.x10l6tqk.x13vifvy.xfbpl4g.x127lhb5.xa3vuyk
{
    background: rgba(0, 0, 0, .9) !important;
    position: fixed;
    transform: translate(1122px, 179px);
    border-radius: 5px !important;
    border: solid 1px;
}
/* ===============PROFILE================= */
._9zkj, ._a3ds, ._a3dt, ._a3du, ._a3dv, ._a3dw, ._9-b3, ._9znl, ._9z-6, ._a3dx, ._a3dy, ._a3dz, ._a3d-, ._a3d_, ._a3e0, ._9zm4, ._a3e1, ._a3e2, ._a3e3, ._a3e4, ._a3e5, ._a3e6, ._a3e7, ._a3e8, ._a3e9, ._a3ea, ._9_57, ._9_n5, ._9-y3, ._a3eb, ._a3ec, ._a3ed, ._a3ee, ._a04s, ._9zlu, ._9-yp, ._a3ef, ._a3eg, ._9_wm, ._a3eh, ._a3ei, ._9-j_, ._a3ej, ._a3ek, ._9_ij, ._9_d_, ._9_e1, ._9-mm, ._9_cx, ._9zm0, ._9zfi, ._9-ub, ._a3el, ._9-7-, ._9-1a, ._a3em, ._9zrp, ._a3en, ._9zz9, ._a3eo, ._9zmr, ._9-8d, ._9zhi, ._a3ep, ._9zs0, ._9-j-, ._a3eq, ._9zli, ._9_4y, ._9zm2, ._9zfj, ._9zlg, ._a3er, ._9-lv, ._9_ug, ._9_sh, ._9_sj, ._9-k0, ._9z-c, ._9_35, ._9_hh, ._a3es, ._a3et, ._a3eu, ._9-v-, ._9_4d, ._9zlh, ._a3ev, ._a3ew, ._a3ex, ._a3ey, ._9ys7, ._9ys8, ._9_7m, ._9_fv, ._a3ez {
    background: url(/rsrc.php/v3/y5/r/TJztmXpWTmS.png) !important;
}
._9-j_ {
    background-repeat: no-repeat !important; 
    background-position: -340px -333px !important;
    height: 19px !important; 
    width: 19px !important;
}
._9-k0 {
    background-repeat: no-repeat !important;
    background-position: -382px -333px !important;
    height: 19px !important;
    width: 19px !important;
}
rect
{
    fill: none !important;
}
._ac2d
{
    background: rgba(0, 0, 0, .31) !important;
}
/* transition cho left sidebar*/
.x9f619.xjbqb8w.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x1plvlek.xryxfnj.x1c4vz4f.x2lah0s.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1.xeq5yr9.x1dr59a3.xixxii4.x13vifvy.x1n327nk:has(.x9f619.x3nfvp2.x1lq5wgf.xgqcy7u.x30kzoy.x9jhf4c.xr9ek0c.xjpr12u.xo237n4.x6pnmvc.x7nr27j.x12dmmrz.x80pfx3.x159b3zp.xl4qmuc.xxqof28.xd18jyu.xiuebna.x13fuv20.xu3j5b3.x1q0q8m5.x26u7qi.x178xt8z.xm81vs4.xso031l.xy80clv.xzi3mdb.x1w2lkzu.xxbrewl.xlu9dua) + .xh8yej3.x1gryazu.x10o80wk.x14k21rp.x1porb0y.x17snn68.x6osk4m
{
    width: calc(96% - var(--nav-narrow-width) - var(--search-result-list-width));
    transition: 0.5s;
}
.xh8yej3.x1gryazu.x10o80wk.x14k21rp.x1porb0y.x17snn68.x6osk4m
{
    transition: 1s;
}
.xh8yej3.x1gryazu.x10o80wk.x14k21rp.x1porb0y.x17snn68.x6osk4m:has(.x9f619.xvbhtw8.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x1n2onr6.x1plvlek.xryxfnj.x1iyjqo2.x2lwn1j.xeuugli.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1)
{
    transition: 1s;
    transform: translatex(72px);
}
.x9f619.xjbqb8w.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x1plvlek.xryxfnj.x1c4vz4f.x2lah0s.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1.xeq5yr9.x1dr59a3.xixxii4.x13vifvy.x1n327nk:has(.x9f619.x3nfvp2.x1lq5wgf.xgqcy7u.x30kzoy.x9jhf4c.xr9ek0c.xjpr12u.xo237n4.x6pnmvc.x7nr27j.x12dmmrz.x80pfx3.x159b3zp.xl4qmuc.xxqof28.xd18jyu.xiuebna.x13fuv20.xu3j5b3.x1q0q8m5.x26u7qi.x178xt8z.xm81vs4.xso031l.xy80clv.xzi3mdb.x1w2lkzu.xxbrewl.xlu9dua) + .xh8yej3.x1gryazu.x10o80wk.x14k21rp.x1porb0y.x17snn68.x6osk4m:has(.x9f619.xvbhtw8.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x1n2onr6.x1plvlek.xryxfnj.x1iyjqo2.x2lwn1j.xeuugli.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1)
{
    width: calc(97% - var(--nav-narrow-width) - var(--search-result-list-width));
    transform: translatex(0px);
    transition: 0.5s;
}
/* /======================Messages======================= */
.x9f619.xvbhtw8.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x1n2onr6.x1plvlek.xryxfnj.x1c4vz4f.x2lah0s.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1:has(.x1i10hfl.x1qjc9v5.xjbqb8w.xjqpnuy.xa49m3k.xqeqjp1.x2hbi6w.x13fuv20.xu3j5b3.x1q0q8m5.x26u7qi.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.x1ypdohk.xdl72j9.x2lah0s.xe8uvvx.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.x2lwn1j.xeuugli.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1n2onr6.x16tdsg8.x1hl2dhg.xggy1nq.x1ja2u2z.x1t137rt.x1q0g3np.x87ps6o.x1lku1pv.x1a2a7pz.xh8yej3.x193iq5w.x1lliihq.x1dm5mii.x16mil14.xiojian.x1yutycm):hover
{
    background: rgba(255, 255, 255, .1) !important;
    border-radius: 10px;
}

._ac1q._ac1r._ac1v._ac1w:has(.x1qjc9v5.x6umtig.x1b1mbwd.xaqea5y.xav7gou.x9f619.x78zum5.xdt5ytf.x2lah0s.xk390pu.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1n2onr6.xggy1nq.x11njtxf),
._ac1r._ac1w:has(.x1qjc9v5.x6umtig.x1b1mbwd.xaqea5y.xav7gou.x9f619.x78zum5.xdt5ytf.x2lah0s.xk390pu.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1n2onr6.xggy1nq.x11njtxf)
{
    background: rgba(0, 0, 0, .5) !important;
}
._aa5c:has(._aa4j) .x9f619.xjbqb8w.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.xc73u3c.x5ib6vp.xwib8y2.x1y1aw1k.x1uhb9sk.x1plvlek.xryxfnj.x1c4vz4f.x2lah0s.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1
{
    display: flex;
    transition: 1.5s;
}
._aa5c:has(._aa4j):has(.x9f619.xjbqb8w.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.xc73u3c.x5ib6vp.xwib8y2.x1y1aw1k.x1uhb9sk.x1plvlek.xryxfnj.x1c4vz4f.x2lah0s.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1:hover) .x9f619.xjbqb8w.x78zum5.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.xc73u3c.x5ib6vp.xwib8y2.x1y1aw1k.x1uhb9sk.x1plvlek.xryxfnj.x1c4vz4f.x2lah0s.xdt5ytf.xqjyukv.x1qjc9v5.x1oa3qoh.x1nhvcw1
{...