Mar 17, 2024 3:22:12 GMT
/UCHIHA KISHI HAS MADE 0 POSTS
Post by UCHIHA KISHI on Mar 17, 2024 3:22:12 GMT
[attr="class","prismatic"]
[attr="class","prismatic-border prism-vertimg"]
[attr="class","credits"]made by gimmick[attr="class","prismatic-inner"]
[attr="class","prismcol-img prism-imgbg"]
[attr="class","prism-imgbox"]
[attr="class","prismcol-body"]
[attr="class","prism-textbox"]Ut commodo consequat esse pork chop shank picanha tail biltong incididunt nulla pariatur mollit. Short ribs in short loin, brisket bresaola in incididunt beef ullamco voluptate enim shank corned beef in porchetta. Pastrami ullamco commodo chuck, cupim culpa corned beef shank proident rump. Fatback in venison brisket.
"This is bold."
This is italic.
Shankle pastrami sint ribeye dolor andouille tempor pork loin short ribs ipsum. Eu ea alcatra cupim in in kevin ullamco porchetta shankle magna chislic minim beef. Ground round adipisicing landjaeger, short loin frankfurter beef ribs beef magna tempor. Ham sausage chicken proident turducken. Ut minim cupim duis dolore bacon. Mollit swine biltong eiusmod adipisicing ex.
Cillum elit sint tail et meatloaf ground round in minim. Landjaeger burgdoggen cupim, short loin pig sint anim nostrud et swine porchetta. Elit corned beef eiusmod, tempor dolore t-bone frankfurter. Sausage swine sint porchetta, pork pancetta buffalo. Fatback sed frankfurter dolore. Pork meatloaf alcatra spare ribs.
"This is bold."
This is italic.
Shankle pastrami sint ribeye dolor andouille tempor pork loin short ribs ipsum. Eu ea alcatra cupim in in kevin ullamco porchetta shankle magna chislic minim beef. Ground round adipisicing landjaeger, short loin frankfurter beef ribs beef magna tempor. Ham sausage chicken proident turducken. Ut minim cupim duis dolore bacon. Mollit swine biltong eiusmod adipisicing ex.
Cillum elit sint tail et meatloaf ground round in minim. Landjaeger burgdoggen cupim, short loin pig sint anim nostrud et swine porchetta. Elit corned beef eiusmod, tempor dolore t-bone frankfurter. Sausage swine sint porchetta, pork pancetta buffalo. Fatback sed frankfurter dolore. Pork meatloaf alcatra spare ribs.
[attr="class","prism-meta"]
[attr="class","prism-notes"]this is a note long enough to go multiple lines
[attr="class","prism-tags"]@spark
[googlefont="Assistant:400,700"][googlefont="PT Serif:400,700"]
[newclass=".prismatic"]margin:15px auto;width:max-content;max-width:594px;text-align:right;position:relative;--seriftype:'PT Serif',serif;--bgcolor:#f8f8f8;--outerborder:white; --accent1:rgb(177 187 117); --accent1rgb:177,187,117; --tallimg: url(https://i.ibb.co/Kh8nD62/image.png);--bannerimg:url(https://i.imgur.com/tQKyepo.png);[/newclass]
[newclass=".prismatic a.credits"]font:700 7px/10px'Roboto',sans-serif;letter-spacing:.8px;text-decoration:none;text-transform:uppercase;[/newclass]
[newclass=".prismatic-border"]padding:8px;background:var(--outerborder);box-shadow:0px 0px 40px rgb(0,0,0,0.1);color:#333;text-align:left;font:400 13px/1.4em'Assistant',sans-serif;[/newclass]
[newclass=".prismatic-inner"]display:grid;grid-template-columns:190px 390px;[/newclass]
[newclass=".prismcol-img"]background:var(--bgcolor);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;[/newclass]
[newclass=".prism-imgbg:after"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:var(--tallimg) center center / cover;filter:saturate(1.5) blur(2px) brightness(1.5);opacity:.05;z-index:0;[/newclass]
[newclass=".prism-imgbg:before"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(120deg,rgb(var(--accent1rgb),.75),rgb(var(--accent1rgb),0) 60%,rgb(var(--accent1rgb),0) 80%,rgb(var(--accent1rgb),.75));mix-blend-mode:color-burn;opacity:.5;z-index:10;[/newclass]
[newclass=".prism-imgbox"]width:100px;height:250px;background:var(--tallimg) center center / cover;filter:saturate(1.75) contrast(.8) brightness(1.05);opacity:.9;z-index:20;[/newclass]
[newclass=".prismcol-body"]background:var(--bgcolor);padding:40px 45px 20px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between;[/newclass]
[newclass=".prism-textbox"]padding-right:20px;[/newclass]
[newclass=".prism-vertimg .prism-textbox"]max-height:500px;overflow:auto;[/newclass]
[newclass=".prismatic br"]content:'';display:block;height:.425em;[/newclass]
[newclass=".prismatic i"]opacity:.75;[/newclass]
[newclass=".prismatic b"]color:var(--accent1);font-family:var(--seriftype);opacity:1;[/newclass]
[newclass=".prism-meta"]display:flex;align-items:center;margin-top: 1.25em;justify-content: space-between;flex-wrap: wrap;[/newclass]
[newclass=".prism-notes"]margin-right:9px;font:12px/1.4em'Assistant';letter-spacing:.3px; flex-basis: 50%; flex-grow: 1;[/newclass]
[newclass=".prism-notes::before"]content:'notes | ';text-transform:uppercase;font:bold 10px var(--seriftype);letter-spacing:1px;color:var(--accent1);[/newclass]
[newclass=".prism-tags"]display: inline-flex;flex-wrap: nowrap;max-width: calc(100% - 20px);padding: 8px 0;overflow-x: auto;[/newclass]
[newclass=.prism-tags > span]display: flex;align-items: center;margin-right: 8px;background: rgb(var(--accent1rgb), .05);padding: 0 16px;height: 40px;text-transform: uppercase;font: bold 10px var(--seriftype);letter-spacing: 1px;color: inherit;text-decoration: none;[/newclass]
[newclass=.prism-tags a]text-transform: inherit;font: inherit;letter-spacing: inherit;color: inherit;text-decoration: inherit;[/newclass]
[newclass=.prism-tags > span:last-child]margin-right: 0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar"]width:3px !important; height: 1px !important; background:rgb(var(--accent1rgb),0) !important;border:0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar-thumb"]background:rgb(var(--accent1rgb),.1) !important;border:0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar-track"]background:var(--bgcolor) !important;border:0;[/newclass]
For large quote layout; removable if not using
[newclass=.prism-bquote .prismatic-inner]grid-template-columns: 195px 385px;[/newclass]
[newclass=".prismcol-quote"]background:var(--bgcolor); padding: 41px 2px 0 25px; font:bold italic 21px/1.2em var(--seriftype);color:rgb(var(--accent1rgb),.5);text-align:right;[/newclass]
[newclass=".prismcol-quote+.prismcol-body"]padding-left:25px; [/newclass]
[newclass=".prismh2::before"]content:'\201C';display:block;width:0;margin-top:-10px;margin-left:-16px;overflow:visible;float:left;font-size:64px;line-height:1em;opacity:.25;color:#888;[/newclass]
For single column layout; removable if not using
[newclass=".prism-one .prismatic-inner"]display:block;max-width:450px;[/newclass]
[newclass=".prism-one.prismatic-border"]padding:4px;[/newclass]
[newclass=".prism-oneheader"]position:relative;background:var(--bgcolor);padding:25px 35px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;[/newclass]
[newclass=".prism-oneheader span"]font:bold 11px/1.5em var(--seriftype);text-transform:uppercase;letter-spacing:1px;color:rgba(0,0,0,1);color:rgb(var(--accent1rgb),.5);z-index:50;color:rgb(0,0,0,.15);text-shadow:0px 0px 1px rgba(var(--accent1rgb),.5);[/newclass]
[newclass=".prism-oneheader span br"]content: ''; display: block; height: 0[/newclass]
[newclass=".prism-oneheader.prism-imgbg::after"]--tallimg:var(--bannerimg);opacity:.2;filter:saturate(1.5) blur(2px) brightness(1.1);[/newclass]
[newclass=".prism-oneheader.prism-imgbg::before"]opacity:.25;[/newclass]
[newclass=".prism-onebody"]background:var(--bgcolor);padding:40px 45px 20px;[/newclass]
[newclass=".prism-onebody:not(:first-child)"]padding-top:30px;[/newclass]
[newclass=".prismatic img"]object-fit:cover;width:90px;height:90px;filter:saturate(1.75) contrast(.9) brightness(1.05);opacity:.85;float:left;margin:5px 14px 5px 0;[/newclass]
[newclass=".prismatic"]margin:15px auto;width:max-content;max-width:594px;text-align:right;position:relative;--seriftype:'PT Serif',serif;--bgcolor:#f8f8f8;--outerborder:white; --accent1:rgb(177 187 117); --accent1rgb:177,187,117; --tallimg: url(https://i.ibb.co/Kh8nD62/image.png);--bannerimg:url(https://i.imgur.com/tQKyepo.png);[/newclass]
[newclass=".prismatic a.credits"]font:700 7px/10px'Roboto',sans-serif;letter-spacing:.8px;text-decoration:none;text-transform:uppercase;[/newclass]
[newclass=".prismatic-border"]padding:8px;background:var(--outerborder);box-shadow:0px 0px 40px rgb(0,0,0,0.1);color:#333;text-align:left;font:400 13px/1.4em'Assistant',sans-serif;[/newclass]
[newclass=".prismatic-inner"]display:grid;grid-template-columns:190px 390px;[/newclass]
[newclass=".prismcol-img"]background:var(--bgcolor);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;[/newclass]
[newclass=".prism-imgbg:after"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:var(--tallimg) center center / cover;filter:saturate(1.5) blur(2px) brightness(1.5);opacity:.05;z-index:0;[/newclass]
[newclass=".prism-imgbg:before"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(120deg,rgb(var(--accent1rgb),.75),rgb(var(--accent1rgb),0) 60%,rgb(var(--accent1rgb),0) 80%,rgb(var(--accent1rgb),.75));mix-blend-mode:color-burn;opacity:.5;z-index:10;[/newclass]
[newclass=".prism-imgbox"]width:100px;height:250px;background:var(--tallimg) center center / cover;filter:saturate(1.75) contrast(.8) brightness(1.05);opacity:.9;z-index:20;[/newclass]
[newclass=".prismcol-body"]background:var(--bgcolor);padding:40px 45px 20px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between;[/newclass]
[newclass=".prism-textbox"]padding-right:20px;[/newclass]
[newclass=".prism-vertimg .prism-textbox"]max-height:500px;overflow:auto;[/newclass]
[newclass=".prismatic br"]content:'';display:block;height:.425em;[/newclass]
[newclass=".prismatic i"]opacity:.75;[/newclass]
[newclass=".prismatic b"]color:var(--accent1);font-family:var(--seriftype);opacity:1;[/newclass]
[newclass=".prism-meta"]display:flex;align-items:center;margin-top: 1.25em;justify-content: space-between;flex-wrap: wrap;[/newclass]
[newclass=".prism-notes"]margin-right:9px;font:12px/1.4em'Assistant';letter-spacing:.3px; flex-basis: 50%; flex-grow: 1;[/newclass]
[newclass=".prism-notes::before"]content:'notes | ';text-transform:uppercase;font:bold 10px var(--seriftype);letter-spacing:1px;color:var(--accent1);[/newclass]
[newclass=".prism-tags"]display: inline-flex;flex-wrap: nowrap;max-width: calc(100% - 20px);padding: 8px 0;overflow-x: auto;[/newclass]
[newclass=.prism-tags > span]display: flex;align-items: center;margin-right: 8px;background: rgb(var(--accent1rgb), .05);padding: 0 16px;height: 40px;text-transform: uppercase;font: bold 10px var(--seriftype);letter-spacing: 1px;color: inherit;text-decoration: none;[/newclass]
[newclass=.prism-tags a]text-transform: inherit;font: inherit;letter-spacing: inherit;color: inherit;text-decoration: inherit;[/newclass]
[newclass=.prism-tags > span:last-child]margin-right: 0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar"]width:3px !important; height: 1px !important; background:rgb(var(--accent1rgb),0) !important;border:0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar-thumb"]background:rgb(var(--accent1rgb),.1) !important;border:0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar-track"]background:var(--bgcolor) !important;border:0;[/newclass]
For large quote layout; removable if not using
[newclass=.prism-bquote .prismatic-inner]grid-template-columns: 195px 385px;[/newclass]
[newclass=".prismcol-quote"]background:var(--bgcolor); padding: 41px 2px 0 25px; font:bold italic 21px/1.2em var(--seriftype);color:rgb(var(--accent1rgb),.5);text-align:right;[/newclass]
[newclass=".prismcol-quote+.prismcol-body"]padding-left:25px; [/newclass]
[newclass=".prismh2::before"]content:'\201C';display:block;width:0;margin-top:-10px;margin-left:-16px;overflow:visible;float:left;font-size:64px;line-height:1em;opacity:.25;color:#888;[/newclass]
For single column layout; removable if not using
[newclass=".prism-one .prismatic-inner"]display:block;max-width:450px;[/newclass]
[newclass=".prism-one.prismatic-border"]padding:4px;[/newclass]
[newclass=".prism-oneheader"]position:relative;background:var(--bgcolor);padding:25px 35px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;[/newclass]
[newclass=".prism-oneheader span"]font:bold 11px/1.5em var(--seriftype);text-transform:uppercase;letter-spacing:1px;color:rgba(0,0,0,1);color:rgb(var(--accent1rgb),.5);z-index:50;color:rgb(0,0,0,.15);text-shadow:0px 0px 1px rgba(var(--accent1rgb),.5);[/newclass]
[newclass=".prism-oneheader span br"]content: ''; display: block; height: 0[/newclass]
[newclass=".prism-oneheader.prism-imgbg::after"]--tallimg:var(--bannerimg);opacity:.2;filter:saturate(1.5) blur(2px) brightness(1.1);[/newclass]
[newclass=".prism-oneheader.prism-imgbg::before"]opacity:.25;[/newclass]
[newclass=".prism-onebody"]background:var(--bgcolor);padding:40px 45px 20px;[/newclass]
[newclass=".prism-onebody:not(:first-child)"]padding-top:30px;[/newclass]
[newclass=".prismatic img"]object-fit:cover;width:90px;height:90px;filter:saturate(1.75) contrast(.9) brightness(1.05);opacity:.85;float:left;margin:5px 14px 5px 0;[/newclass]