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

It doesn't, but you can achieve an effect like that by adding .muted { opacity: .5; } to any CSS sheet.

Note that this layout was made before the latest plurk update so it no longer looks very much like the preview at all. I should probably make a note of that somewhere.

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