Plurk Custom Style

plurk-custom.css

@font-face {
  font-family: DSEG7-Classic;
  src: url(https://cdn.rawgit.com/keshikan/DSEG/8a05bd89/fonts/DSEG7-Classic/DSEG7Classic-Regular.woff2) format('woff2'),url(https://cdn.rawgit.com/keshikan/DSEG/8a05bd89/fonts/DSEG7-Classic/DSEG7Classic-Regular.woff) format('woff'),url(https://cdn.rawgit.com/keshikan/DSEG/8a05bd89/fonts/DSEG7-Classic/DSEG7Classic-Regular.ttf) format('truetype');
  font-weight: 200;
}

#updater .item a {
  background-color: #fb0047;
  color: white;
}

#updater .item a:hover {
  background-color: rgb(216,109,35);
}

.block_cnt > .plurk, .plurk_cnt.response_time .holder {
  background: rgba(255,255,255,.9);
  box-shadow: rgba(0,0,0,.3) 0.1em 0.1em 0.3em;
  padding: .5em;
  border-radius: 1em;
}

#plurk-dashboard .segment-content, .plurk, .plurk_cnt.response_time .holder {
  background: rgba(255,255,255,.9);
}

.plurk.porn, .plurk.porn.display.plurk_box {
  background-color: #FFDEAD;
}

.response_count {
  border-radius: 2em;
  padding: 0 .5em;
}

.plurk_cnt.response_time .holder {
  margin: .5em;
}

#form_holder {
  transform: translateX(-2em);
  background-color: #fff;
  margin-top: .4em;
  padding-bottom: .5em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}

#form_holder, .plurk.display {
  width: 503px!important;
  box-shadow: rgba(0,0,0,.5) .2em .2em .4em;
}

.plurk_cnt {
  background: 0 0;
  border: none;
  box-shadow: transparent 0 0 0;
}

.plurk.display.plurk_box {
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.plurk_box, .plurk_box .info_box {
  border-radius: 0 0 10px 10px;
}

#karma::before, {
  position: absolute;
}

#karma {
  position: relative;
  display: inline-block;
  text-align: right;
  font-family: DSEG7-Classic,sans-serif;
  background-color: rgba(0,0,0,.9);
  width: 4.5em;
  padding: .2em .2em .1em;
  border-radius: .2em;
  color: #00ff24;
  text-shadow: #00aa17 0 0 8px;
}

.own #karma {
  width: 5em;
  padding-right: .7em;
}

#karma::before {
  top: .2em;
  left: .2em;
  opacity: .2;
  content: '8.8.8.8.8.';
}

#karma_arrow {
  position: relative;
  left: -1.7em;
  top: .3em;
}

#plurk-dashboard #dash-stats .dash-stats-karma {
  min-width: 300px;
}

.dash-segment-award {
  width: 100%;
}

.dash-segment-award .award_bar {
  text-align: center;
}

.dash-segment-award .award_bar div {
  float: none!important;
  display: inline-block;
}

#plurk-dashboard .segment-content {
  background: rgba(34,34,34,0.9);
  margin-top: 10px;
  padding: 5px;
  border-radius: 10px;
}

#about_me a {
  font-size: 1.2em;
  color: #fff!important;
  text-shadow: 0.1em 0 0 #4cf, 0.07071068em 0.07071068em 0 #4cf, 0 0.1em 0 #4cf, -0.07071068em 0.07071068em 0 #4cf, -0.1em 0 0 #4cf, -0.07071068em -0.07071068em 0 #4cf, 0 -0.1em 0 #4cf, 0.07071068em -0.07071068em 0 #4cf;
}