Messenger hara theme by hara28122004

/* ==UserStyle==
@name           www.messenger.com - 11:42:38, 11/4/2023
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Messenger Hara Theme
@author         hara2812
@advanced    text    url1     "Background. Go to Messenger -> Sent your image to anyone -> Copy image address of that image -> Paste here"  'https://scontent.fhan15-2.fna.fbcdn.net/v/t1.15752-9/280201576_771357500515318_9090663180876881389_n.jpg?stp=dst-jpg_p1080x2048&_nc_cat=110&ccb=1-7&_nc_sid=ae9488&_nc_ohc=9yq8_jQjDs4AX_gY_QD&_nc_ht=scontent.fhan15-2.fna&oh=03_AdTsDpDF5l8lEhc9QKePT6TmwClq02izUiHt7gOtANo_ew&oe=64B7918E'
==/UserStyle== */
@-moz-document domain("www.messenger.com")
{
/* 	=================BODY==================== */
body
{
background: url(/*[[url1]]*/) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-blend-mode: normal;
background-position-y: -70px !important;
background-position-x: 3px !important
}

*
{
background: transparent !important;
color: #fff !important;
fill: #fff;

}

.x9f619.x2lah0s.x1nhvcw1.x1qjc9v5.xozqiw3.x1q0g3np.x78zum5.x1iyjqo2.x1t2pt76.x1n2onr6.x1ja2u2z
{
background: linear-gradient(180deg, black, transparent) !important;

}
/* 	=====================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;

}

/* 	===================LEFT SIDEBAR============== */
:not(input).x1n2onr6.x16hj40l.xsyo7zv:hover,
span.x4k7w5x.x1h91t0o.x1h9r5lt.xv2umb2.x1beo9mf.xaigb6o.x12ejxvf.x3igimt.xarpa2k.xedcshv.x1lytzrv.x1t2pt76.x7ja8zs.x1qrby5j.x1jfb8zj:hover
{
background: rgba(255, 255, 255, .1) !important;
border-radius: 25px;
transition: 0.5s;

}

:not(input).x1n2onr6.x16hj40l.xsyo7zv,
span.x4k7w5x.x1h91t0o.x1h9r5lt.xv2umb2.x1beo9mf.xaigb6o.x12ejxvf.x3igimt.xarpa2k.xedcshv.x1lytzrv.x1t2pt76.x7ja8zs.x1qrby5j.x1jfb8zj
{
transition: 0.3s;
border-radius: 25px;

}

/*Search*/
/*search bar*/
input[aria-expanded="true"]
{
margin-bottom: 1000px;
transition: 2s;

}

input[aria-expanded="false"]
{
transition: 2s;

}

.x14qfxbe[data-visualcompletion="ignore"]
{
display: none;

}

/*     Menu */
.x1i10hfl.x6umtig.x1b1mbwd.xaqea5y.xav7gou.x1ypdohk.xe8uvvx.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.x16tdsg8.x1hl2dhg.xggy1nq.x87ps6o.x1lku1pv.x1a2a7pz.x6s0dn4.x14yjl9h.xudhj91.x18nykt9.xww2gxu.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.x78zum5.xl56j7k.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1n2onr6.x10w6t97.x1td3qas.x9bbmet.x10f5nwc.xi81zsa
{
background: rgba(0, 0, 0, .5) !important;
position: relative;
left: 27px;

}

i.x1b0d499.x1d69dk1
{
background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yU/r/Kd8DFlTSrP5.png") !important;
background-position: -42px -294px !important;
background-size: auto !important;
width: 20px !important;
height: 20px !important;
background-repeat: no-repeat !important;
display: inline-block !important;

}

div.xb57i2i.x1q594ok.x5lxg6s.x6ikm8r.x1ja2u2z.x1pq812k.x1rohswg.xfk6m8.x1yqm8si.xjx87ck.xx8ngbg.xwo3gff.x1n2onr6.x1oyok0e.x1odjw0f.x1e4zzel.x1qjc9v5.x9f619.x78zum5.xdt5ytf.xkhd6sd.x4uap5.x1ten1a2.xz7cn9q.x168biu4
{
background: rgba(0,
0,
0,
.83) !important;
border-radius: 15px !important;

}

.x1uvtmcs.x4k7w5x.x1h91t0o.x1beo9mf.xaigb6o.x12ejxvf.x3igimt.xarpa2k.xedcshv.x1lytzrv.x1t2pt76.x7ja8zs.x1n2onr6.x1qrby5j.x1jfb8zj[tabindex="-1"]
{
left: 27px !important;

}

.x1i10hfl.xjbqb8w.x6umtig.x1b1mbwd.xaqea5y.xav7gou.xe8uvvx.x1hl2dhg.xggy1nq.x1o1ewxj.x3x9cwd.x1e5q0jg.x13rtm0m.x87ps6o.x1lku1pv.x1a2a7pz.xjyslct.x9f619.x1ypdohk.x78zum5.x1q0g3np.x2lah0s.xnqzcj9.x1gh759c.xdj266r.xat24cr.x1344otq.x1de53dj.x1n2onr6.x16tdsg8.x1ja2u2z.x6s0dn4.x1y1aw1k.xwib8y2[role="menuitem"]:hover
{
background: rgba(255,
255,
255,
.05) !important;
border-radius: 25px !important;

}

i.x1b0d499.xep6ejk
{
background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yJ/r/jDkRBXenrjy.png") !important;
background-position: 0px -326px !important;
background-size: 74px 450px !important;
width: 20px !important;
height: 20px !important;
background-repeat: no-repeat !important;
display: inline-block !important;
filter: invert(1);

}

/*     online dot */
span.x3nfvp2.xv9rvxn.x13fuv20.xu3j5b3.x1q0q8m5.x26u7qi.xamhcws.xol2nv.xlxy82.x19p7ews.x170jfvy.x1fsd2vl.x6zyg47.x1xm1mqw.xpn8fn3.xtct9fg.x14yjl9h.xudhj91.x18nykt9.xww2gxu
{
background: rgba(0,
255,
21,
.95) !important;

}

svg.x1lliihq.x1k90msu.x2h7rmj.x1qfuztq.xcza8v6.x1qx5ct2.xw4jnvo
{
display: none;

}

/*     Hide SideBar */
.x78zum5.xdt5ytf.xzd29fr
{
margin-top: -90px !important;
position: relative;
opacity: 0;
transition: 1s;
width: 300px !important;
}
.x9f619.x1n2onr6.x1ja2u2z.x78zum5.xdt5ytf.x2lah0s.x193iq5w.xeuugli.x1iyjqo2.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1cvmir6.x12nzpgo:hover .x78zum5.xdt5ytf.xzd29fr
{
margin-top: 0px !important;
opacity: 1;
transition: 1s;

}
.x9f619.x1n2onr6.x1ja2u2z.x78zum5.xdt5ytf.x2lah0s.x193iq5w.xeuugli.x1iyjqo2.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1cvmir6.x12nzpgo
{
width: 70px;
transition: 1s;

}

.x9f619.x1n2onr6.x1ja2u2z.x78zum5.xdt5ytf.x2lah0s.x193iq5w.xeuugli.x1iyjqo2.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1cvmir6.x12nzpgo:hover
{
width: 350px;
transition: 1s;

}

.x9f619.x1n2onr6.x1ja2u2z.x78zum5.x2lah0s.x1qughib.x6s0dn4.xozqiw3.x1q0g3np.x1sy10c2.xktsk01.xod5an3.x1d52u69.xzd29fr
{
height: 1px;
margin-top: -55px;
transition: 1s;

}

.x9f619.x1n2onr6.x1ja2u2z.x78zum5.xdt5ytf.x2lah0s.x193iq5w.xeuugli.x1iyjqo2.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1cvmir6.x12nzpgo:hover .x9f619.x1n2onr6.x1ja2u2z.x78zum5.x2lah0s.x1qughib.x6s0dn4.xozqiw3.x1q0g3np.x1sy10c2.xktsk01.xod5an3.x1d52u69.xzd29fr
{
height: 30px;
margin-top: 30px;
transition: 1s;

}

.x9f619.x1n2onr6.x1ja2u2z.x78zum5.x1r8uery.xs83m0k.xeuugli.x1qughib.x6s0dn4.xozqiw3.x1q0g3np.xb756pt.x1c4vz4f.xt55aet.xexx8yu.xc73u3c.x18d9i69.x5ib6vp.x1lku1pv.x12nzpgo
{
display: none !important;

}

.x9f619.x1n2onr6.x1ja2u2z.x1qjc9v5.x78zum5.xdt5ytf.x1iyjqo2.xl56j7k.xeuugli
{
width: 80px;
transition: 1s;

}

.x9f619.x1n2onr6.x1ja2u2z.x78zum5.xdt5ytf.x2lah0s.x193iq5w.xeuugli.x1iyjqo2.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1cvmir6.x12nzpgo:hover .x9f619.x1n2onr6.x1ja2u2z.x1qjc9v5.x78zum5.xdt5ytf.x1iyjqo2.xl56j7k.xeuugli
{
width: 310px;
transition: 1s;

}

.x78zum5.xdt5ytf.x1iyjqo2.xs83m0k.x1xzczws.x6ikm8r.x1rife3k.x1n2onr6.xh8yej3
{
overflow-y: hidden;

}

.x9f619.x1n2onr6.x1ja2u2z.x78zum5.xdt5ytf.x2lah0s.x193iq5w.xeuugli.x1iyjqo2.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1cvmir6.x12nzpgo:hover .x78zum5.xdt5ytf.x1iyjqo2.xs83m0k.x1xzczws.x6ikm8r.x1rife3k.x1n2onr6.xh8yej3,
.x9f619.x1ja2u2z.x193iq5w.xeuugli.x1r8uery.x1iyjqo2.xs83m0k.x78zum5.xdt5ytf.x6ikm8r.x10wlt62.x1n2onr6:hover .x78zum5.xdt5ytf.x1iyjqo2.xs83m0k.x1xzczws.x6ikm8r.x1rife3k.x1n2onr6.xh8yej3
{
overflow-y: auto;

}

/* ===========================Khung chat========================= */
.x63ui4o.x18i3tt1.x6ikm8r.x10wlt62
{
border: 0px;

}

.x5yr21d.x1uvtmcs.x78zum5.x1iyjqo2[tabindex="-1"]
{
right: 27px !important;
position: relative;
background: none !important;

}

.x78zum5.xdt5ytf.x1iyjqo2.x193iq5w.x2lwn1j.x1n2onr6.x1ja2u2z
{
background: none !important;

}

.x78zum5.xdt5ytf.x1iyjqo2.x193iq5w.x2lwn1j.x1n2onr6.x1ja2u2z .x78zum5.x1r8uery.xdt5ytf.x1iyjqo2.xmz0i5r.x6ikm8r.x10wlt62.x1n2onr6
{
background: none !important;

}

polygon
{
fill: none;

}

rect[height="18"]
{
fill: none;

}

.xmjcpbm.x107yiy2.xv8uw2v.x1tfwpuw.x2g32xy.x9f619.x1iyjqo2.xeuugli
{
background: rgba(0,
0,
0,
.4) !important;
transition: 2s;

}

.xmjcpbm.x107yiy2.xv8uw2v.x1tfwpuw.x2g32xy.x9f619.x1iyjqo2.xeuugli:focus-within
{
background: rgba(255,
255,
255,
.1) !important;
transition: 2s;

}

.xb57i2i.x1q594ok.x5lxg6s.x6ikm8r.x1ja2u2z.x1pq812k.x1rohswg.xfk6m8.x1yqm8si.xjx87ck.xx8ngbg.xwo3gff.x1n2onr6.x1oyok0e.x1odjw0f.x1e4zzel.x1qjc9v5.x9f619.x78zum5.xdt5ytf.xkhd6sd.x4uap5.x1ten1a2.xz7cn9q.xzy4u6w.xh8yej3
{
background: rgba(0,
0,
0,
.71) !important;

}

.x1tlxs6b.x230xth.x14ctfv.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.x1y1aw1k.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.x1vjfegm.x1yr5g0i.xrt01vj[role="none"],
.x1tlxs6b.x1gn5b1j.x230xth.x14ctfv.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.x1y1aw1k.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.x1vjfegm.x1yr5g0i[role="none"],
.x1tlxs6b.x1g8br2z.x1gn5b1j.x230xth.x14ctfv.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.x1y1aw1k.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.x1vjfegm[role="none"],
.x1tlxs6b.x1g8br2z.x230xth.x14ctfv.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.x1y1aw1k.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.x1vjfegm.xrt01vj[role="none"],
.x1tlxs6b.x1g8br2z.x1gn5b1j.x14ctfv.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.x1y1aw1k.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.x1vjfegm.x10y3i5r[role="none"],
.x1g8br2z.x1gn5b1j.x230xth.x14ctfv.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.x1y1aw1k.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.x1vjfegm.x1lcm9me[role="none"],
.x1g8br2z.x1gn5b1j.x14ctfv.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.x1y1aw1k.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.x1vjfegm.x1lcm9me.x10y3i5r[role="none"],
.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.xm7lytj.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.xzackxk.x1vvs6jl.x1p8yz0e.x1e72984.x1qxsuse.x1pwr4jm.xgt0i0e.xhiudvi.x1ikrcl6.xrlr1mf.x13m8g0b.x1wea3ti.x1pdxsal.xgyc039.xza5l1d.xcavrb8.x1p4c0ny.x5l10my.xieozyd.x14rr3af.x1kx6eu5.x1x824oc.x1fefmpr.x1a3valx[role="none"],
.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.xm7lytj.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.xzackxk.x1vvs6jl.x1p8yz0e.x1e72984.x1qxsuse.x1pwr4jm.xhiudvi.x1ikrcl6.xrlr1mf.x13m8g0b.x1wea3ti.x1pdxsal.xgyc039.xza5l1d.xcavrb8.x1p4c0ny.x5l10my.xieozyd.x14rr3af.x1kx6eu5.x1x824oc.x1fefmpr.x1a3valx.x7yvbyb[role="none"],
.x1okitfd.x6ikm8r.x10wlt62.x1mzt3pk.xm7lytj.xn6708d.xwib8y2.x1ye3gou.x1n2onr6.x13faqbe.xzackxk.x1vvs6jl.x1p8yz0e.x1e72984.x1qxsuse.xgt0i0e.xhiudvi.x1ikrcl6.xrlr1mf.x13m8g0b.x1wea3ti.x1pdxsal.xgyc039.xza5l1d.xcavrb8.x1p4c0ny.x5l10my.xieozyd.x14rr3af.x1kx6eu5.x1x824oc.x1fefmpr.x1a3valx.x1chp5k1[role="none"],
.x1okitfd.x6ikm8r....