#wrapper #content .post .footer .date {
width: 67%;
float: left;
color: #000000;
}
#wrapper #content .post .footer .notes {
width: 33%;
float: right;
text-align: right;
color: #666;
}
#wrapper #content .post .footer .notes a {
color: #666;
}
#wrapper #content .post .footer .tags a {
color: #4a4a51;
text-decoration: underline;
}
#wrapper #content .post .footer .tags .tag-commas:last-child {
display: none;
}
#wrapper #content .post a {
color: #6e7173;
text-decoration: none;
}
#wrapper #content .post .copy blockquote {
margin: 10px 0px 10px 10px;
padding-left: 15px;
border-left: solid 4px #dcdcdc;
}
#wrapper #content .post .copy blockquote blockquote {
border-left: solid 4px #cccccc;
}
#wrapper #content .post .copy blockquote blockquote blockquote {
border-left: solid 4px #bcbcbc;
}
#wrapper #content .post .copy blockquote blockquote blockquote blockquote {
border-left: solid 4px #acacac;
}
#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #9c9c9c;
}
#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #8c8c8c;
}
#wrapper #content .bottom {
background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
width: 513px;
height: 40px;
margin: 0 auto;
}
#wrapper #content #navigation {
text-align: right;
padding-bottom: 35px;
text-transform: lowercase;
}
#wrapper #content #navigation a {
background-color: #fff;
color: #000000;
padding: 5px 10px;
text-decoration: none;
margin-left: 25px;
}
#wrapper #content #navigation a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}
#wrapper #content #navigation.jump_pagination {}
#wrapper #content #navigation.jump_pagination a {
margin: 0 0 0 4px;
}
#wrapper #content #navigation.jump_pagination .current_page {
color: #fff;
background-color: rgba(255,255,255, 0.1);
border: 2px solid #fff;
padding: 3px 8px;
margin: 0 0 0 4px;
cursor: default;
}
#wrapper #content #navigation.jump_pagination .jump_page {}
#wrapper #content .post .notecontainer {
background: #eaeaea;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;
font-size: 11px;
color: #666;
margin-top: 10px;
margin-bottom: -10px;
}
#wrapper #content .post .notecontainer a {
color: #666;
text-decoration: underline;
}
#wrapper #content .post .notecontainer ol.notes {
padding: 0px 0 10px 0;
list-style-type: none;
font-size: 11px;
}
#wrapper #content .post .notecontainer ol.notes li.note {
padding: 10px 10px 0 10px;
}
#wrapper #content .post .notecontainer ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
#wrapper #content .post .notecontainer ol.notes li.note span.action {
font-weight: normal;
}
#wrapper #content .post .notecontainer ol.notes li.note .answer_content {
font-weight: normal;
}
#wrapper #content .post .notecontainer ol.notes li.note blockquote {
border-left: 2px solid #666;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
#wrapper #content .post .notecontainer ol.notes li.note blockquote a {
text-decoration: none;
}
#wrapper #content #searchresults {
color: #fff;
margin: 0 0 15px 0;
text-shadow: #2f2f2f 1px 3px 5px;
font-family: arial, 'helvetica neue', helvetica, sans-serif;
font-size: 20px;
}
#wrapper #content #searchresults .search_query {
font-weight: bold;
}
#wrapper #content #searchresults .search_query:before {
content:'“';
}
#wrapper #content #searchresults .search_query:after {
content:'”';
}
#wrapper #sidebar {
width: 250px;
float: right;
color: #202020;
font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif
}
#wrapper #sidebar a {
color: #2aafbb;
}
#wrapper #sidebar #top {
background: #fff;
padding: 0 20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#wrapper #sidebar #top #avatar {
width: 146px;
height: 146px;
padding: 8px 0 0 9px;
background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent;
position: relative;
top: -24px;
left: -5px;
}
#wrapper #sidebar #top #pages {
margin-bottom: 15px;
font-size: 12px;
}
#wrapper #sidebar #top #pages.ask_and_submit {
display: none;
display: block;
display: block;
}
#wrapper #sidebar #top #pages a.page {
display: block;
float: left;
background-color: #e4e4e4;
color: #a1a1a1;
padding: 4px 5px;
margin: 0 5px 5px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#wrapper #sidebar #top #pages a.page:last-child {
margin-right: 0;
}
#wrapper #sidebar #top #pages a.page:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}
#wrapper #sidebar #top #description {
font-size: 11px;
position: relative;
top: -18px;
}
#wrapper #sidebar #top #description a {
color: #999999;
text-decoration: underline;
}
#wrapper #sidebar #top #search {
background: #fff;
border: 1px solid #cccccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#wrapper #sidebar #top #search-scope {
padding-top: 5px;
font-size: 11px;
text-align: center;
}
#wrapper #sidebar #top #search-scope input,
#wrapper #sidebar #top #search-scope label {
cursor: pointer;
}
#wrapper #sidebar #top #search form {
margin: 0;
}
#wrapper #sidebar #top #search form .query {
padding: 5px;
border: none;
background: transparent;
outline: none;
width: 125px;
float: left;
color: #e4e4e4;
}
#wrapper #sidebar #top #search form .submit {
background: #e4e4e4;
color: #999999;
border: none;
padding: 5px 7px;
margin: 3px 3px 2px 0;
float: right;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
#wrapper #sidebar #top #search form .submit:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}
#wrapper #sidebar #top .heading {
color: #fff;
font-family: helvetica, arial, sans-serif;
font-size: 17px;
margin-top: 20px;
padding: 10px;
background-color: #31cdd6;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#wrapper #sidebar #top a .heading {
color: #fff;
text-decoration: none;
}
#wrapper #sidebar #top .heading#followontumblr {
background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-en_us.png') center left no-repeat #31cdd6;
text-indent: -9999px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#wrapper #sidebar #top .heading#followontumblr:hover,
#wrapper #sidebar #top .heading#twitter:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}
#wrapper #sidebar #top .heading#twitter {
background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat #000000;
}
#wrapper #sidebar #top .heading#following {
background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat #000000;
}
#wrapper #sidebar #top .content {
margin-top: 2px;
padding: 7px 10px;
background: #eaeaea;
color: #666;
font-size: 11px;
overflow: hidden;
}
#wrapper #sidebar #top a {
text-decoration: none;
}
#wrapper #sidebar #top #following-avatars.content {
padding: 4px;
}
#wrapper #sidebar #top #following-avatars.content a img {
margin: 5px;
}
#wrapper #sidebar #top #buttons {
padding: 20px 0 0 0;
}
#wrapper #sidebar #top #buttons .button {
width: 35%;
height: 21px;
float: left;
background: left center no-repeat transparent;
padding: 2px 0 0 30px;
font-size: 14px;
}
#wrapper #sidebar #top #buttons a {
color: #999999;
text-decoration: none;
}
#wrapper #sidebar #top #buttons div {
padding-bottom: 10px;
}
#wrapper #sidebar #top #buttons .button#button-rss {
background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
text-transform: capitalize;
}
#wrapper #sidebar #top #buttons .button#button-random {
background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
}
#wrapper #sidebar #top #buttons .button#button-archive {
background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
}
#wrapper #sidebar #top #buttons .button#button-mobile {
background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
}
#wrapper #sidebar #bottom {
background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
width: 250px;
height: 25px;
}
#wrapper #sidebar #copyright {
text-align: center;
color: #090909;
font-size: 8pt;
margin: 5px;
}
#wrapper #sidebar #copyright a {
color: #090909;
margin-left: 15px;
}
Type whatever you want here. To change the width and height, just change the numbers after the width and height. You can also change the border color, border width, font size and font choice. Enjoy :)
Myspace Scroll Boxes
Just open your eyes.
Just open your eyes.
Just open your eyes.
Just open your eyes.
Just open your eyes.