vigils | Plurk Layout: “Galaxias”

Many years ago there were several stylesheets available for customizing plurk layouts. That all changed when plurk upgraded and broke everything. Galaxias is a layout that will work with plurk that is, instead of plurk that was.

The code

/* ------ Fonts: do not edit this section unless you know what you're doing ----- */

/* cyrillic */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8on7mTNmnUHowCw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8onXmTNmnUHowCw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8onTmTNmnUHowCw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8onrmTNmnUHo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 700;
  src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfCFXVAKArdqqQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 700;
  src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfuFXVAKArdqqQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 700;
  src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfqFXVAKArdqqQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 700;
  src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfSFXVAKArc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M9knjsS_ulYHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M2knjsS_ulYHs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M3knjsS_ulYHs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M5knjsS_ul.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 700;
  src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23FafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 700;
  src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23OafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 700;
  src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23PafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 700;
  src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23BafaPWnII.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Cutive Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Cutive Mono Regular'), local('CutiveMono-Regular'), url(https://fonts.gstatic.com/s/cutivemono/v6/m8JWjfRfY7WVjVi2E-K9H6RMTm6o39ucNvc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Cutive Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Cutive Mono Regular'), local('CutiveMono-Regular'), url(https://fonts.gstatic.com/s/cutivemono/v6/m8JWjfRfY7WVjVi2E-K9H6RCTm6o39uc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ------ Main image ----- */

#timeline_holder { background:url(https://valiantknife.org/plurk/galacta.png) #444; background-size: cover; }

/* ------ Stop plurk from breaking words ----- */

.list .text_holder {word-break: keep-all!important;}

/* ------ hiding ugly things ----- */

#dynamic_logo {opacity:0;filter:alpha(opacity=0);zoom:1; display: none;}

.showLoading { opacity: 0; }

#plurk_ads a { overflow: hidden;_overflow: none; display: none; }

.ynative, .cbox_ads, .resp_banner_ads, #dash-stats, #plurks_count a, .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down, div #tw_help, div #sharePlurk, #block_user, .dash-icon, 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; }

.loading img {width:0px;height:0px;}

.loading { opacity: 0;  }

#div_loading {filter:alpha(opacity=0); opacity:0;}

#top_bar #bar-color { opacity: 0; }

.award_bar {  opacity: 0;  position: absolute;  left: -9999px; }

/* ------ top bar ----- */ 
#top_bar .top-bar-title {  display: inline-block;  height: 34px;  font: 1.2em cutive mono, courier new,  monospace;  color: #000;  line-height: 34px;   margin-top: 4px; cursor: pointer;   padding: 0 10px;  border-radius: 5px; }

#top_bar .bar-icon { color: #eee; }
	
.bar-color, #top_bar { background: #fff; }

#top_bar #plurk_logo .logo_img {opacity: .6;filter: saturate(.8);-webkit-filter: saturate(.8);-moz-filter: saturate(.8); }

/* ------ profile ----- */

#plurk-dashboard .dash-segment-profile #dash-profile { height: auto;  text-align: left; }

#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic {   width: 200px;  height: 200px; max-width: 100%; max-height: 100%;  border-radius: 8px; position: static; }

#plurk-dashboard .dash-segment-profile #dash-profile .profile-info { margin: 0 0 1em 0; opacity: 1; font-style: italic; position: inherit; }

#plurk-dashboard .dash-segment-profile #dash-profile #full_name { font-size: 18px; margin: .5em 0 1em 0; }

#plurk-dashboard .dash-segment-profile #dash-profile #full_name .display_name { font: italic 1.25em Spectral, Georgia, serif;}

#plurk-dashboard .dash-segment-profile #dash-profile #full_name .nick_name {  display: block; font: 1em Cutive Mono, Courier New, monospace; opacity:1;  letter-spacing: .05em; text-transform: uppercase;}

#plurk-dashboard .dash-segment #dash-additional-info #about_me a {font: 1em/2 cutive mono, courier new, monospace; background: #eee; padding: .125em .25em; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; color: #000;}

#plurk-dashboard .dash-segment-profile #dash-additional-info #about_me { margin-bottom: 1em; line-height: 1.8; }

#plurk-dashboard .dash-segment-profile #dash-additional-info { padding: 0; font: 13px/1.8 Spectral, Georgia, serif; max-width:200px;}

/* ------ dashboard ----- */

.html5 #plurker_info h2, #plurk-dashboard h2 { color: #000 !important; display: inline-block; padding: .125em .5em; background: #eee; text-transform: uppercase; letter-spacing: .1em; font:  italic 2em Spectral, Georgia, serif; margin: 1em 0 0 0;}

#plurk-dashboard .dash-group-left { width: 33%; position: relative; padding-right: 10px;  max-width:  250px; }

#plurk-dashboard .dash-group-form, #plurk-dashboard .dash-group-right {  max-width: 720px; width: 100% }

#plurk-dashboard #dash-friends, #plurk-dashboard #dash-fans { text-align: left;}

#plurk-dashboard #dash-friends-pics, #plurk-dashboard #dash-fans-pics {width: 80%;  margin: 0; border-top: 1px solid #eee; padding: 1em 0; }

.friend_man.private_plurk, .friend_man.send_gift, .friend_man.add_friend, .friend_man.add_follow, .friend_man.add-as-fan { font: .9em Cutive Mono, Courier New, monospace; background-color: #eee; text-transform: uppercase; }

#plurk-dashboard .dash-segment-fans #dash-fans #fan_managment, #plurk-dashboard .dash-segment-friends #dash-friends #friend_managment {  margin-top: .5em; text-align: left; }

#dash-stats { margin-bottom: 2em; }

#plurk-dashboard #dash-stats .dash-stats-karma { text-align: left; }

#plurk-dashboard #dash-stats table th { font: 1em Spectral, Georgia sans-serif; text-align: left; text-transform: uppercase; letter-spacing: .015em; border-bottom: 1em solid #fff; border-top: 1em solid #fff; opacity: 1; padding: 0 .25em; }

#plurk-dashboard #dash-stats table td { color: #000; vertical-align: middle;  padding: .5em; font-style: italic; }

#plurk-dashboard #dash-stats .dash-stats-karma { margin: 1em 0; }

html, body, .list { background-color: #fff !important; font: 13px Spectral, Georgia, serif;
}

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

a { color: #000;}

.textarea_holder textarea { font-size: 13px; line-height: 1.8; }

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

.a_emoticon { color: #000 !important; }

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

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

.karma_hover { font-style: italic;  font-family: Spectral, Georgia, serif; margin: 0;}

.segment-content { background: rgb(255,255,255); border-radius: 0; color: #000; font: 13px/1.8 Spectral, Georgia, serif; padding: 0; }

.div_bottom { color: #000; margin: 0; font: italic 13px Spectral, Georgia, serif; opacity: 1; }

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

.new .response_count { background: #eda3a8; }

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

.manager { opacity: .2; }

.manager .mute-on { color: #444; }

#bottom_line {background: #fff; height: 10px;}

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

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

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

.popTooltip { background: #eee; border-color: #eee; }

#display_options_help, #updater b { font-size: 1em; font-weight: 400; }

tt, code, kbd, samp { font-family: Cutive Mono, Courier New, monospace; }

.submit_img_color { font-size: .1em; background: url(http://www.spoony.valiantknife.org/plurk/napoleonce/plurk.png); margin: 2.5em; }

.icons_holder .pif-emoticon:after { background: #fff; }

icons_holder li { font-size: 18px !important; width: 18px !important; }

#main_poster .icons_holder .shortcut {  width: 16px; height: 16px; color: #fff!important; }

.timeline-message img { display: none; }

.timeline-message {   text-align: center; font-size: 23px; line-height: 35px; color: #fff;  font: italic 2em Spectral, Georgia, serif;  z-index: 999; }

#filter_tab a,  #updater .item a { color: #000; text-transform: lowercase; border-radius: 3px; }

#updater .item a:hover,  #filter_tab a.filter_selected { background: #eee; color: #000; }

#footer {  width: 100%; padding: 1em; color: #000; line-height: 1.8; margin-top: 3em;}

#footer a { background: #fff; text-transform: uppercase; font: .9em Cutive Mono, Courier New, monospace; letter-spacing: .05em; padding: .25em; color: #000;  }

#plurk-dashboard { border: none;}

.more-options { background: #eee; }

.plurk a.meta, .permaplurk #permanent_body a.meta, body.t #dashboard_holder a.meta { border: 0; cursor: pointer; display: block; margin: 1px 4px 4px 0; overflow: hidden; padding: 2px 4px;  position: relative; color: #000; background: #eee; border: 1px solid #eee; font: .9em Cutive Mono, Courier New, monospace; }

.browse_button .cmp_arrow_right, .browse_button .cmp_arrow_left { color: #eee; font-size: 32px; }

.browse_button .cmp_back_to_today { font-size: 12px; line-height: 18px; margin-top: 10px; background: #eee; color: #666; border-radius: 10px; position: absolute; margin-left: 11px; padding: 0 9px;}

.timeline-bg .block_bg .bottom_start {  bottom: -11px; }

.info_box { background: #eee; }

.plurk a.ex_link, .permaplurk #permanent_body a.ex_link, body.t #dashboard_holder a.ex_link { color: #000; border-bottom: 1px solid #eee; }

.plurk a.ex_link:hover, .permaplurk #permanent_body a.ex_link a:hover, body.t #dashboard_holder a.ex_link:hover { color: #000; border-bottom: 1px solid #eee; background: #eee; text-decoration: none;}

.favorite_count, .replurk_count, .bookmark_info, .private_info {  background: #eee; color: #000;  text-transform: uppercase; font: .9em Cutive mono, monospace; }

.cmp_back_to_today:before { color: #eee; }

.p_img img {  border-left: 0; border: 3px solid #fff; height: 26px; width: 26px; border-radius: 3px; }

.p_img { height: 26px !important; width: 26px !important;  margin-right: -4px;}

::-moz-selection { background: #eee text-shadow: none; }

::selection { background: #eee;  text-shadow: none; }

Instructions

First, to make this layout work as pictured, you need to install plurk jailbreak. This lets custom CSS apply to more things. It's optional, but recommended.

These are the plurk layout settings I used:

Customizations

Galaxias is designed as sort of a “blank slate” layout— it's very easy to change the background image and accent color.

#timeline_holder { background:url(https://valiantknife.org/plurk/galacta.png) #444; background-size: cover; }

The accent color used throughout this layout is #eee. If you'd like to change it, just find and replace.

Finally, the fonts used are Spectral and Cutive Mono, two great free typefaces. If you'd like to replace them, look for these font stacks: Spectral, Georgia, serif; & Cutive Mono, Courier New, monospace;. Be sure not to change anything in the section of the code labelled "Fonts" unless you know what you're doing.

Galaxias 2

Larger Preview

To demonstrate what the layout looks like with the images and colors slightly switched, I made a variant layout, Galaxias 2. If you like this version better, you're welcome to take that code instead:

/* ------ Fonts: do not edit this section unless you know what you're doing ----- */

/* ------ Main image ----- */

#timeline_holder { background:url(https://valiantknife.org/plurk/galacta2.png) #259ed5; background-size: cover; }

/* ------ Stop plurk from breaking words ----- */

.list .text_holder {word-break: keep-all!important;}

/* ------ hiding ugly things ----- */

#dynamic_logo {opacity:0;filter:alpha(opacity=0);zoom:1; display: none;}

.showLoading { opacity: 0; }

#plurk_ads a { overflow: hidden;_overflow: none; display: none; }

.loading img {width:0px;height:0px;}

.loading { opacity: 0;  }

#div_loading {filter:alpha(opacity=0); opacity:0;}

#top_bar #bar-color { opacity: 0; }

.award_bar {  opacity: 0;  position: absolute;  left: -9999px; }

#top_bar .bar-icon { color: #e8f5f3; }
	
.bar-color, #top_bar { background: #fff; }

#top_bar #plurk_logo .logo_img {opacity: .6;filter: saturate(.8);-webkit-filter: saturate(.8);-moz-filter: saturate(.8); }

/* ------ profile ----- */

#plurk-dashboard .dash-segment-profile #dash-profile { height: auto;  text-align: left; }

#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic {   width: 200px;  height: 200px; max-width: 100%; max-height: 100%;  border-radius: 8px; position: static; }

#plurk-dashboard .dash-segment-profile #dash-profile .profile-info { margin: 0 0 1em 0; opacity: 1; font-style: italic; position: inherit; }

#plurk-dashboard .dash-segment-profile #dash-profile #full_name { font-size: 18px; margin: .5em 0 1em 0; }

#plurk-dashboard .dash-segment-profile #dash-profile #full_name .display_name { font: italic 1.25em Spectral, Georgia, serif;}

#plurk-dashboard .dash-segment #dash-additional-info #about_me a {font: 1em/2 cutive mono, courier new, monospace; background: #e8f5f3; padding: .125em .25em; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; color: #000;}

#plurk-dashboard .dash-segment-profile #dash-additional-info #about_me { margin-bottom: 1em; line-height: 1.8; }

#plurk-dashboard .dash-segment-profile #dash-additional-info { padding: 0; font: 13px/1.8 Spectral, Georgia, serif; max-width:200px;}

/* ------ dashboard ----- */

.html5 #plurker_info h2, #plurk-dashboard h2 { color: #000 !important; display: inline-block; padding: .125em .5em; background: #e8f5f3; text-transform: uppercase; letter-spacing: .1em; font:  italic 2em Spectral, Georgia, serif; margin: 1em 0 0 0;}

#plurk-dashboard .dash-group-left { width: 33%; position: relative; padding-right: 10px;  max-width:  250px; }

#plurk-dashboard .dash-group-form, #plurk-dashboard .dash-group-right {  max-width: 720px; width: 100% }

#plurk-dashboard #dash-friends, #plurk-dashboard #dash-fans { text-align: left;}

#plurk-dashboard #dash-friends-pics, #plurk-dashboard #dash-fans-pics {width: 80%;  margin: 0; border-top: 1px solid #e8f5f3; padding: 1em 0; }

#plurk-dashboard .dash-segment-fans #dash-fans #fan_managment, #plurk-dashboard .dash-segment-friends #dash-friends #friend_managment {  margin-top: .5em; text-align: left; }

#dash-stats { margin-bottom: 2em; }

#plurk-dashboard #dash-stats .dash-stats-karma { text-align: left; }

#plurk-dashboard #dash-stats table td { color: #000; vertical-align: middle;  padding: .5em; font-style: italic; }

#plurk-dashboard #dash-stats .dash-stats-karma { margin: 1em 0; }

html, body, .list { background-color: #fff !important; font: 13px Spectral, Georgia, serif;
}

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

a { color: #000;}

.textarea_holder textarea { font-size: 13px; line-height: 1.8; }

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

.a_emoticon { color: #000 !important; }

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

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

.karma_hover { font-style: italic;  font-family: Spectral, Georgia, serif; margin: 0;}

.segment-content { background: rgb(255,255,255); border-radius: 0; color: #000; font: 13px/1.8 Spectral, Georgia, serif; padding: 0; }

.div_bottom { color: #000; margin: 0; font: italic 13px Spectral, Georgia, serif; opacity: 1; }

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

.new .response_count { background: #eda3a8; }

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

.manager { opacity: .2; }

.manager .mute-on { color: #444; }

#bottom_line {background: #fff; height: 10px;}

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

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

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

.popTooltip { background: #e8f5f3; border-color: #e8f5f3; }

#display_options_help, #updater b { font-size: 1em; font-weight: 400; }

tt, code, kbd, samp { font-family: Cutive Mono, Courier New, monospace; }

.submit_img_color { font-size: .1em; background: url(http://www.spoony.valiantknife.org/plurk/napoleonce/plurk.png); margin: 2.5em; }

.icons_holder .pif-emoticon:after { background: #fff; }

icons_holder li { font-size: 18px !important; width: 18px !important; }

#main_poster .icons_holder .shortcut {  width: 16px; height: 16px; color: #fff!important; }

.timeline-message img { display: none; }

.timeline-message {   text-align: center; font-size: 23px; line-height: 35px; color: #fff;  font: italic 2em Spectral, Georgia, serif;  z-index: 999; }

#filter_tab a,  #updater .item a { color: #000; text-transform: lowercase; border-radius: 3px; }

#updater .item a:hover,  #filter_tab a.filter_selected { background: #e8f5f3; color: #000; }

#footer {  width: 100%; padding: 1em; color: #000; line-height: 1.8; margin-top: 3em;}

#footer a { background: #fff; text-transform: uppercase; font: .9em Cutive Mono, Courier New, monospace; letter-spacing: .05em; padding: .25em; color: #000;  }

#plurk-dashboard { border: none;}

.more-options { background: #e8f5f3; }

.plurk a.meta, .permaplurk #permanent_body a.meta, body.t #dashboard_holder a.meta { border: 0; cursor: pointer; display: block; margin: 1px 4px 4px 0; overflow: hidden; padding: 2px 4px;  position: relative; color: #000; background: #e8f5f3; border: 1px solid #e8f5f3; font: .9em Cutive Mono, Courier New, monospace; }

.browse_button .cmp_arrow_right, .browse_button .cmp_arrow_left { color: #e8f5f3; font-size: 32px; }

.browse_button .cmp_back_to_today { font-size: 12px; line-height: 18px; margin-top: 10px; background: #e8f5f3; color: #666; border-radius: 10px; position: absolute; margin-left: 11px; padding: 0 9px;}

.timeline-bg .block_bg .bottom_start {  bottom: -11px; }

.info_box { background: #e8f5f3; }

.plurk a.ex_link, .permaplurk #permanent_body a.ex_link, body.t #dashboard_holder a.ex_link { color: #000; border-bottom: 1px solid #e8f5f3; }

.plurk a.ex_link:hover, .permaplurk #permanent_body a.ex_link a:hover, body.t #dashboard_holder a.ex_link:hover { color: #000; border-bottom: 1px solid #e8f5f3; background: #e8f5f3; text-decoration: none;}

.favorite_count, .replurk_count, .bookmark_info, .private_info {  background: #e8f5f3; color: #000;  text-transform: uppercase; font: .9em Cutive mono, monospace; }

.cmp_back_to_today:before { color: #e8f5f3; }

.p_img img {  border-left: 0; border: 3px solid #fff; height: 26px; width: 26px; border-radius: 3px; }

.p_img { height: 26px !important; width: 26px !important;  margin-right: -4px;}

::-moz-selection { background: #e8f5f3 text-shadow: none; }

::selection { background: #e8f5f3;  text-shadow: none; }

Threaded | Flat

hey alex! would you be able to advise me how to finish turning the rest of my dashboard a very light gray as i've attempted to do so far here using galaxias 2? i got the main body somehow but can't seem to hone in on the panels: https://www.plurk.com/aescapes

and here is the altered code i've currently got (includes altered image, rounded corners, removed italics, just a heads up):
https://paste.plurk.com/show/2693311/

eta: the color change request is not because i don't love your code, it's fabulous, my eyes/head just have a difficult time with a lot of white space on the screen so i'm hoping a light grey will be less triggering <3

Edited 2018-12-29 07:03 (UTC)

Hi!

I was wondering how to change the font style for the plurk usernames to something not italicized? I am using Galaxia one

Thanks! The layout is fabulous!

Edited 2019-02-12 16:44 (UTC)

Thank you so much!

I'm using Galaxias 2 for my recently revived plurk acct. Thank you for these! :)

Plurk Layout: “Galaxias”

The code

Instructions

Customizations

Galaxias 2

no subject

(no subject)

(no subject)

(no subject)

(no subject)

no subject

(no subject)

no subject

no subject