First Letter CSS Copy Codes

This is a contribution to the tutorial I wrote on First Letter CSS. Here are a few copy codes for you to use on your website. You can use these both personally and commercially. You may not redistribute my exact works. You may build upon/edit and redistribute your own codes. The images displayed are not to be redistributed.

p:first-letter {
color: #0b3c4c; /* This is the color of the letter */
background: #1a8bb2; /* This is the background color of the letter */
-webkit-border-radius: 10px; /* This is the border radius */
-moz-border-radius: 10px; /* This is the border radius */
border-radius: 10px;  /* This is the border radius */
display: block;
font-family: georgia; /* This is the font */
font-size: 36px; /* This is the font size */
font-weight: bold; /* This makes the font bold */
line-height: 100%; /* This is the amount of space between lines of text */
padding-left: 5px; /* This is the space from the left of the letter */
padding-right: 6px; /* This is the space from the right of the letter */
}

p:first-letter {
color: #0b3c4c; /* This is the color of the letter */
background: #1a8bb2; /* This is the background color of the letter */
-webkit-border-radius: 25px; /* This is the border radius */
-moz-border-radius: 25px; /* This is the border radius */
border-radius: 25px;  /* This is the border radius */
display: block;
font-family: georgia; /* This is the font */
font-size: 36px; /* This is the font size */
font-weight: bold; /* This makes the font bold */
line-height: 100%; /* This is the amount of space between lines of text */
padding-left: 5px; /* This is the space from the left of the letter */
padding-right: 6px; /* This is the space from the right of the letter */
}

color: #0b3c4c; /* This is the color of the letter */
background: -webkit-gradient(linear, left top, left bottom, from(#4dc5ee), to(#1a8bb2)); /* This is the gradient background */
background: -moz-linear-gradient(top,  #4dc5ee,  #1a8bb2); /* This is the gradient background */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dc5ee', endColorstr='#1a8bb2'); /* This is the gradient background */
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
display: block;
font-family: georgia; /* This is the font */
font-size: 36px; /* This is the font size */
font-weight: bold; /* This makes the font bold */
line-height: 100%; /* This is the amount of space between lines of text */
padding-left: 5px; /* This is the space from the left of the letter */
padding-right: 6px; /* This is the space from the right of the letter */

p:first-letter {
color: #0b3c4c; /* This is the color of the letter */
display: block;
font-family: georgia; /* This is the font */
font-size: 42px; /* This is the font size */
font-weight: bold; /* This makes the font bold */
line-height: 100%; /* This is the amount of space between lines of text */
}

p:first-letter {
color: #0b3c4c; /* This is the color of the letter */
background: #1a8bb2; /* This is the background color of the letter */
border: 1px solid #0b3c4c; /* This is the border */
display: block;
font-family: georgia; /* This is the font */
font-size: 36px; /* This is the font size */
font-weight: bold; /* This makes the font bold */
line-height: 100%; /* This is the amount of space between lines of text */
padding-left: 5px; /* This is the space from the left of the letter */
padding-right: 6px; /* This is the space from the right of the letter */
}