User:Titodutta/DesignBank

Here is a list of designs I like to use in some messages, essays, barnstars etc. Note, the code is often altered in message. I use these quickly copy paste:

Old
 Header  A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. 

 Header  A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. 

 Header  A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. 

 Header  A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. 

 Header  A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. 

 Header <div style="align: left; padding: 1em; border: solid 2px teal; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

New
<div style="text-align: center; padding: 1em; border: solid 2px #8A3324; background-color: #8A3324; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0;"> Header <div style="align: left; padding: 1em; border: solid 2px #8A3324; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

<div style="text-align: center; padding: 1em; border: solid 2px #960018; background-color: #960018; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0;"> Header <div style="align: left; padding: 1em; border: solid 2px #960018; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

<div style="text-align: center; padding: 1em; border: solid 2px #FF0800; background-color: #FF0800; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0;"> Header <div style="align: left; padding: 1em; border: solid 2px #FF0800; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

<div style="text-align: center; padding: 1em; border: solid 2px #7B3F00; background-color: #7B3F00; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0;"> Header <div style="align: left; padding: 1em; border: solid 2px #7B3F00; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

<div style="text-align: center; padding: 1em; border: solid 2px #7F1734; background-color: #7F1734; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0;"> Header <div style="align: left; padding: 1em; border: solid 2px #7F1734; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

<div style="text-align: center; padding: 1em; border: solid 2px #007BA7; background-color: #007BA7; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0;"> Header <div style="align: left; padding: 1em; border: solid 2px #007BA7; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

<div style="text-align: center; padding: 1em; border: solid 2px #C04000; background-color: #C04000; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0;"> Header <div style="align: left; padding: 1em; border: solid 2px #C04000; background-color: white; -moz-border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px;"> A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. <br style="clear: both"/>

General border
<h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word

<h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word

<h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word <h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold; color:white;">SV Word