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 bitchies101
bitchies101
When your crush is in the room and your best friends start to tease you, making it totally obvious.
older »
When your crush is in the room and your best friends start to tease you, making it totally obvious.
older »
float: left;
}
.right-column {
width: 360px;
margin: 0 0 30px;
float: right;
}
#header {
width: 100%;
margin: 20px 0 30px;
padding: 0 0 16px;
float: left;
display: block;
background: url(http://static.tumblr.com/l3dtuf9/kORkzr0jv/hr.gif) repeat-x bottom left;
}
#title {
max-width: 260px;
margin: 0 20px 0 0;
float: left;
}
#header h1 {
font-size: 26px;
line-height: 26px;
font-weight: bold;
}
#header h1 a {
color: #525252;
}
#header h1 a:active {
top: 1px;
position: relative;
}
#nav {
width: 550px;
margin: 3px 0 0;
float: left;
overflow: hidden;
line-height: 12px;
}
#nav ul {
margin: 0 0 0 -2px;
}
#nav ul li,
#nav ul li.active a,
#nav ul li.active a span,
.button,
.button a,
.button a span,
.back,
.back a,
.back a span,
ul.tags li,
ul.tags li a,
ul.tags li a span {
background-image: url(http://static.tumblr.com/l3dtuf9/bgFkzr0k9/buttons.png);
}
#nav ul li {
height: 25px;
margin: 0 0 0 -2px;
padding: 0 0 0 3px;
float: left;
overflow: hidden;
font-size: 14px;
font-weight: 800;
background-repeat: no-repeat;
background-position: left 2px;
vertical-align: baseline;
}
#nav ul li.active {
z-index: 10;
position: relative;
background-position: 100% -77px;
background-repeat: no-repeat;
}
#nav ul li a {
height: 25px;
color: #686868;
display: block;
position: relative;
-webkit-transition: color 0.2s ease-in;
}
#nav ul li a:hover {
color: #3e9ad4;
}
#nav ul li.active a {
background-position: 0px -51px;
background-repeat: no-repeat;
color: #fff;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
}
#nav ul li a span {
max-width: 200px;
height: 25px;
margin: 0 10px;
padding: 0 0 7px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 24px;
position: relative;
float: left;
}
#nav ul li.active a span {
background-repeat: repeat-x;
background-position: left -25px;
}
.button,
ul.tags li {
height: 25px;
margin: 0 0 0 -2px;
padding: 0 0 0 3px;
float: left;
overflow: hidden;
font-size: 14px;
font-weight: 800;
background-repeat: no-repeat;
vertical-align: baseline;
z-index: 10;
position: relative;
background-position: 100% -155px;
background-repeat: no-repeat;
}
.button a,
ul.tags li a {
height: 25px;
color: #686868;
display: block;
position: relative;
background-position: 0px -129px;
background-repeat: no-repeat;
color: #fff;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
}
.button a span,
ul.tags li a span {
max-width: 200px;
height: 25px;
margin: 0 10px;
padding: 0 0 7px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 24px;
position: relative;
float: left;
background-repeat: repeat-x;
background-position: left -103px;
}
.back {
background-position: 100% -234px;
}
.back a {
background-position: 0px -208px;
}
.back a span {
margin: 0 5px 0 18px;
padding-left: 10px;
background-position: left -182px;
}
#content ul.tags li {
font-family: "HelveticaNeue-Regular", 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
margin: 0 5px 0 0;
text-transform: uppercase;
background-position: 100% -312px;
}
#content ul.tags li:active,
.button:active {
top: 1px;
position: relative;
}
ul.tags li a {
color: #fff;
background-position: 0px -286px;
}
ul.tags li:active {
position: relative;
top: 1px;
}
ul.tags li a span {
background-position: left -260px;
}
#content ul.tags li a,
#content .back a {
color: #fff;
text-decoration: none;
}
#content ul.tags li:active,
#content .back:active {
top: 1px;
position: relative;
}
#intro {
width: 100%;
margin: 20px 0;
padding: 0 0 16px;
float: left;
display: block;
text-align: center;
}
#intro h2 {
font-size: 40px;
line-height: 44px;
margin: 0 0 10px;
}
#intro p {
font-style: italic;
}
#projects-container {
width: 100%;
float: left;
display: block;
overflow: hidden;
background: url(http://static.tumblr.com/l3dtuf9/qYXkzr0kp/highlight.png) repeat-y top center;
}
#projects {
width: 981px;
margin: 0 auto;
}
#projects ul li {
width: 281px;
height: 260px;
margin: 0 23px;
padding: 0 0 50px;
float: left;
font-size: 13px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
background: url(http://static.tumblr.com/l3dtuf9/scekzr0ln/img_bg_280.png) no-repeat 0 0;
}
#projects ul li a {
color: #525252;
-webkit-transition: all 0.15s ease-in;
}
#projects ul li a:hover {
color: #3e9ad4;
}
#projects ul li .img-wrap {
width: 270px;
height: 218px;
margin: 5px 0px 10px 5px;
overflow: hidden;
float: left;
position: relative;
opacity: 0.95;
-webkit-transition: opacity 0.15s ease-in;
}
#projects ul li .img-wrap:hover {
opacity: 1;
}
#projects ul li .img-wrap img {
display: block;
opacity: 1;
position: absolute;
left: 0%;
top: 0%;
}
#projects ul li span.project-title {
width: 280px;
height: 25px;
overflow: hidden;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
}
.img-wrap-360 {
width: 350px;
height: 218px;
overflow: hidden;
float: left;
margin: 0 0 10px;
padding: 5px 6px 14px;
opacity: 0.95;
background: url(http://static.tumblr.com/l3dtuf9/3uekzr0ly/img_bg_360.png) no-repeat 0 0;
-webkit-transition: opacity 0.2s ease-in;
}
#banner {
width: 100%;
clear: both;
float: left;
}
.img-wrap-fullsize {
margin: 0 0 35px;
float: left;
border-left: 1px solid #bebebe;
border-right: 1px solid #bebebe;
border-bottom: 1px solid #838383;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.img-wrap-fullsize img {
padding: 5px;
display: block;
background: #fff;
}
#tag-header {
margin: 0 0 30px;
}
#content {
width: 100%;
margin: 10px 0;
padding: 0 0 16px;
float: left;
display: block;
}
#content p {
line-height: 22px;
}
#content h1 {
margin: 0 0 15px;
}
h1#page-title {
text-transform: uppercase;
}
#footer {
width: 100%;
padding: 10px 0 16px;
float: left;
background: url(http://static.tumblr.com/l3dtuf9/kORkzr0jv/hr.gif) repeat-x top left;
}
#footer h2 {
float: left;
margin: 0 10px 0 0;
}
.hr {
width: 100%;
height: 7px;
margin: 0 0 10px;
display: block;
float: left;
background: url(http://static.tumblr.com/l3dtuf9/0mskzr0mw/hr_4px.png) no-repeat 0 0;
}
.hr hr {
display: none;
}
.right {
float: right;
}
.left {
float: left;
}
