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

Sylar

Proudly present : Sylar Theme... hee..hee..

CSS Code

body, html{
background:#000;
font-family: "Lucida Grande", "Helvetica Neue", Calibri, sans-serif;
}

#timeline_holder{ background: url("http://i36.tinypic.com/2w3p1ee.png") no-repeat bottom center; }

#bottom_line { background: transparent; border:none; } .day_bg .div_inner { background: transparent; border:none; }

/* Hide Plurk logo and creature */
#dynamic_logo { opacity:0;filter:alpha(opacity=0);zoom:1 }

/* Loading Fish Image in Plurk Response */
.list img[src="http://static.plurk.com/static/indicator.gif"] {
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
height: 0px;
width: 0px;
}

.list img[src="http://static.plurk.com/static/indicator.gif"] {
height: 50px;
padding-left: 125px;
background: url(http://i35.tinypic.com/9l94bt.gif) no-repeat scroll center;
}
/* End Loading Fish Image in Plurk Response */

/* Response Caption Bars */
.plurk_box {
-moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
/* End Response Caption Bars */

/* Caption Title Bar */
.plurk_box .caption {
background-color: #540000;
color: #FFFFFF;
-moz-border-radius: 6px 6px 0px 0px;
-khtml-border-radius: 6px 6px 0px 0px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
border-radius: 6px 6px 0px 0px;
}
/* End Caption Title Bar */

/* Lower Response Title */
.info_box {
background-color: #540000;
color: #FFFFFF;
border-right: 1px solid #999999;
-moz-border-radius: 0px 0px 6px 6px;
-khtml-border-radius: 0px 0px 6px 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-radius: 0px 0px 6px 6px;
}
/* End Response Caption Bars */

/* Text Area Input Box */
textarea#input_small {
background: transparent; repeat scroll top left;
}
/* End Text Area Input Box */

/* Response List Rounded Corners */
.list {
-moz-border-radius: 0px 0px 6px 6px;
-khtml-border-radius: 0px 0px 6px 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-radius: 0px 0px 6px 6px;
}
/* End Response List Rounded Corners */

/* Response Text Area */
#input_small {
height: 75px;
}
/* End Response Text Area */

/* Make responses fit within window when scroll bar present */
.list table {
width: 100%;
font-size: 100%
}
/* End Make responses fit within window when scroll bar present */

/* Update box with new plurks and responses */
#updater {
color: #312d22;
background: #540000;transparent; repeat scroll top left;
border-left: 1px transparent #540000;
border-top: 1px transparent #540000;
border-bottom: 2px transparent #540000;
border-right: 2px transparent #540000;
-moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 8px;
font-size: 90%;
}
#updater a:link, #updater b {
color: #ffffff;
}
/* End update box with new plurks and responses */

/* Evening, Night, Day, Morning */
.evening, .night, .day, .morning {
background: #540000 no-repeat scroll 0 0;
}

.evening, .night {
background-position: -65px 0;
}

#time_show span {
color: #ffffff;
}
/* End Evening, Night, Day, Morning */

/* Dashboard Box Background */
.segment-content {
background: transparent url(http://jeffdsummers.com/images/plurk/hd/blacktrans.png); repeat scroll top left;
-moz-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: 8px 6px 8px 6px;
}
/* End Dashboard Box Background */

/* Name, Avatar */
#dash-profile {
color: #FFFFFF;
margin: 0px 5px;
padding: 5px 3px 5px 5px;
}
/* End Name, Avatar */

/* About Me */
p#about_me {
color: #FFFFFF;
text-align: center;
}
/* End About Me */

/* Relationship */
#relationship_container {
color: #ce2b2b;
text-align: center;
padding: 5px 5px 5px 5px;
}
/* End Relationship */

/* Statistics */
#dash-stats {
color: #ce2b2b;
text-align: center;
}

#dash-stats table td {
color: #FFFFFF;
text-align: left;
}
/* End Statistics */

/* Friends */
#dash-friends {
color: #ce2b2b;
text-align: center;
}
/* End Friends */

/* Fans */
#dash-fans {
color: #ce2b2b;
text-align: center;
padding: 5px 5px 11px 3px;
}
/* End Fans */

/* Box Headings */
p#relationship_container b, #plurk-dashboard h2 {
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 0;
text-transform: uppercase;
font-size: 14px;
border-bottom: 1px solid #FF6600;
font-family: Arial, Verdana, san-serif;
background: transparent none repeat scroll 0 0;
}
/* End Box Headings */

/* Top Line with links */
#top_login {
background: #540000 repeat-x scroll center left;
margin: 0px 0px 0px 0px;
padding-right: 10px;
height: 21px;
}

#timeline_holder {
margin-top: 0px;
}
/* End Top Line with links */

/* Page Title at Top of Screen */
#page_title {
color: #FFFFFF;
font-family: georgia, "bas relief", "times new roman", serif;
font-size: 130%;
font-weight: bold;
}
/* End Page Title at Top of Screen */

/* Links in Top Bar */
#top_bar a, #top_login a {
color: #ffffff;
}
/* End Links in Top Bar */

/* Underline on images in top bar */
#top_bar .on img {
border-bottom: 2px solid #000000;
}
/* Underline on images in top bar */

/* Text Hover Color Top Bar */
#top_login a:hover, #top_bar .on {
color: #000000;
}
/* End Text Hover Color Top Bar */

/* Edit Hover Background Color Top Bar */
#top_bar #edit_link:hover {
background: #540000 none repeat scroll 0 0;
color: #540000;
padding-bottom: 2px;
}
/* End Edit Hover Background Color Top Bar */

/* Blue Loading Fish -> Custom Image */ img[src='http://static.plurk.com/static/loading.gif'] { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }

#div_loading {
background-image: url(http://heroeswiki.com/Image:Power13.gif);
background-repeat:no-repeat;
background-position: 50% 60px;
}

div.loading_div {
background-image: url(http://heroeswiki.com/Image:Power13.gif);
background-repeat:no-repeat;
background-position: right center;
}
/* End Blue Loading Fish */

/* Entry Form */
#plurk_form {
background: #000000 url(http://heroeswiki.com/Image:Ew_covers.png) no-repeat scroll top left;
-moz-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
/* End Entry Form */

/* Move Karma Title to Left for Larger Numbers */
#dash-stats h3 {
margin: 20px 0px 10px 10px;
}
/* End Move Karma Title to Left for Larger Numbers */

#footer {
margin: 20px auto 0px auto;
padding-bottom: 20px;
}

Average: 4.5 (4 votes)

Recent comments