gold
familiar Familiarcelestina, the hippogryph
played by OOC Nameq
|
Post by hyale nephelaid on Feb 16, 2022 15:48:04 GMT -7
[nospaces] [attr="class","tsukiakari"] [attr="class","tsukiakari-edge1"] [attr="class","tsukiakari-edge2"] [attr="class","tsukiakari-top"] somniloquy dreams hyale's development[attr="class","tsukiakari-inner"] [attr="class","tsukiakari-image"]  [googlefont=Hind|Poppins:400,800|Playfair Display]
[newclass=.tsukiakari]width: 608px;margin: 35px auto;color: #93a0a6;--tsukiakari1: #373b44;--tsukiakari12: #4286f4;}.tsukiakari-edge1 {background: linear-gradient(to top, var(--tsukiakari1), var(--tsukiakari12));}.tsukiakari-edge2 {background: rgba(29, 29, 44, 0.5);padding: 25px;background-image: url(https://www.transparenttextures.com/patterns/60-lines.png);}.tsukiakari-top {padding: 60px 0px 60px 60px;font: 800 30px Poppins;line-height: 40px;text-transform: uppercase;background: #24243e;background: center / contain url(https://i.ibb.co/JsYR8Cq/mem-search-bg.png), #24243e;}.tsukiakari-top div {margin: -5px 25px -5px -5px;float: left;height: 78px;width: 78px;background: linear-gradient(to bottom right,var(--tsukiakari1),var(--tsukiakari12));border-radius: 100%;font-size: 35px;color: #5e5e5e;display: flex;justify-content: center;align-items: center;}.tsukiakari-top img {width: 58px;height: 58px;border-radius: 100%;filter: grayscale(40%) contrast(80%);}.tsukiakari-inner {position: relative;background: rgba(29, 29, 44, 0.9);padding: 45px;font: 13px Hind;line-height: 22px;letter-spacing: 0.3px;text-align: justify;}.tsukiakari-inner h1 {font: 900 37px Playfair Display;line-height: 35px;letter-spacing: 0px;text-transform: uppercase;margin: 0px 0px 30px 0px;}.tsukiakari-inner h3 {font: 800 13px Playfair Display;letter-spacing: 3px;text-transform: uppercase;margin: -15px 0px 30px 0px;text-align: right;}.tsukiakari-inner h3:before {content: "";display: inline-block;background-color: var(--tsukiakari12);height: 1px;width: 30px;margin-right: 20px;margin-left: 3px;border-bottom: solid 4px #24243e;}.tsukiakari-inner b {color: var(--tsukiakari12);}.tsukiakari-inner h2 {font: 800 13px Poppins;line-height: 75px;letter-spacing: 3px;text-transform: uppercase;margin: 0px;}.tsukiakari-top h2 {font: bold 20px Playfair Display;line-height: 15px;color: #aaaaaa;font-style: italic;letter-spacing: 3px;text-transform: lowercase;margin-top: 5px;margin-bottom: 0px;}.tsukiakari-top h2:before {background-color:var(--tsukiakari12);content: "";display: inline-block;height: 1px;width: 30px;margin-right: 20px;margin-left: 3px;border-bottom: solid 5px #24243e;}.tsukiakari-image img {width: 435px;margin: 0px;border-radius: 3px;mix-blend-mode: lighten;filter: grayscale(50%) contrast(110%);padding: 14px 14px 10px 14px;border: solid 1px #373b44;margin-bottom: 25px;}.tsukiakari-image img:last-child {margin-bottom: 0px;}.tsukiakari-icons {display: flex;flex-wrap: wrap;gap: 20px;}.tsukiakari-icons div {height: 100px;width: 100px;padding: 20px;border: solid 1px var(--tsukiakari1);border-radius: 3px;}.tsukiakari-icons img {height: 100px;width: 100px;mix-blend-mode: lighten;filter: grayscale(50%) contrast(110%);[/newclass] |
|
gold
familiar Familiarcelestina, the hippogryph
played by OOC Nameq
|
Post by hyale nephelaid on Apr 17, 2022 18:50:31 GMT -7
[nospaces] [attr="class","tsukiakari"] [attr="class","tsukiakari-edge1"] [attr="class","tsukiakari-edge2"] [attr="class","tsukiakari-top"] somniloquy dreams hyale's development[attr="class","tsukiakari-inner"] [attr="class","tsukiakari-image"]  [break] [attr="class","tsukiakari-icons"] [break] [attr="class","tsukiakari-image"]  [break] [attr="class","tsukiakari-icons"] [googlefont=Hind|Poppins:400,800|Playfair Display]
[newclass=.tsukiakari]width: 608px;margin: 35px auto;color: #93a0a6;--tsukiakari1: #373b44;--tsukiakari12: #4286f4;}.tsukiakari-edge1 {background: linear-gradient(to top, var(--tsukiakari1), var(--tsukiakari12));}.tsukiakari-edge2 {background: rgba(29, 29, 44, 0.5);padding: 25px;background-image: url(https://www.transparenttextures.com/patterns/60-lines.png);}.tsukiakari-top {padding: 60px 0px 60px 60px;font: 800 30px Poppins;line-height: 40px;text-transform: uppercase;background: #24243e;background: center / contain url(https://i.ibb.co/JsYR8Cq/mem-search-bg.png), #24243e;}.tsukiakari-top div {margin: -5px 25px -5px -5px;float: left;height: 78px;width: 78px;background: linear-gradient(to bottom right,var(--tsukiakari1),var(--tsukiakari12));border-radius: 100%;font-size: 35px;color: #5e5e5e;display: flex;justify-content: center;align-items: center;}.tsukiakari-top img {width: 58px;height: 58px;border-radius: 100%;filter: grayscale(40%) contrast(80%);}.tsukiakari-inner {position: relative;background: rgba(29, 29, 44, 0.9);padding: 45px;font: 13px Hind;line-height: 22px;letter-spacing: 0.3px;text-align: justify;}.tsukiakari-inner h1 {font: 900 37px Playfair Display;line-height: 35px;letter-spacing: 0px;text-transform: uppercase;margin: 0px 0px 30px 0px;}.tsukiakari-inner h3 {font: 800 13px Playfair Display;letter-spacing: 3px;text-transform: uppercase;margin: -15px 0px 30px 0px;text-align: right;}.tsukiakari-inner h3:before {content: "";display: inline-block;background-color: var(--tsukiakari12);height: 1px;width: 30px;margin-right: 20px;margin-left: 3px;border-bottom: solid 4px #24243e;}.tsukiakari-inner b {color: var(--tsukiakari12);}.tsukiakari-inner h2 {font: 800 13px Poppins;line-height: 75px;letter-spacing: 3px;text-transform: uppercase;margin: 0px;}.tsukiakari-top h2 {font: bold 20px Playfair Display;line-height: 15px;color: #aaaaaa;font-style: italic;letter-spacing: 3px;text-transform: lowercase;margin-top: 5px;margin-bottom: 0px;}.tsukiakari-top h2:before {content: "";display: inline-block;background-color:var(--tsukiakari12);height: 1px;width: 30px;margin-right: 20px;margin-left: 3px;border-bottom: solid 5px #24243e;}.tsukiakari-image img {width: 435px;margin: 0px;border-radius: 3px;mix-blend-mode: lighten;filter: grayscale(50%) contrast(110%);padding: 14px 14px 10px 14px;border: solid 1px #373b44;margin-bottom: 25px;}.tsukiakari-image img:last-child {margin-bottom: 0px;}.tsukiakari-icons {display: flex;flex-wrap: wrap;gap: 20px;}.tsukiakari-icons div {height: 100px;width: 100px;padding: 20px;border: solid 1px var(--tsukiakari1);border-radius: 3px;}.tsukiakari-icons img {height: 100px;width: 100px;mix-blend-mode: lighten;filter: grayscale(50%) contrast(110%);[/newclass] |
|
