write a reply

lumi tries (to code on proboards)

options
quote
lumi tries (to code on proboards) written Feb 1, 2022 22:10:56 GMT
aliaslumi
pronounsshe/her
105written posts
lumiearned bits
offlinecurrently
lumi
Full Member
lumi Avatar
:aiya:
[nospaces]

[newclass=".lumi-rules"]background: #FBFBFB; padding: 20px; border-radius: 20px; box-shadow: 2px 2px 10px #DDD; width: 400px; min-height: 200px; box-sizing: border-box; position: relative; margin: 0px auto; overflow: hidden;[/newclass]
[nospaces]

[newclass=".lumi-rules-diamond"]height: 60px; width: 60px; padding: 8px; transform: rotate(45deg); margin: -20px 80px 0px -20px; z-index: 5; position: relative; background: #FBFBFB; box-shadow: 2px 2px 10px #E7E7E7; border: 1px solid #CCC; padding: 10px;[/newclass]
[newclass=".lumi-rules-diamond-img"]background: #FBFBFB; width: 60px; height: 60px; background-size: cover!important;[/newclass]

[newclass=".lumi-rules-topbar"]width: 360px; display: flex; justify-content: flex-start;[/newclass]
[newclass=".lumi-rules-quotespace"]display: block; font: 800 30px/100% playfair display; letter-spacing: -1px; color: #606060; width: 386px; font-style: italic; padding: 25px 15px 15px 15px; text-align: right;[/newclass]
[newclass=".lumi-rules-quotespace b"]display: block; text-align: left; font-size: 40px; color: #836EBC; float: right; padding: 10px;[/newclass]
[newclass=".lumi-rules-quotespace i"]font: 700 12px/20px raleway; text-transform: uppercase; letter-spacing: 1px; text-align: right; display: block;[/newclass]
[newclass=".lumi-textspace a"]background: #836EBC; text-transform: uppercase; white-space: nowrap; color: #FBFBFB; font: 700 11px/100% raleway; text-decoration: none; padding: 4px 8px 4px 8px; borde-radius: 4px;[/newclass]
[newclass=".lumi-textspace"]padding: 5px 10px 5px 10px; margin: -15px 20px 20px 15px; font: 400 12.5px/170% montserrat; letter-spacing: .2px; text-align: justify; display: block; color: #606060; border-left: 10px solid #F0F0F0;[/newclass]
[newclass=".lumi-textspace b"]color: #836EBC; font: 700 14px/170% raleway; letter-spacing: .5px;[/newclass]
[newclass=".lumi-textspace i"]color: #707070; font: 500 14px/170% raleway; letter-spacing: .5px; font-style: italic;[/newclass]
[newclass=".lumi-textspace li"]margin: 10px 0px 10px 0px;[/newclass]


[googlefont=Montserrat:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic|Playfair+Display:400,500,600,700,800,900,400italic,500italic,600italic,700italic,800italic,900italic|Raleway:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic]

[attr="class","lumi-rules"]
[attr="class","lumi-rules-topbar"]
[attr="class","lumi-rules-diamond"]
[attr="class","lumi-rules-diamond-img"]

[attr="class","lumi-rules-quotespace"]화 火hwaa[break] threading



[attr="class","lumi-textspace"]
  • this template uses a 100px icon (resizable).
  • There are variables at the top of the style tags for ease of color swapping. Simply replace the hex code!
  • For a Jcink version, please visit THIS LINK.
  • Post here if you're using my code please! Do not alter or remove my credit.




last edit on Feb 1, 2022 22:52:10 GMT by lumi
Reply