Solid Background, Image Timeline

/*-------------- Solid Background, Image Timeline
code: vuvuzela@dreamwidth

---------------------------------------------------*/

body, #plurk-dashboard .dash-segment h2, .karma_hover {

/* Set universal font */
font-family: SETFONT;
font-size:FONTSIZE;
}

/* Set background */
#timeline_holder {
background:url('IMG URL') no-repeat;
background-color: COLOR1; /* Background Color */
background-position:x y;
/* X - replace with "left", "right", or "center" */
/* Y - replace with "top", "middle", or "bottom" */
/* TOP is recommended for Y value. You can also use percentages, pixel values, and negative values to move the image into specific spots. */
}

body, #updater, #updater .text, #updater a, .unread_generic a, .new .response_count,.friend_man.private_plurk,.day_bg .div_inner,#filter_tab a.off_tab,#filter_tab a.filter_selected,.plurk_box .caption,.plurk_box .mini_form,.plurk_box .info_box,.friend_man.add_friend, .friend_man.add_follow{

/* Set background color */
background: COLOR2; }

.bottom_start, .bottom_end, #time_show span,  .unread_generic, .response_count, #pane_plurk, textarea#input_big, textarea#input_permalink, #pane_plurk .display_name, #dash-profile, p#about_me, p#relationship_container, #dash-stats, #dash-friends, #dash-fans, #plurk-dashboard a {
color: COLOR2;
}

.bottom_start, #plurk-dashboard h2,p#about_me a {
color: COLOR2!important;
}

body, #updater, #updater .text, #updater a, .unread_generic a, .new .response_count,.day_bg .div_inner,#filter_tab a.off_tab,#filter_tab a.filter_selected,.plurk_box .caption,.plurk_box .mini_form,.plurk_box .info_box{

color:COLOR1;
}

#pane_plurk, #dash-profile, p#about_me, p#relationship_container, #dash-stats, #dash-friends, #dash-fans {

background:COLOR1;
}

/* End color set up */





/* DO NOT EDIT AFTER THIS POINT. If you're familiar with code, obviously go ahead, but it's just a mess of things that helps clean up your layout to look a little nicer */
/*-- Base --*/
html, body {
overflow-x:hidden;
}

#timeline_holder {
border:0px;
overflow-x:hidden;
padding:0px;
}

/* Remove creature */
#dynamic_logo img{
height:0px;
width:0px;
}


/*-- Today and Time of Plurks --*/
#bottom_line {
background:transparent;
border:0;
height:15px;
padding:-3px;

}

/*-- Time on Bottom Line --*/
.bottom_start, .bottom_end {
font-weight:400;
font-size:10px!important;
text-transform:lowercase;
letter-spacing:.5px;
}

/*-- Time tab --*/
#time_show span {
font-size:10px!important;
font-weight:0;
text-transform:lowercase;
margin-top: 0px;
}

.evening, .night, .day, .morning {
background:transparent;
border:0;
}



/*-- Day marker --*/
.day_bg .div_inner {
width:5px;
height:10px;
font-size:8px;
border:0;
margin:0px 0 -14px -4px;
}


/*-- Tabs on the bottom --*/
#filter_tab a.off_tab {
font-size:10px;
text-transform:lowercase;
border:0 !important;
margin-top:5px!important;
}

#filter_tab a.off_tab:hover {
border:0 !important;
text-decoration:none;
text-transform:capitalize;
}

#filter_tab a.filter_selected {
border: 0px solid !important;
margin-top:5px!important;
}


.unread_generic {
background:none;
font-size:10px;
margin-left:1px;
}

/*-- Updater --*/
#updater {
border: 0px solid !important;
margin-top: 1px !important;
}

#updater .text, #updater a {
text-align:center!important;
border:0;
font-weight: none;
text-transform: lowercase;
}

#update_sepa {
filter: alpha (opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
}

/*-- response besides plurk --*/
.response_count {
background:transparent;
padding:2px;
}
.new .response_count {
border: 0px solid #000;
}




/*-- Edit, Like, Mute, or Delete Plurk --*/
.manager {
font-size:10px!important;
text-transform: lowercase;
}

.manager .action {
color:#5c5c5c;
margin-left:5px;
}

.manager a:hover {
text-decoration: none!important;}

.manager .cancel {
color:#ff0000;
margin-right:5px;
}

.manager .delete {
color: #ff0000;
margin-right:5px;
}
.unmute { color:lightgray!important;}

/*-- Image beside plurk --*/
.p_img {
border:0px!important;
margin-right:4px;
}
.p_img img {
border:0px;
}

/*-- Plurk Name --*/
a.name {
font-size:10px;
text-decoration:none!important;
}

/*-- Plurks --*/

.plurk_box .plurk {}
.plurk_box .caption, .plurk_box .info_box {
font-size:8px;
border:0px;
padding: 0 20px 0 20px;
}

.plurk_box .plurk_cnt {
background:white!important;
filter: alpha (opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.plurk_box .list {
height: 300px!important;
}

.plurk_box .list, .plurk_box .mini_form, .plurk_cnt {
border: 0px!important;
}

.plurk_box .mini_form {
border:0px!important;
}
























/*- Plurk form -*/
#pane_plurk {
border:0px;
}

textarea#input_big, textarea#input_permalink {
background:none;
border:0px;
}

.plurkaction{background:none;clear:both;padding:8px;border:0px;}

#more_options .on, #more_options #more_options_holder {
border:0; background: transparent; box-shadow:none;}

#option_tab {
margin:0 auto!important;
}

/*Private Plurks, Language and Options*/
#more_options .on, #more_options #more_options_holder {
background: transparent;
font-size:10px;
border:0; }

#more_options_link {
width: 100%!important;
background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px;
border:0;  outline:none; position:relative;

}
#more_options .on{
background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px;
border:0;
}
.holder {
width:100%;
}
/*-- Plurk Dashboard --*/
#plurk-dashboard {
width:100%;
background: transparent;
border:0;;
}

#plurk-dashboard h2 {
background:none;
font-size:36px!important;
line-height:30px;
}

#dash-profile {
margin-top:5px;
}

#dash-profile, p#about_me, p#relationship_container, #dash-stats, #dash-friends, #dash-fans {
padding:8px;
}
#dash-profile {
text-align:center;
}

.dash-segment img.profile-pic {
border:0px;
text-align:center;
margin-top:4px;
}


#friend_holder table {
text-align:center!important;
padding:8px;
}

.friend_holder td {
margin:0px;
padding:6px;
}

#friend_holder img {
text-align:center!important;
text-decoration:none;
}

#plurk-dashboard .dash-segment #dash-friends-pics .user_link {
border:0px  solid!important;
text-decoration:none;
}