Post by Saint Judas on Sept 27, 2024 1:44:48 GMT -5
[nospaces][googlefont=Poppins:500,600,700]
[attr="class","lateBloomer"]
Civilian
Fang Jiao-Long
In Progress
[attr="class","lateIcon"]
Featured Characters
[attr="class","lateFeatured"]
Archives
featured quote
[newclass=".lateBloomer"]width:650px;border:10px solid #eee;background:#fff;padding:5px;margin:20px auto 0 auto;outline:1px solid #ddd;-webkit-box-shadow:inset 0px 0px 0px 1px #ddd;-moz-box-shadow:inset 0px 0px 0px 1px #ddd;box-shadow:inset 0px 0px 0px 1px #ddd;--main:#675aa4;font-size:0;[/newclass]
[newclass=".lateBloomer h1"]margin:0px;height:110px;background:var(--main);border:1px solid rgba(0,0,0,0.5);text-transform:uppercase;overflow:hidden;padding:0 10px;font:600 105px/150px 'poppins', sans-serif;letter-spacing:-5px;color:rgba(255,255,255,0.1);position:relative;white-space:nowrap;[/newclass]
[newclass=".lateBloomer h1 b"]position:absolute;bottom:0px;left:10px;font:600 30pt/30px 'poppins', sans-serif;color:#eee;letter-spacing:0;text-shadow: -1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2)[/newclass]
[newclass=".lateBloomer h2"]display:flex;height:40px;background:#eee;border:1px solid #ccc;box-sizing:border-box;align-items:center;justify-content:flex-end;font:700 9pt/40px 'poppins', sans-serif;color:#555;margin:0;padding:0 15px;border-top:0;text-transform:uppercase[/newclass]
[newclass=".lateBloomer h2:nth-of-type(2)"]justify-content:flex-start[/newclass]
[newclass=".lateList, .lateFeatured, .archives"]padding:20px;background:#f8f8f8;border:1px solid #ddd;box-sizing:border-box;border-top:0;text-align:left;[/newclass]
[newclass=".lateList"]display:inline-block;width:calc(100% - 180px);height:180px;[/newclass]
[newclass=".lateList div"]height:140px;padding-right:10px;overflow-y:auto;text-align:left;[/newclass]
[newclass=".lateList div::-webkit-scrollbar"]width:8px[/newclass]
[newclass=".lateList div::-webkit-scrollbar-thumb"]background:var(--main);border-radius:2px;[/newclass]
[newclass=".lateList a, .archives a"]height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;font:8pt/45px 'poppins', sans-serif;text-decoration:none;padding:0 10px;background:#fff;text-transform:lowercase;-webkit-box-shadow:inset 0px 0px 0px 1px #ddd;-moz-box-shadow:inset 0px 0px 0px 1px #ddd;box-shadow:inset 0px 0px 0px 1px #ddd;margin:0 8px 8px 0;color:var(--main);border-bottom:3px solid var(--main);[/newclass]
[newclass=".lateList:nth-of-type(4)"]width:100% !important;text-align:auto; !important;[/newclass]
[newclass=".lateIcon"]display:inline-flex;vertical-align:top;height:180px;width:180px;background:#e0e0e0 !important;align-items:center;justify-content:center;border:1px solid #ccc;border-left-width:0.5px;border-top:0;box-sizing:border-box;[/newclass]
[newclass=".lateIcon img"]width:120px;height:120px;box-sizing:border-box;object-fill:cover;background:#aaa;padding:1px;border:10px solid #fff;-webkit-box-shadow:0px 0px 0px 1px #ccc;-moz-box-shadow:0px 0px 0px 1px #ccc;box-shadow:0px 0px 0px 1px #ccc;[/newclass]
[newclass=".lateFeatured"]text-align:center !important[/newclass]
[newclass=".lateFeatured img"]width:100px;height:100px;border:10px solid #eee;background:#fff;padding:5px;margin:20px auto 0 auto;outline:1px solid #ddd;-webkit-box-shadow:inset 0px 0px 0px 1px #ddd;-moz-box-shadow:inset 0px 0px 0px 1px #ddd;box-shadow:inset 0px 0px 0px 1px #ddd;margin:5px 9px;box-sizing:border-box;object-fill:cover;[/newclass]
[newclass=".archives"]transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;height:80px;overflow:hidden;
[/newclass]
[newclass=".archives div"]height:100px !important;text-align:left !important;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;padding-right:10px;overflow-y:auto;text-align:justify;[/newclass]
[newclass=".archives:hover"]height:150px;[/newclass]
[newclass=".archives div::-webkit-scrollbar"]width:8px;[/newclass]
[newclass=".archives div::-webkit-scrollbar-thumb"]background:var(--main);border-radius:2px;[/newclass]
[newclass=".lateQuote"]background:var(--main);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;font:500 8pt 'poppins', sans-serif;color:rgba(255,255,255,0.9);padding:25px 35px 20px 35px;text-align:justify;position:relative;[/newclass]
[newclass=".lateQuote a"]padding:10px 15px;background:rgba(0,0,0,0.8);margin-top:10px;text-decoration:none;color:#aaa;border-radius:2px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;position:relative;z-index:2;font:500 8pt 'poppins', sans-serif;[/newclass]
[newclass=".lateQuote img"]position:absolute;z-index:1;left:0;width:100%;height:100%;object-fill:cover;opacity:0.2;[/newclass]
[newclass=".lateQuote a:hover"]color:#eee;[/newclass]
[newclass=".lateQuote span"]position:relative;z-index:2[/newclass]
[newclass=".Tcredits"]width: 520px;margin: 5px auto 20px auto;text-align: right;[/newclass]
[newclass=".Tcredits a"]font: 500 7pt 'poppins', sans-serif;text-transform: lowercase;color: #aaa;[/newclass]
{Posting Template}
[nospaces]
[div][attr="id","panedglass"]
[div][attr="class","planedglass-main"]
[div][attr="class","glassleft"]
[div][attr="class","glasslyrics"][div]
honey don't you cry [break] The absence of the light. Even the Sun must rest his weary eyes So let the night wrap stars around you Weigh the anchor And sail into the night's joy
[/div][/div]
[img src="https://i.ibb.co/9gkHzrP/image.png" style="max-width:100%;"]
[div][attr="class","colorfield-1"] [/div]
[div][attr="class","colorfield-2"] [/div]
[div][attr="class","colorfield-3"] [/div]
[/div]
[div][attr="class","glassright"][div][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]
[b]This is bolded.[/b][break]
[i]This is italic.[/i] [break]
[a href=""]This is a link.[/a][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.
[hr]
[a href=""]tagged[/a] – A note here
[/div][/div][/div]
[a href="http://pixel-perfect.boards.net/user/2465"][attr="class","credits"]made by gimmick[/a][/div]
[div style="font-size:0;line-height:0;"]
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,600,700"]
[newclass=#panedglass] margin: 20px auto; position: relative; width: min-content; --accentRGB: 65,105,225; --accent: rgb(65,105,225); [/newclass]
[newclass=#panedglass .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/18px 'Hind'; color: #333; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass 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 .glassleft] width: 200px; border-right: 5px solid #ddd; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass .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:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass .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 .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 .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:hover .colorfield-3] opacity: 1; [/newclass]
[newclass=#panedglass .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 .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:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass .glassright] padding: 0; position: relative; z-index: 5; background: #f0f0f0; padding: 25px 0 0 25px; width: 440px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass .glass-h1] font: 300 24px/32px 'Poppins'; color: var(--accent); letter-spacing: 1px; text-transform: uppercase; margin: 0 0 3px; [/newclass]
[newclass=#panedglass b] font-weight: 600; [/newclass]
[newclass=#panedglass hr] margin: 15px 0; border: 0; height: 2px; background: #ddd; width: 100%; [/newclass]
[newclass=#panedglass br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), 1); transition: .25s ease; [/newclass]
[newclass=#panedglass a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass ::-webkit-scrollbar-track] background: #f0f0f0; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass ::-webkit-scrollbar-thumb]background: #ddd; border-radius: 2px; border: 0 !important [/newclass]
[/div]
