What's A Plurk Template? Login/Register Here Browse Plurk Templates Favorite Plurk Templates
Plurk Templates

(some) things are worth waiting for

We must let go of the life we have planned, so as to accept the one that is waiting for us. -Joseph Campbell

CSS Code

/* Main Body */
/* By V, http://vhasablog.wordpress.com/plurk-layout */

body, html {
background: #000;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
}

/* top line with times */

#page_title {
font-size:16px!important;
color: #999999;
}

#top_login {
background: #171516;
margin: 0px 0px 0px 0px;
padding-right: 10px;
padding-bottom: none!important;
border-bottom: 1px solid #2c2a2b!important;
height: 20px;
}

#top_bar .content, #top_login a {
color:#666666;
}

#top_bar a {
color:#666666;
}

#top_bar .on img{
border-bottom: 2px solid #fdef02!important;
}

#top_login a:hover{
color: #fdef02;
text-transform: normal;
}

#top_bar .content a:hover{
color:#fdef02;
text-transform: normal;
}

#top_bar .content a#edit_link{
background:transparent;
padding-bottom:0px;
color:#ccc;
text-transform: normal;
}

#top_bar .content a:hover#edit_link{
color:#fdef02;
text-transform: normal;
}

#alert_beacon.count {
color:#999!important;
}

/* timeline */
#timeline_holder {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/waitforit.png) repeat-x bottom center #000;
border-top: none!important;
}

#timeline_bg .day_bg .div_inner {
background: #333;
width: 20px;
border: none;
opacity:.5;
filter:alpha(opacity=.5);
}

.p_img {
border: solid 1px #333;
}

div.holder {
background: #171516!important;
color:#777!important;
}

/* hiding the plurk character */
#dynamic_logo {
opacity:0;
filter:alpha(opacity=0);
}

/* hiding the search form */
/* search form is replaced with search tab */
#mini_search form {
opacity:0;
filter:alpha(opacity=0);zoom=1
}

#mini_search form:hover {
opacity:.9;
filter:alpha(opacity=.90)
}
/* end old search form */

/* bottom line with times */
#bottom_line {
background: #171516;
border-top: 1px solid #2c2a2b!important;
border-bottom: 1px solid #2c2a2b!important;
color: #333!important;
}

#time_show span{
background: #171516;
background-image:none!important;
color:#b06616;
font-weight:bold;
font-size:12px;
border-left: 1px solid #2c2a2b!important;
border-top: 1px solid #2c2a2b!important;
border-right: 1px solid #2c2a2b!important;
border-bottom: none!important;
}

.evening,.night,.day,.morning{
background: none!important;
_background: none!important;
border: none!important;
}

.bottom_start , .bottom_end {
color:#666666;
font-weight:bold;
font-size:12px;
}

.day_start .div_bottom, .day_start .bottom_start {
color:#b06616!important;
}

#div_loading {
background-position: 25%;
}

/* filter tabs */
#filter_tab {
margin-bottom: 10px!important;
}
#filter_tab .off_tab {
background: #171516!important;
color: #b06616;
border: 1px solid #2c2a2b!important;
}

#filter_tab .off_tab:hover {
background: #2c2a2b!important;
color: #fdef02!important;
text-decoration:none;
border: 1px solid #2c2a2b!important;
}

#filter_tab a.filter_selected {
background: #2c2a2b;
color: #ccc;
font-weight: normal;
border: 1px solid #2c2a2b!important;
}

#filter_tab a.filter_selected:hover {
background:#2c2a2b!important;
color: #fdef02!important;
font-weight: normal;
text-decoration: none;
border: 1px solid #2c2a2b!important;
}

/* timeline plurk box mods */

.plurk_cnt {
background: #fff!important;
background-color: #fff!important;
border-bottom-color:#171516;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #171516;
border-right-style: solid;
border-right-width: 1px;
opacity:.9;
filter:alpha(opacity=.9);
}

.plurk a.ex_link {
color:#e3c902;
font-weight: bold;
text-decoration: underline;
}

.plurk a.ex_link:hover {
color:#240a05;
font-weight: bold;
text-decoration: underline;
}

.plurk_box .caption {
background: #240a05;
color: #fffbeb;
text-align: center;
border-bottom-width: 1px;
border-right-color: #171516;
border-right-style: solid;
opacity:.9;
filter:alpha(opacity=.9);
}

.plurk_box .list {
background: #fff!important;
color: #240a05;
border-right-color: #171516;
border-right-style: solid;
border-right-width: 1px;
opacity:.9;
filter:alpha(opacity=.9);
}

.info_box {
background: #fff!important;
color: #000;
opacity:.9;
filter:alpha(opacity=.9);
}

.info_box.c_disabled {
opacity:.9;
filter:alpha(opacity=.9);
}

.info_box a {
background: #fff!important;
color: #000!important;
text-decoration: none;
opacity:.9;
filter:alpha(opacity=.9);
}

.mini_form {
border-right-color: #171516!important;
border-right-style: solid;
border-right-width: 1px;
opacity:.9;
filter:alpha(opacity=.9);
}

#input_small {
height: 75px;
}

.response_count {
background:#fcd05e!important;
color: #fffbeb!important;
font-size:10px;
padding:0 0.25em;
opacity:.9;
filter:alpha(opacity=.9);

}

.new .response_count {
background:#fff921!important;
color:#300103!important;
font-size:16px;
padding:0 0.25em;
}

.dots .inner {
color:#000!important;
margin-left: 3px;
border-bottom-color: #171516;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #171516;
border-right-style: solid;
border-right-width: 1px;
opacity:.9;
filter:alpha(opacity=.9);
}

#updater {
background:#666666;
color: #ccc!important;
border: 1px solid #171516;
opacity:.9;
filter:alpha(opacity=.9);
}

#updater a {
color: #171516;
text-decoration: none;
}

#updater a:hover{
color: #fdef02;
text-decoration: none;
}

/* dashboard */

#dashboard_holder{
padding-top: 10px;
}
/* Plurk form with text input and privacy options */
/* NEWNESS */
#plurk_form{
background: none!important;
color: #555555;
border: none!important;
}

#toggle_tab {
background: #000;
color: #555555;
border-top: none!important;
border-right: none!important;
border-left: none!important;
border-bottom: none!;
}
/*unselected tab*/
#toggle_tab li{
background: #171516;
color: #b06616;
border-top: 3px solid #2c2a2b!important;
border-right: 3px solid #2c2a2b;
border-left: 3px solid #2c2a2b;
border-bottom: none!;
margin-right: 3px!important;
margin-left: 3px!important;
}

#toggle_tab li:hover{
background: #2c2a2b!important;
color: #fdef02!important;
text-decoration:none;
border-top: 3px solid #2c2a2b!important;
border-right: 3px solid #2c2a2b;
border-left: 3px solid #2c2a2b;
border-bottom: none!;
}

.tt_selected{
background-image: none!important;
background-color: #171516!important;
color: #555555;
border: 3px solid #2c2a2b!important;
margin-right: 3px!important;
margin-left: 3px!important;
}

.plurkaction.pane {
background: #171516;
color: #555555;
border-top: 3px solid #2c2a2b!important;
border-right: 3px solid #2c2a2b;
border-left: 3px solid #2c2a2b;
border-bottom: 3px solid #2c2a2b;
}

input#current_query, .multi-line, select, input#loc_field, input#share_link.clipboard {
color:#ccc!important;
background-color: #171516!important;
border-bottom-color: #2c2a2b!important;
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color: #2c2a2b!important;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #2c2a2b!important;
border-right-style: solid;
border-right-width: 2px;
border-top-color: #2c2a2b!important;
border-top-style: solid;
border-top-width: 2px;
opacity:.9;
filter:alpha(opacity=.9);
}

input.orange-but{
background: #555!important;
border: 1px solid #2c2a2b!important;
}

/*END NEWNESS*/
.plurkaction {
padding-bottom: 20px!important;
}

.q_says{
color:#fefefe;
background-color:#4a4a4a;
border-right:1px solid #8a4100;
border-bottom:1px solid #8a4100;
}

.char_updater {
background: none;
color: #555555;
}

.char_updater.highlight_light {
background: #171516!important;
color: #333;
font-style: italic;
}

.char_highlight {
background: #171516!important;
padding-left: 2px;
color: #ccc!important;
}

#input_big.content, .multi-line {
color:#ccc!important;
background-color: #171516;
border-bottom-color: #2c2a2b!important;
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color: #2c2a2b!important;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #2c2a2b!important;
border-right-style: solid;
border-right-width: 2px;
border-top-color: #2c2a2b!important;
border-top-style: solid;
border-top-width: 2px;
opacity:.9;
filter:alpha(opacity=.9);
}

#more_options {
background: #171516!important;
color: #555555!important;
}

#more_options_holder {
background: #171516!important;
color: #2c2a2b!important;
border: solid 3px #2c2a2b;
}

#more_options_link.off {
background: #2c2a2b!important;
color: #efeceb!important;
}

#more_options .on {
background: #2c2a2b;
color: #efeceb!important;
}

div.advert {
width: 0px!important;
height:0px!important;
opacity:0!important;
filter:alpha(opacity=0)!important;
}

#dashboard_holder a, #footer a, #errors a, .error a {
color: #ccc;
}

#footer {
color: #555555;
}

#footer a:hover {
color: #fde902;
text-decoration: underline;
}

.qualifier, .m_qualifier, .dots.inner, #emoticon_selecter, #updater {
padding-left: 6px;
padding-right: 5px;
border-bottom-color: #2c2a2b;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #2c2a2b;
border-right-style: solid;
border-right-width: 1px;
opacity:.9;
filter:alpha(opacity=.9);
}

/* replace big plurk button */
.cmp_plurk {
background:transparent url(http://img.photobucket.com/albums/v646/MusicAddict135/waitforit_btn.png) no-repeat scroll top left;
height:38px;
width:81px;
}

/* dashboard */
#karma {
color: #ccc;
}

#plurk-dashboard {
background: none; border: none; color: #ccc;
}

#plurk-dashboard h2 {
color: #ccc;
}

#plurk-dashboard a{
font-size: 11px; color: #2c2a2b; text-decoration:none;
}

#plurk-dashboard a:hover{
color: #fde902; text-decoration:underline;
}

.dash-segment .segment-content {
margin: 3px; min-height: 275px; border: 3px solid #2c2a2b; background: #171516;
}

.dash-segment img.profile-pic {
border:1px solid #2c2a2b;
}

#full_name {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}

#dash-stats {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/waitforitstats.png) no-repeat center top;
min-height: 240px;
}
#dash-stats h2 {
opacity: 0!important;
filter: alpha(opacity=0)!important;
}

.karma_hover {
font-size: 23px;
}

#dash-stats table td {
color: #ccc;
}

#dash-friends {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/waitforitfriends.png) no-repeat center top;
min-height: 240px;
}
#dash-friends h2 {
opacity: 0!important;
filter: alpha(opacity=0)!important;
}
#friend_managment, #fan_managment {
text-align: center;
}

/* hide invite */
a#dashboard-invite,a#mobile-gfx,a#widget-gfx, a#twitter-gfx {
height: 0px!important;
width: 0px!important;
opacity:0!important;
filter:alpha(opacity=0)!important;
}
/*end hide invite */

#dash-stats,#dash-friends,#dash-fans {
margin-top:3px;
}

.friend_holder {
margin-bottom: 4px;
}

.friend_holder table {
margin-left: auto;
margin-right: auto;
}
.friend_holder .user_link{
height:28px!important;width:28px!important;
}

.friend_holder img{
width:28px;
height:28px;
}

#show_all_friends {
text-align: center;
background: none;
height: 30px;
padding-top: 3px;
}

#dash-fans h2 {
opacity: 0!important;
filter: alpha(opacity=0)!important;
}
#dash-fans {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/waitforitfans.png) no-repeat center top;
}
/* hide share */
#sharePlurk {
opacity:0!important;
filter:alpha(opacity=0)!important;
height: 20px!important;
width: 0px!important;
}

Average: 4.9 (8 votes)

New Search Tab

As many of you may have noticed, today Plurk revamped the dashboard, adding a search tab which replaced the old search form on the timeline.
My themes have updated to accommodate this change. Enjoy! :)

Recent comments