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

Flat | Top-Level Comments Only

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)

You have a couple different colors here (#eee, #f0f0f5) and I don't know which one you want to use.

But the code to make the dashboard segments transparent is:

.segment-content {
    background: transparent; }

i think that was from me setting the plurk dashboard theme, if you're viewing the page source code - i'll see if i can get them to line up

thank you so much!!

eta: ok, didn't work after pasting that code into the dashboard section. any idea what i should try next?

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

It's the right code and the quick fix would just be to brute force it:

.segment-content {
    background: transparent !important; }

thanks, it def went transparent this time! \o/

i wish i could figure out a way to override the "set your plurk theme" so i could have more freedom in the color (shade of gray) i'm using but i've looked at all the plurk fix resources that i know of and none seem to address that particular mandate in the settings > layout box. that's where that #eee showed up and so i'm kind of stuck with it to make the bottom half/the entirety of the dashboard all one color. if you think of something, will you holler at me sometime? i'm at least good for now with less white, and the layout is so beautiful, thank you!

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)

I'm not the layout-maker, but since I just did the same edit when taking this layout, it's this bit:

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

Just remove font-style:italic; and you're set!

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