This is just the Test Blog:
This blog is so that you can see examples of my tutorials. To see the actual tutorials click on the link under DIY(Do It Yourself) for each object or go to my blog [here].
Showing posts with label blockquotes. Show all posts
Showing posts with label blockquotes. Show all posts

Sunday, April 10, 2011

Blockquotes

DIY--[here].

.lyrics {
width: 330px;
background-color:#f4f4f4;
padding:15px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 230px;
margin-right: 230px;
text-align: center;
color:#d94b51;
font-size:90%;
}
.lyrics:first-line {
font-size: 20px;
font-family: century gothic;
font-style: italic;
}

.blockquote-2 {
background-color:#ffffff;
padding: 15px;
margin-left: 0px;
margin-right: 0px;
border:2px solid #d4d4d4;
color:#d94b51;
font-size:90%;
}

.blockquote-3 {
background-image:url(http://i.imgur.com/DUj7n.jpg);
background-position: 0% 0%;
background-attachment:fixed;
border:2px solid #d4d4d4;
padding:15px;
margin-left:0px;
margin-right:0px;
color:#d94b51;
font-size:110%;
text-transform: none;
}

.blockquote-4 {
background-color:#f4f4f4;
border-left:3px dotted #d94b51;
padding:15px;
margin-left:0px;
margin-right:0px;
color:#d94b51;
font-size:100%;
text-transform: none;
}

.blockquote-5 {
background-color:#ffffff;
padding:3px;
margin-left:30px;
margin-right:3px;
border-bottom:3px solid #d4d4d4;
color:#d94b51;
font-size:120%;
text-transform: none;
}

.code {
background-color:#f4f4f4;
padding:15px;
margin-left:30px;
margin-right:3px;
border:1px dashed #d94b51;
color: #d94b51;
font-family: Courier, Century Gothic, Verdana, Arial, System;
font-size: 100%;
}