Skip to content

Instantly share code, notes, and snippets.

@acid-chicken
Created February 4, 2020 17:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save acid-chicken/205f4abcccdcab5b73836b2b9629664e to your computer and use it in GitHub Desktop.
Save acid-chicken/205f4abcccdcab5b73836b2b9629664e to your computer and use it in GitHub Desktop.
html[xmlns][xmlns][xmlns]>body div#main div.BOX-balloon,
html[xmlns][xmlns][xmlns]>body div#main div.BOX-balloon::after,
html[xmlns][xmlns][xmlns]>body div#main div.BOX-balloon::before,
html[xmlns][xmlns][xmlns]>body div#main div.BOX-balloon *,
html[xmlns][xmlns][xmlns]>body div#main div.BOX-balloon *::after,
html[xmlns][xmlns][xmlns]>body div#main div.BOX-balloon *::before{all:unset;display:contents;font:17.5px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic ProN','\30d2\30e9\30ae\30ce\89d2\30b4ProN W3',' \30e2\30ea\30b5\30ef \65b0\30b4 R','Droid Sans',Meiryo,'\30e1\30a4\30ea\30aa',sans-serif}
html[xmlns][xmlns][xmlns]>body div#main div.BOX-balloon img[src="https://example.com/.png"]{display:none}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);-moz-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2);display:block;margin:auto;max-width:622px;padding:16px 20px}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon{display:-ms-grid;display:grid;grid-gap:8px;gap:8px;-ms-grid-columns:64px 8px 1fr 8px 80px;grid-template-columns:64px 1fr 80px;grid-template-rows:20px minmax(52px,-webkit-max-content)repeat(auto-fit,minmax(36px,-webkit-max-content));grid-template-rows:20px minmax(52px,max-content)repeat(auto-fit,minmax(36px,max-content));margin:0 0 16px}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon>*:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon>*:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon>*:nth-child(4){-ms-grid-row:3;-ms-grid-column:1}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon>*:nth-child(5){-ms-grid-row:3;-ms-grid-column:3}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon>*:nth-child(6){-ms-grid-row:3;-ms-grid-column:5}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon:first-child+div{border-top:2px dotted#808080;padding:10px 0 0}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon b:first-child,
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon b:last-child,
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon i{font:700 17.5px/1 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic ProN','\30d2\30e9\30ae\30ce\89d2\30b4ProN W3',' \30e2\30ea\30b5\30ef \65b0\30b4 R','Droid Sans',Meiryo,'\30e1\30a4\30ea\30aa',sans-serif}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon b:last-child{color:#959595;-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/4;text-align:right}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon b,
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon b+b br{display:block}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon b+b{line-height:1.2}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon b+i{background:url('data:image/svg+xml,%3Csvg xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox%3D"0 0 64 64"%3E%3Cpath fill%3D"%23aaa" stroke%3D"%23fff" stroke-miterlimit%3D"10" stroke-width%3D"3" d%3D"M35.19%2C17.451l3.078%2C6.235a3%2C3%2C0%2C0%2C0%2C2.258%2C1.642l6.882%2C1a3%2C3%2C0%2C0%2C1%2C1.662%2C5.117L44.091%2C36.3a3%2C3%2C0%2C0%2C0-.863%2C2.656L44.4%2C45.807a3%2C3%2C0%2C0%2C1-4.353%2C3.163L33.9%2C45.734a3%2C3%2C0%2C0%2C0-2.792%2C0L24.949%2C48.97A3%2C3%2C0%2C0%2C1%2C20.6%2C45.807l1.176-6.853a3%2C3%2C0%2C0%2C0-.863-2.656L15.93%2C31.445a3%2C3%2C0%2C0%2C1%2C1.662-5.117l6.882-1a3%2C3%2C0%2C0%2C0%2C2.258-1.642l3.078-6.235A3%2C3%2C0%2C0%2C1%2C35.19%2C17.451Z"%2F%3E%3C%2Fsvg%3E')center -8px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:1px 0 rgba(255,255,255,.25),-1px 0 rgba(255,255,255,.25),0 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.8);-moz-box-shadow:1px 0 rgba(255,255,255,.25),-1px 0 rgba(255,255,255,.25),0 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.8);box-shadow:1px 0 rgba(255,255,255,.25),-1px 0 rgba(255,255,255,.25),0 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.8);font-size:20px;display:block;-ms-grid-column:3;grid-column:3;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;height:24px;margin:8px;padding:40px 0 0;text-align:center}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon i+a[href^="https://image02.seesaawiki.jp/o/i/ohishi_izumi/"]{display:block;-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/4;margin:0 auto 16px}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon i+a[href^="https://image02.seesaawiki.jp/o/i/ohishi_izumi/"]>img{display:block;width:480px}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon i+i{background:#999;border:solid 2px#ababab;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;color:#fff;display:block;font-weight:700;-ms-grid-column:2;-ms-grid-column-span:2;grid-column:2/4;margin:0 0 8px;max-width:268px;padding:4px 0 0;text-align:center;text-shadow:#35a7ff -2px .28px,#35a7ff -1.88px -.7px,#35a7ff -1.6px 1.2px,#35a7ff -1.3px -1.52px,#35a7ff -.82px 1.8px,#35a7ff -.42px -1.96px,#35a7ff .14px 2px,#35a7ff .58px -1.94px,#35a7ff 1.8px 1.68px,#35a7ff 1.42px -1.4px,#35a7ff 1.7px .96px,#35a7ff 1.92px -.56px,#35a7ff 2px 0}
html[xmlns][xmlns][xmlns]>body div#main div.user-area>div.BOX-balloon>div.BOX-balloon-text div.BOX-balloon .BOX-balloon-image>img{display:block;grid-row:1/-1;height:64px;width:64px}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment