Post by ➶kyries on Apr 24, 2021 2:09:33 GMT
[nospaces]
[googlefont=Barlow:300,400,700,900,500]
[newclass=".light"]--accent: #222; background: #f3f3f3; [/newclass]
[newclass=".wrapper.light"]color: var(--accent); --typeface: 'Barlow'; font-family: var(--typeface); width: 505px; padding: 20px 5px 20px; font-size: 12px; line-height: 15px; font-weight: 400; text-transform: none[/newclass]
[newclass=".wrapper h1"]font: 700 40px/50px var(--typeface)[/newclass]
[newclass=".wrapper a"]color: inherit; font: inherit; text-transform: inherit[/newclass]
[newclass=".wrapper a:hover"]text-decoration: underline[/newclass]
[newclass=".infobar ul"]margin: 0[/newclass]
[newclass=".infobar li"]display: inline; padding-right: 5px; line-height: 1rem[/newclass]
[newclass=".credits a"]padding:3px 0; font-size: 10px; letter-spacing: .8px; font-weight: 400; text-transform: none[/newclass]
[newclass=".main"]display:flex[/newclass]
[newclass=".left"]padding-right: 15px; width: 150px;[/newclass]
[newclass=".icon"]min-width: 150px[/newclass]
[newclass=".section"]border-bottom: 1px solid var(--accent); padding: 13px 0 18px;[/newclass]
[newclass=".section.intro"]padding-top: 0; font-style:italic; font-size: 11px; line-height: 13px[/newclass]
[newclass=".section:last-child"]border-bottom: 0; padding-bottom: 0[/newclass]
[newclass=".wrapper h3"]font:700 15px/18px var(--typeface); margin-bottom: 2px; word-spacing: 3px; letter-spacing: .3px[/newclass]
[newclass=".wrapper h3 span"]font-weight: 300; word-spacing: 2px; padding-left: 2px;[/newclass]
[newclass=".section a"]text-transform: uppercase; font-size: 10px; letter-spacing: 1px[/newclass]
[newclass=".wrapper p"]margin-bottom: 6px; [/newclass]
[newclass=".wrapper p:last-child"]margin-bottom: 0; [/newclass]
[newclass=".section ul"]margin: 6px 0 0 0[/newclass]
[newclass=".section li"]display: block; line-height: 1rem[/newclass]
[newclass=".section li:empty"]display: none[/newclass]
[attr="class","wrapper light"]
DUSTPAW |
[attr="class","main"] [attr="class","col left"] [attr="class","col right"] [attr="class","section intro"]Introductory blurb. Anyone who laughs is a communist! Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain. [attr="class","section"] Friends Colleagues ClientsAnimi, id est laborum et dolorum fuga. Duis aute irure dolor in reprehenderit in voluptate velit. Non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam.
[attr="class","section"] Enemies Victims RivalsQuia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Et harum quidem rerum facilis est et expedita distinctio. Laboris nisi ut aliquip ex ea commodo consequat. Totam rem aperiam. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
[attr="class","section"] Romance ExesNon numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia. Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia.
|
[attr="class","credits"]Made by gimmick |
[googlefont=Barlow:300,400,700,900,500]
[newclass=".light"]--accent: #222; background: #f3f3f3; [/newclass]
[newclass=".wrapper.light"]color: var(--accent); --typeface: 'Barlow'; font-family: var(--typeface); width: 505px; padding: 20px 5px 20px; font-size: 12px; line-height: 15px; font-weight: 400; text-transform: none[/newclass]
[newclass=".wrapper h1"]font: 700 40px/50px var(--typeface)[/newclass]
[newclass=".wrapper a"]color: inherit; font: inherit; text-transform: inherit[/newclass]
[newclass=".wrapper a:hover"]text-decoration: underline[/newclass]
[newclass=".infobar ul"]margin: 0[/newclass]
[newclass=".infobar li"]display: inline; padding-right: 5px; line-height: 1rem[/newclass]
[newclass=".credits a"]padding:3px 0; font-size: 10px; letter-spacing: .8px; font-weight: 400; text-transform: none[/newclass]
[newclass=".main"]display:flex[/newclass]
[newclass=".left"]padding-right: 15px; width: 150px;[/newclass]
[newclass=".icon"]min-width: 150px[/newclass]
[newclass=".section"]border-bottom: 1px solid var(--accent); padding: 13px 0 18px;[/newclass]
[newclass=".section.intro"]padding-top: 0; font-style:italic; font-size: 11px; line-height: 13px[/newclass]
[newclass=".section:last-child"]border-bottom: 0; padding-bottom: 0[/newclass]
[newclass=".wrapper h3"]font:700 15px/18px var(--typeface); margin-bottom: 2px; word-spacing: 3px; letter-spacing: .3px[/newclass]
[newclass=".wrapper h3 span"]font-weight: 300; word-spacing: 2px; padding-left: 2px;[/newclass]
[newclass=".section a"]text-transform: uppercase; font-size: 10px; letter-spacing: 1px[/newclass]
[newclass=".wrapper p"]margin-bottom: 6px; [/newclass]
[newclass=".wrapper p:last-child"]margin-bottom: 0; [/newclass]
[newclass=".section ul"]margin: 6px 0 0 0[/newclass]
[newclass=".section li"]display: block; line-height: 1rem[/newclass]
[newclass=".section li:empty"]display: none[/newclass]