Pastie now auto-senses if line-wrap is a bad or good idea. Feedback?
## mark a section (Learn more)
@font-face { src: url('Hawaii_Killer.ttf'); font-family: 'HawaiiKiller'; } .rounded-corners { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .shadow1 { text-shadow: 1px 1px 5px #ffffff; } body { margin: 0; padding: 0; } .quote { text-align: left; width: 210px; margin-left: -10px; font-size: 12pt; } .myFontStyle1 { color: #ffffff; font-family: Helvetica; font-size: 14pt; text-align: center; } .myFontStyle2 { color: #ffffff; font-family: Helvetica; font-size: 14pt; text-align: center; font-size: 10pt; text-align: left; } .myFontStyle3 { font-family: HawaiiKiller; font-size: 40pt; text-align: left; text-shadow: 1px 1px 5px #ffffff; } .panel { position: absolute; right: 2em; top: 2em; width: 200px; height: 400px; padding: 20px; background-color: #ff7d02; color: #ffffff; font-family: Helvetica; font-size: 14pt; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .bar { width: 100%; background-color: #2a2a2a; } .header { width: 100%; background-color: #2a2a2a; height: 5em; color: #ff7d02; } .header .logo { padding: 20px; padding-left: 30px; font-family: HawaiiKiller; font-size: 40pt; text-align: left; text-shadow: 1px 1px 5px #ffffff; } .footer { width: 100%; background-color: #2a2a2a; height: 2.5em; position: absolute; bottom: 0; } .copyright { padding: 10px; color: #ffffff; font-family: Helvetica; font-size: 14pt; text-align: center; font-size: 10pt; text-align: left; }
This paste will be private.
From the Design Piracy series on my blog: