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

balloon boy

“Sometimes, if you aren't sure about something, you just have to jump off and grow your wings on the way down.” -adapted from Daniel Steel

CSS Code

/* Main Body */
/* By V, http://vhasablog.wordpress.com/plurk-layout */
/* please stop by and say hello :) */
/* i am available to code and create a customized layout for you */
/* plurk me at sothenvsays */

body, html {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/balloonb2.png) top center repeat-x #000;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #d2d8d8;
}

/* top line with times */

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

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

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

#top_bar a {
color:#f0dfc5;
}

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

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

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

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

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

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

/* timeline */
#timeline_holder {
background: none!important; border-top: none!important;
}

#timeline_bg .day_bg .div_inner {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/ballonb_day.png) no-repeat bottom center; border: none; width: 100px;
}

.p_img {
border: solid 1px #793e21;
}

div.holder {
background: #000!important; color:#f0dfc5!important;
}

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

/* bottom line with times */
#bottom_line {
background: none!important;
border-top: none!important;
border-bottom: 1px solid #793e21!important;
opacity:.9; filter:alpha(opacity=.90);
}

#time_show span{
background: none!important;
background-image:none!important;
width: 60px!important;
color:#f0dfc5;
font-weight:bold;
font-size:12px;
border: none!important;
opacity:.9; filter:alpha(opacity=.90);
}

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

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

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

#div_loading {
background-position: 25%;
}

/* filter tabs */
#filter_tab {
margin-bottom: 10px!important;
opacity:.9; filter:alpha(opacity=.90);
}
#filter_tab .off_tab {
background: #000!important;
color: #793e21;
border: none!important;
}

#filter_tab .off_tab:hover {
background: #000!important;
color: #ffa051!important;
text-decoration:none;
border:none!important;
}

#filter_tab a.filter_selected {
background: #000;
color: #ffa051;
font-weight: normal;
border: none!important;
}

#filter_tab a.filter_selected:hover {
background:#000!important;
color: #f0dfc5!important;
font-weight: normal;
text-decoration: none;
border:none!important;
}

/* timeline plurk box mods */

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

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

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

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

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

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

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

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

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

#input_small {
height: 75px;
}

.response_count {
background:#962d12!important;
color: #fff!important;
font-size:11px;
padding:0 0.25em;
opacity:.9; filter:alpha(opacity=.9);

}

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

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

#updater {
background:#8f3b12;
color: #ccc!important;
border: 1px solid #962d12!important;
opacity:.9; filter:alpha(opacity=.9);
}

#updater .text {
color:#000;
}

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

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

/* dashboard */

#dashboard_holder{
padding-top: 10px;
}
/* Plurk form with text input and privacy options */
/* NEWNESS */
#plurk_form{
background: none!important;
color: #f0dfc5;
border: none!important;
opacity:.9;
filter:alpha(opacity=.9);
}

#toggle_tab {
background: none!important;
color: #f0dfc5;
border: none!important;
opacity:.9;
filter:alpha(opacity=.9);
}
/*unselected tab*/
#toggle_tab li{
background: #000;
color: #be6749;
border: none!important;
margin-right: 3px!important;
margin-left: 3px!important;
}

#toggle_tab li:hover{
background: #000!important;
color: #f0dfc5!important;
text-decoration:none;
border: none!important;
}

.tt_selected{
background-image: none!important;
background-color: #000!important;
color: #ffa051!important;
border: none!important;
margin-right: 3px!important;
margin-left: 3px!important;
}

.plurkaction.pane {
background: #000;
color: #f0dfc5;
border: none!important;
}

input#current_query {
color:#5d210f!important;
background-color: #ecc777;
border-bottom: 1px solid #4e3a2f!important;
border-left: 1px solid #4e3a2f!important;
border-right: 1px solid #4e3a2f!important;
border-top: 1px solid #4e3a2f!important;
opacity:.9; filter:alpha(opacity=.9);
}

input.orange-but{
background: #ad4b1a!important;
color: #fff!important;
border-bottom: 1px solid #4e3a2f!important;
border-left: 1px solid #4e3a2f!important;
border-right: 1px solid #4e3a2f!important;
border-top: 1px solid #4e3a2f!important;
}

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

.q_says{
color: #f0dfc5!important;
background-color:#ad4b1a;
border-right:1px solid #4e3a2f;
border-bottom:1px solid #4e3a2f;
padding-bottom: 2px;
}

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

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

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

#input_big.content, .multi-line {
color:#5d210f!important;
background-color: #ecc777;
border-bottom: 1px solid #4e3a2f!important;
border-left: 1px solid #4e3a2f!important;
border-right: 1px solid #4e3a2f!important;
border-top: 1px solid #4e3a2f!important;
opacity:.9; filter:alpha(opacity=.9);
}

#more_options {
background: #000!important; color: #ffaa6d!important;
}

#more_options_holder {
background: #000!important; color: #fff!important;
}

#more_options_link {
background-image: none!important;
}
#more_options_link.off {
background: #ecc777!important; color: #000!important;
}
#more_options_link:hover {
color:#691800!important
}

#more_options .on {
background: #ecc777!important; color:#000!important;
}

#more_options .on:hover {;
color:#691800!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, #footer {
color: #f0dfc5;
}

#footer {
color: #ffa247;
}

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

.qualifier, .m_qualifier, .dots.inner, #emoticon_selecter, #updater {
padding-left: 6px;
padding-right: 5px;
border-bottom-color: #4e3a2f;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #4e3a2f;
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/falls_btn.png) no-repeat scroll top left;
height:38px;
width:81px;
}

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

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

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

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

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

.dash-segment .segment-content {
margin: 3px;
min-height: 275px;
border: 3px solid #691800;
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/ballonb_dash1.png) no-repeat bottom #f8b269;
}

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

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

#dash-stats {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/fallstats.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: #000;
}

#dash-friends {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/fallfriends.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 */
a#dashboard-invite {
background: none!important; border: none!important; color:#fff!important; font-weight: normal!important;
}
a#dashboard-invite:hover {
color: #4e3a2f!important;
}
.cmp_invite {
background: transparent url(http://img.photobucket.com/albums/v646/MusicAddict135/balloonshare.png) no-repeat!important;
}

#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;
}

input#loc_field, input.orange-but, input#invite_url.clipboard, input#share_link.clipboard, select#trend_country, select#trend_interval, select, div#auto_ta_holder.auto_ta, input#auto_ta_input.wickEnabled {
color:#fff!important;
background-color: #000;
border-bottom: 1px solid #4e3a2f!important;
border-left: 1px solid #4e3a2f!important;
border-right: 1px solid #4e3a2f!important;
border-top: 1px solid #4e3a2f!important;
opacity:.9; filter:alpha(opacity=.9);
}

#dash-fans h2 {
opacity: 0!important;
filter: alpha(opacity=0)!important;
}
#dash-fans {
background: url(http://img.photobucket.com/albums/v646/MusicAddict135/fallfans.png) no-repeat center top;
}
/* share plurk*/
#sharePlurk{
background: none!important;
border: none!important;
color:#fff;
}
#sharePlurk div{
background: none!important;
border: 0px!important;
border-top-width: 0px!important;
color: #fff;
margin: 0px!important;
padding: 0px!important;
}

.cmp_wj {
background: transparent url(http://img.photobucket.com/albums/v646/MusicAddict135/balloonshare.png)top no-repeat!important;height:40px;
}

Average: 5 (5 votes)

mistake

you see, in the stats, friends and fans box.
i have two 'stats' words in the box, same as the other box.
but in your pict, you only have one 'stats' words same as the other box. any suggestion ?

Recent comments