Ok, I actually found a way to customize it. Made a few changes to the upprev_layout.css file. This is what the code looks like now.
#upprev_box {
position:fixed;
z-index:1000;
bottom:0px;
right:-400px;
width: 360px;
padding: 10px 20px 10px 10px;
border-top: 2px solid #000;
border-left: 1px solid #f0f0f0;
background-color: #fff;
-moz-box-shadow: 0 4px 10px #666;
-webkit-box-shadow: 0 4px 10px #666;
box-shadow: 0 4px 10px #666;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
_position: absolute;
_top: 0;
color: #004276;
font-size: 12px;
font-weight: bold;
font-family: "Helvetica Neue", "Lucida Grande",
Verdana, Arial, sans-serif;
}
#upprev_box h6 {
margin:0 0 5px 0;
color: #004276;
padding:0;
text-transform: uppercase;
font: bold 10px arial,helvetica,sans-serif;
}
#upprev_box .num {
color:#888;
font-weight:normal;
}
#upprev_box button {
border: none;
padding: 0;
position: absolute;
top: 5px;
right: 5px;
width: 13px;
height: 13px;
background: #fff url('close_window.gif') no-repeat 0 0;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}
I don’t know much about CSS so obviously, the above code needs more, because the box is still not the way I’d like it to be. I mean the main link isn’t dark blue. Also, I wanna align the text towards the left of the box.
