vigils

Instructions

Go to the "Customize Profile" tab.
The preview theme was designed around these settings, but you can experiment to find the header bar you like best:
Optional: Install the Plurk Jailbreak chrome plugin! Without this plugin some parts of the default plurk code (e.g. the header) can't be edited and overwritten.
Copy and paste the following into the custom stylesheet box and click "Save and Update":

#timeline_holder {
background: url(http://spoony.valiantknife.org/plurk/gothic/timelinebg.png);
}

#plurker_info h2, #plurk-dashboard h2 {
color: #000 !important;
text-align: center;
background: transparent !important;
font: 32px UnifrakturMaguntia, cursive;
margin-bottom: 10px;
}

/*Hides needless junk*/
#plurk_ads a { overflow: hidden;_overflow: none; }
#plurks_count a, .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down, div #tw_help, div #sharePlurk, #block_user, .dash-icon, #m_or_f, div.adsense, section.adsense, section.adsense h3, div.cbox_adsx, #dashboard-usersearch, #creature, #resp_banner_ads
{
        display : none !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden;_overflow: none;
        position: fixed;
        top: -9000px;
        filter: alpha(opacity=0) !important; opacity: 0 !important; zoom:1;
}

::-moz-selection { background: #e7f0fc; color: #000; text-shadow: none; }
::selection { background: #e7f0fc; color: #000; text-shadow: none; }

.AmiMenu.info_menu {
background: #eee7f8;
border: none;
}
a.openGB {
background: transparent !important;
}

#dynamic_logo {
z-index: -500;
opacity: 0 !important; }

@font-face {
  font-family: 'VT323';
  font-style: normal;
  font-weight: 400;
  src: local('VT323'), local('VT323-Regular'), url(http://themes.googleusercontent.com/static/fonts/vt323/v4/SSPdB6sO_7a9ZMMiCroIGqCWcynf_cDxXwCLxiixG1c.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}
/* latin */
@font-face {
  font-family: 'UnifrakturMaguntia';
  font-style: normal;
  font-weight: 400;
  src: local('UnifrakturMaguntia'), url(http://fonts.gstatic.com/s/unifrakturmaguntia/v7/7KWy3ymCVR_xfAvvcIXm30098FnRF1CugLr3c43yiPT3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.html5 #dashboard_holder #plurk_responses #reply .responses, .html5 #reply #reply_box, .html5 #dashboard_holder #plurker_info #shareUser, background: #fff; {
background: #fff;
border: 0;
}

body {
	background-color: #fff !important;
	background-image: url(http://spoony.valiantknife.org/plurk/gothic/plurkbg.png);
	color #000;
	font: 13px "Bell MT", "Palatino", Georgia, serif;
}

a {
	color: #000;
}

.a_emoticon {
color: #000 !important;
}

#timeline_cnt .display, #timeline_cnt .toggled {
z-index: 9999!important;
}

#dashboard_holder a, #footer a, #top_login a, #errors a, .error a, #top_bar .content, #top_bar a {
	color: #000 !important;
border: 0 !important;
}

#top_bar, #top_bar a {
color: #5e5e5e;
opacity: .8;
}

.dash-segment-profile a {
background: #f6eea0;
}

#top_bar #plurk_logo .logo_img {
height: 30px;
opacity: .6;
}

#top_bar #page_menu #page_title {
color: #000;
font: italic 13px "Bell MT", Baskerville, serif;
background-color: #e7f0fc;
padding: 1px 3px;
}

#dashboard_holder a:hover, #footer a:hover, #top_login a:hover, #errors a:hover, .error a:hover, #top_bar a:hover {
	color: #000;
	background:#fddee0;
}

a.ex_link {
color: #c4a87d;
text-decoration: none;
}

#page_menu {
background: #fff !important;
color: #3856d6;
}

#timeline_holder {
	border-top: none;
	border-bottom: 12px solid #fff;
	margin: 0;
opacity: .8;
}

#bottom_line {
	height: 15px;
	background: #fff;
	border: none;
}

#dynamic_logo {
	margin-left: -10000px;

}

#filter_tab a {
	border: 0 !important;
	font-style: italic;
	text-transform: lowercase;
	padding: 7px !important;
z-index: 3!important;
}

.bottom_line_bg {
	color: #000;
	background: #fff;
}

#filter_tab .off_tab {
	background: #fff;
	color: #000;
}

.cmp_arrow_right {
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/arrowright.png) no-repeat;
width: 82px;
font-size: 1px;
height: 51px;
}

.cmp_plurk {
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/plurk.png) no-repeat !important;
width: 82px;
font-size: 1px;
height: 38px;
margin-right: 10px;
}

.cmp_arrow_left {
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/arrowleft.png) no-repeat;
width: 82px;
font-size: 1px;
height: 51px;
}

.cmp_arrow_right, .cmp_arrow_left, .cmp_back_to_today {
	opacity: 0;
	-webkit-transition: 1s;
	-moz-transition: 1s; 
}

.cmp_arrow_right:hover, .cmp_back_to_today:hover {
	opacity: 1;
}

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

#plurk-dashboard a:hover, #about_me a {
	text-decoration: none !important;
}

#location {
	font-style: italic;
}

#about_me a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
font-family: "Courier New", Courier, monospace;
}

#about_me a {
	text-decoration: none;
}

#plurk-dashboard a {
	text-decoration: none;
}

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

#dash-stats, #dash-friends {
text-align: center;
}

#dashboard_holder {
margin-top: 10px;
opacity: .8 !important;
max-width: 75%;
}

#profile_pic { 
border: 2px solid #e7f0fc !important;
padding: 1px;
max-width: 100%;
}

#dash-fans {}

#footer {
	color: #333;
font-size: 11px;
}

.plurk {
font-size: 14px;
z-index: 9998 !important;
}

#reply_box {
padding: 10px;
}

.plurkaction, #toggle_tab li.tt_selected, #more_options_link {
	background: #fff;
	border: none;
}

.plurkaction {
padding: 15px;
}

.plurkaction .dd_img, .plurkForm .dd_img {
/* margin-right: 4px; */
width: 9px;
height: 6px;
}

#dashboard-invite {
background: #fff !important;
font: italic 13px "Bell MT", Palatino, serif !important;
}

#friend_holder img, .award_bar img {
opacity: .5;
}

#dash-fans {
color: #000 !important;
}

#plurk_form {
font-size: 1em;
0 3px 0 0 !important;
margin-bottom: 20px;
}

#toggle_tab li {
font-size: 14px;
font-style: italic;
color: #000;
}

.icons_holder_row {
-webkit-opacity: .5;
-moz-filter: grayscale(100%);
-moz-opacity: .5;}

.plurk_cnt {
border: none !important;
padding: 7px;
font: 12px Verdana, sans-serif;
border-radius: 2px;
}

.td_qual {
width: 0;
padding: 2px 5px 2px 3px;
}

.manager {
text-align: right;
margin-top: 4px;
font: italic 12px "Bell MT", Palatino, serif; }

.manage a {
color: #000 !important;
}

.name {
font-weight: normal;
text-decoration: none !important;
}

.day_bg .div_inner {
background: #fff;
width: 15px;
border: none;
}

#updater {
font-style: italic;
background: #fff;
color: #000;
border: none;
padding: 5px;
opacity: .6;
-webkit-transition: 1s;
-moz-transition: 1s;
}

#updater b {
font-weight: normal;
}

#updater:hover {
opacity: .9;
}

#updater a {
color: #000;
}

#updater a: hover {
text-decoration: none !important;
color: #333;
}

.bottom_start, .bottom_end {
color: #222;
font-style: italic;
font-weight: normal !important;
}

#top_login a:hover, {
color: #000;
}

.new .response_count {
background: #eda3a8;
}

.response_count {
background: none;
font-weight: normal !important;
opacity: .8;
color: #fff !important;
}

.plurk_box .caption {
border: none;}

.plurk_box .list {
border-right: 10px solid #fff !important;
}
.plurk_box .caption {
background: #fff;
color: #222;
font-style: italic;
padding: 8px;
}

.plurk_box .caption, .list .loading {
font-size: .9em;
}

.plurk_cnt, .dots .inner, .plurk_box .mini_form {
border: none;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
::-webkit-scrollbar-track, ::-moz-scrollbar-track, ::-o-scrollbar-track, scrollbar-track {
    background: #fff;
	border-radius: 6px;
border-left: 5px solid #fff;
}

::-webkit-scrollbar-button, ::-moz-scrollbar-button, ::-o-scrollbar-button, scrollbar-button  {
	background: #eee;
	border-radius: 6px;
	height: 18px;
	margin: 5px;
}

::-webkit-scrollbar-thumb, ::-moz-scrollbar-thumb, ::-o-scrollbar-button, scrollbar-thumb  {
	background: #eee;
	border-radius: 6px;
}

::-webkit-scrollbar-thumb:start, ::-moz-scrollbar-thumb:start, ::-o-scrollbar-button:start, scrollbar-thumb:start  {
margin-top:6px;
}

.info_box.controller {
font: 11px "Courier New", Courier, monospace;
text-transform: uppercase;
padding: 4px;
background: #fff;
border: none;}

info_box {
font-size: 12px;
background-color: #fff !important;
border: none !important;
}

textarea#input_big_private, textarea#input_big, textarea#input_permalink {
border: none !important;
background: #f8f9fc;
font-size: 13px;
font-family: verdana;
padding: 3px;
box-shadow: none;
}

textarea#input_big_private.content, textarea#input_big.content, textarea#input_permalink.content {
padding: 5px;}

textarea#input_big.content {
height: 2em !important;
}

.manager .delete, .manager .action {
color: #000;
}

textarea#input_small {
font: 12px Verdana, sans-serif;
padding: 2px;
}

.unread_generic {
background: #eee7f8;
color: #000 !important;
}

#filter_tab {
width: 600px;
opacity: .8;
-moz-opacity: .8;
-webkit-opacity: .8;
}

#filter_tab b {
font-weight: normal;
}

.p_img img {
border: 5px solid #fff;
width: 30px;
height: 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.tooltip_cnt {
background: #eee;
border: none;
color: #000;
font-size: 13px;
}

.tooltip_cnt b{
font-weight: normal;
font-style: italic;
}

#top_login, .small,  .direct-l {
font-size: 12px;

#time_show {
border: none !important;
font-style: italic;
padding: 5px;
margin-top: 28px !important;
z-index: 400 !important;
}

.AmiTT_main {
background: transparent url(http://spoony.valiantknife.org/plurk/gothic/tooltip.png) 0 0 no-repeat;
opacity: .9;
}
.cmp_loading { 
background: none;
}

.cmp_back_to_today {
background: transparent url(http://spoony.valiantknife.org/dwidth/tostart.png) no-repeat;
width: 82px;
font-size: 1px;
height: 27px;
}

#top_login #sign_up {
position: absolute;
left: 0;
top: 0;
margin: 60px 0 0;
}

#loc_field, .orange-but {
-webkit-filter: grayscale(100%) brightness(150%);
}

.cmp_invite {
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/friends.png) no-repeat;
width:16px;
font-size: 1px;
height: 16px;
margin: -2px 5px 0 0 !important;
-webkit-filter: opacity(70%);
-moz-filter: opacity(70%);
}

::-moz-selection,
::selection {
    background-color:#f5f5f5;
    color: #333333;
    }

#timeline_cnt .shade_5, .plurk_box .shade_5 {
background: #f4f4f4 !important;
}

#timeline_cnt .shade_4, .plurk_box .shade_4 {
background: #f6f6f6 !important;
}

#timeline_cnt .shade_3, .plurk_box .shade_3 {
background: #f8f8f8 !important;
}

#timeline_cnt .shade_2, .plurk_box .shade_2 {
background: #fafafa !important;
}

#timeline_cnt .shade_1, .plurk_box .shade_1 {
background: #fcfcfc !important;
}

.td_img {
width: 25px;
}

code {
font: .9em 'Courier New', Courier, monospace;
}

#plurk-dashboard .dash-segment {
width:24%;
	background: #fff;
	padding: 15px;
}
.dash-segment-profile, .dash-segment-stats, .dash-segment-friends {
margin-right:1.2%;
}

#dash-profile {
text-align: center;
padding-top:10px;
line-height: 60%;
}

#about_me {
font: 12px Verdana, Helvetica, sans-serif !important;
margin: 1.5em auto 1em auto!important;
width: 85% !important;
}

#plurk-dashboard th {
font-family: "Courier New", "courier", monospace;
text-transform: uppercase;
font-weight: normal;
}

.karma_hover {
/* margin: 20px 0 0 10px; */
margin: 0;
font: 13px "Bell MT" !important;
position: relative;
/* font-size: 28px; */
/* font-family: Georgia,"Times New Roman",Times,serif; */
/* line-height: 30px; */
}

div#friend_holder {
text-align: center;
width: 210px;
margin: 10px auto;
}

.friend_man.add_friend, .friend_man.add_follow, .friend_man.private_plurk {
background-color: #e7f0fc;
}

.friend_man {
font: 13px "Courier New", Courier, monospace;
text-transform: uppercase;
}

#plurk-dashboard .dash-segment #dash-profile #full_name {
font-size: 14px;
margin-bottom: 0;
margin-top: 6px;
}

.nick_name {
font: 13px "Courier New", courier, monospace;
}

.qual_holder span.display_name {
font: 13px "courier New", courier, monospace;
text-transform: uppercase;
background-color: #e7f0fc;
}

.mini_form span.display_name {
font-size: .9em !important;
padding-left: 2px;
}

img.emoticon_selecter_img_off, img.emoticon_selecter_img_on {
width: 16px;
padding-top: 2px;
}

.cmp_webcamp_off, .cmp_webcamp_on {
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/webcam.png)  no-repeat;
width: 16px;
font-size: 1px;
height: 16px;
}

.cmp_privacy_off, .cmp_privacy_on{
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/lock.png) no-repeat;
width: 16px;
font-size: 1px;
height: 16px;
}

.cmp_sync_off, .cmp_sync_on {
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/transmit.png) no-repeat;
width: 16px;
font-size: 1px;
height: 16px;
}

.cmp_media_off, .cmp_media_on {
background: transparent url(http://spoony.valiantknife.org/plurk/napoleonce/image.png) no-repeat;
width: 16px;
font-size: 1px;
height: 16px;
}

#plurk-dashboard .dash-segment #dash-stats .award_bar {
margin: 10px auto;
overflow: hidden;
width: 245px;
}

#plurk-dashboard .dash-segment #dash-friends #dashboard-invite-div {
padding-top: 11px;
width: 210px;
margin: auto;
}

textarea#input_small {
border: none !important;
background: #f8f9fc;
box-shadow: none;
}

div#form_holder {
padding: 5px;
background: #fff url(http://spoony.valiantknife.org/plurk/gothic/plurkbg.png) !important;
}

div#form_holder div {
opacity: .95;
}

.mini_form .char_updater {
font-size: 11px;
}

.td_qual a.name {
font: 13px "Bell MT";
opacity: .6;
}

.AmiMenu.info_menu, .AmiTT, tooltip_cnt {
background: #333 !important;
font: 13px Georgia;
}

.evening, .night, .day, .morning {
background: #fff;
border:  none;
opacity: .8;
text-transform: uppercase;
font: 11px "Courier New", Courier, monospace;
border-bottom: 0;
}

.response_time {
margin-left: -4px !important;
opacity: .8 !important;
text-transform: uppercase;
font: 11px "Courier New", courier, monospace !important;
border: none !important;
}

Changing the Timeline Background

To change the timeline background, just upload an image somewhere and find this line of code (it's right at the beginning):

#timeline_holder {
background: url(http://spoony.valiantknife.org/plurk/gothic/timelinebg.png);
    }

Replace with your own image url and background stylings. The image should have a height of at least 386px if you don't want it to repeat. Here's an example:

#timeline_holder {
background: url(http://spoony.valiantknife.org/plurk/gothic/timelinea.png) no-repeat #9cbfd3;
    }

Changing Dash Header Font

Do you not like blackletter fonts as much as I do? You can change the "Stats", "Friends", and "Fans" header text pretty easily. I put this bit at the top too:

#plurker_info h2, #plurk-dashboard h2 {
color: #000 !important;
text-align: center;
background: transparent !important;
font: 32px UnifrakturMaguntia, cursive;
margin-bottom: 10px;

I've highlighted the most straightforward stuff to change and I have a quick rundown on how to style text with CSS.

Colors Used (for easy replacing)

#e7f0fc · title, selection, profile border, &c

#f6eea0 · profile link background

#c4a87d · in-plurk links

#fddee0 · various hover styles

Feel free to modify this however you like, and follow me at vigils for more coding. This layout uses icons by FamFamFam.

Flat | Top-Level Comments Only

From:

terra

I have no plans; one of the reasons I released totally new plurk CSS is because that was easier for me than going back and trying to adapt older code.

It probably wouldn't be too difficult to plug in the fonts/background image into one of my newer layouts, though, if that's something you want to pursue.

tibi caeli et universae Potestates;

layout: plurk, “gothic”

layout: plurk, “gothic”

Instructions

Changing the Timeline Background

Changing Dash Header Font

Colors Used (for easy replacing)

no subject

Vigils

Tags

Page Summary