Sept 10, 2024 21:27:17 GMT
Post by Marie Descartes on Sept 10, 2024 21:27:17 GMT
[nospaces]
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,700"]
[newclass=#panedglass-d] margin: 20px auto; position: relative; width: min-content; --accentRGB: 202,169,250; --accent: rgb(202,169,250); [/newclass]
[newclass=#panedglass-d .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/19px 'Hind'; letter-spacing: .1px; color: #898989; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass-d a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass-d .glassleft] width: 200px; border-right: 5px solid #121212; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass-d .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass-d .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass-d .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass-d .colorfield-3] width: 400px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .colorfield-3] opacity: .85; [/newclass]
[newclass=#panedglass-d .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass-d .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass-d .glassright] padding: 0; position: relative; z-index: 5; background: #222; padding: 25px 0 0 25px; width: 340px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass-d .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass-d b] font-weight: 700; letter-spacing: .2px; [/newclass]
[newclass=#panedglass-d hr] margin: 15px 0; border: 0; height: 2px; background: #444; width: 100%; [/newclass]
[newclass=#panedglass-d br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass-d a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), .65); transition: .25s ease; [/newclass]
[newclass=#panedglass-d a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-track] background: #222; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .65);
border-radius: 2px; border: 0 !important [/newclass]
[attr="id","panedglass-d"]
[attr="class","credits"]made by gimmick
[attr="class","planedglass-main"]
[attr="class","glassleft"]
[attr="class","glasslyrics"]
And it would be so much easier to love you [break][break]
If you could only see yourself like me [break]
And wouldn't it hurt much less when you were lonely [break]
If you could only see yourself like me?
And it would be so much easier to love you [break][break]
If you could only see yourself like me [break]
And wouldn't it hurt much less when you were lonely [break]
If you could only see yourself like me?
[attr="class","colorfield-1"]
[attr="class","colorfield-2"]
[attr="class","colorfield-3"]
[attr="class","glassright"]
[attr="class","glassscroll"]
Bacon ipsum dolor amet meatloaf salami fatback, brisket tenderloin leberkas chislic. Chuck ham strip steak, filet mignon frankfurter short loin cupim pastrami pork loin ham hock short ribs brisket jerky. Boudin brisket landjaeger short ribs cow, kielbasa jowl. Drumstick cow swine salami pork belly bresaola frankfurter venison kielbasa. Ball tip pork chop filet mignon leberkas chislic strip steak.[break][break] [break][break]
This is bolded.[break]
This is italic. [break]
This is a link.[break][break]
Turkey leberkas short ribs kielbasa shankle salami. Turkey prosciutto pork chop fatback tri-tip t-bone meatball porchetta short ribs pancetta capicola ham flank. T-bone meatball pork loin shoulder, drumstick short ribs boudin shank. Shank tongue strip steak turkey landjaeger sirloin hamburger flank shoulder.Cupidatat ex jowl pork loin tri-tip officia, sint ribeye alcatra dolore irure. Chuck excepteur cupim, filet mignon nostrud bresaola salami consequat. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. [break][break]
Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. Tongue shoulder jerky spare ribs pork chop corned beef ribeye shank strip steak. Shankle bacon ham hock pork loin picanha. Porchetta leberkas landjaeger ball tip alcatra brisket spare ribs ribeye kielbasa picanha ham hock biltong. Prosciutto pork loin strip steak hamburger chicken, meatloaf buffalo filet mignon jowl boudin. Alcatra pancetta picanha cupim chicken meatloaf swine ham hock tongue boudin strip steak chislic buffalo tri-tip.
tagged – A note here
Bacon ipsum dolor amet meatloaf salami fatback, brisket tenderloin leberkas chislic. Chuck ham strip steak, filet mignon frankfurter short loin cupim pastrami pork loin ham hock short ribs brisket jerky. Boudin brisket landjaeger short ribs cow, kielbasa jowl. Drumstick cow swine salami pork belly bresaola frankfurter venison kielbasa. Ball tip pork chop filet mignon leberkas chislic strip steak.[break][break] [break][break]
This is bolded.[break]
This is italic. [break]
This is a link.[break][break]
Turkey leberkas short ribs kielbasa shankle salami. Turkey prosciutto pork chop fatback tri-tip t-bone meatball porchetta short ribs pancetta capicola ham flank. T-bone meatball pork loin shoulder, drumstick short ribs boudin shank. Shank tongue strip steak turkey landjaeger sirloin hamburger flank shoulder.Cupidatat ex jowl pork loin tri-tip officia, sint ribeye alcatra dolore irure. Chuck excepteur cupim, filet mignon nostrud bresaola salami consequat. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. [break][break]
Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. Tongue shoulder jerky spare ribs pork chop corned beef ribeye shank strip steak. Shankle bacon ham hock pork loin picanha. Porchetta leberkas landjaeger ball tip alcatra brisket spare ribs ribeye kielbasa picanha ham hock biltong. Prosciutto pork loin strip steak hamburger chicken, meatloaf buffalo filet mignon jowl boudin. Alcatra pancetta picanha cupim chicken meatloaf swine ham hock tongue boudin strip steak chislic buffalo tri-tip.
tagged – A note here
[attr="class","credits"]made by gimmick
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,700"]
[newclass=#panedglass-d] margin: 20px auto; position: relative; width: min-content; --accentRGB: 202,169,250; --accent: rgb(202,169,250); [/newclass]
[newclass=#panedglass-d .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/19px 'Hind'; letter-spacing: .1px; color: #898989; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass-d a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass-d .glassleft] width: 200px; border-right: 5px solid #121212; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass-d .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass-d .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass-d .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass-d .colorfield-3] width: 400px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .colorfield-3] opacity: .85; [/newclass]
[newclass=#panedglass-d .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass-d .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass-d .glassright] padding: 0; position: relative; z-index: 5; background: #222; padding: 25px 0 0 25px; width: 340px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass-d .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass-d b] font-weight: 700; letter-spacing: .2px; [/newclass]
[newclass=#panedglass-d hr] margin: 15px 0; border: 0; height: 2px; background: #444; width: 100%; [/newclass]
[newclass=#panedglass-d br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass-d a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), .65); transition: .25s ease; [/newclass]
[newclass=#panedglass-d a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-track] background: #222; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .65);
border-radius: 2px; border: 0 !important [/newclass]