david50407
6/12/2014 - 7:14 AM

Journey-Screenshot.png

/* Journey by Poren Chiang, MIT License https://github.com/RSChiang */
/* transparent topbar patch by David Kuo < me @ davy.tw > */
/* NOTE: The background image will be synchronized with the author's blog. You may freely change the image URL. */

body {
    background: url(http://blog.poren.tw/theme/images/cover.jpg) center top no-repeat fixed;
    background-size: cover;
    font-family: 'Ubuntu', 'Trebuchet MS', 'XinGothic-TC', 'Hiragino Sans GB', 'Microsoft Jhenghei', 'Droid Sans Fallback', sans-serif;
    margin-top: -42px; /* transparent here */
    padding-top: 42px; /* transparent here */
}

#page_title {
    font-weight: lighter;
}

#timeline_holder .plurk_cnt {
    border-radius: 0 6px 6px;
    background: rgba(255,255,255,.8);
    box-shadow: rgba(0,0,0,.75) 0 0 12px;
    font-size: 14px;
    line-height: 1.66;
    transition: background 0.2s ease-out;
}

#timeline_holder .plurk.display, #timeline_holder .plurk.toggled {
    width: 450px;
}

#timeline_holder .display .plurk_cnt, #timeline_holder .toggled .plurk_cnt {
    background: rgba(255,255,255,.85);
}

#timeline_holder .plurk_box .plurk_cnt {
    border-radius: 0 6px 0 0;
    background: rgba(255,255,255,.95);
}

#timeline_holder .muted .plurk_cnt {
    opacity: .6;
    color: #555;
}

#timeline_holder .plurk .manager {
    font-size: 0.85em;
}

.p_img {
    border: 0;
}

.p_img img {
    border-radius: 3px 0 0 3px;
}

.response_count {
    padding: 0 3px;
    border-radius: 3px;
    background: 0;
    font-size: 1.15em;
    color: rgba(255,255,255,.4);
}
.new .response_count {
    background: 0;
    color: #fff;
    text-shadow: rgba(0,0,0,.75) 0 0 12px;
}

#form_holder .info_box {
    border-radius: 0 0 6px 6px;
    margin-bottom: 12px;
}

#form_holder div.show:last-child {
    border: 1px solid #000;
    border-radius: 6px;
}

#timeline_holder, #bottom_line, #time_show {
    border: 0;
    background: 0;
}

#updater {
    padding: 3px 8px;
    border-radius: 6px;
}

#timeline_bg {
    font-weight: lighter;
}

#filter_tab a {
    border: 0 !important;
    background: 0 !important;
    color: rgba(255,255,255,.6);
    font-weight: lighter;
}

#filter_tab .unread_generic {
    background: 0;
    color: #fff;
    text-shadow: rgba(0,0,0,.75) 0 0 6px;
}

.day_bg .div_inner {
    background: rgba(255,255,255,.2);
}

.day_start .bottom_start {
    color: rgba(255,255,255,.75) !important;
}

.bottom_start, .bottom_end {
    color: rgba(255,255,255,.5) !important;
}

#time_show span {
    color: rgba(255,255,255,.8);
    font-size: 14px;
    font-weight: 500;
}

#empty_timeline_bg {
    opacity: 0;
    color: #000;
}

#empty_timeline_fg {
    opacity: .95;
    color: #fff;
}

#plurk-dashboard, .plurkaction, #toggle_tab li.tt_selected, #more_options_link, #private_plurk_options_link {
    border: 0 !important;
    background: 0;
}

#plurk-dashboard {
    color: rgba(255,255,255,.9);
    line-height: 1.33;
    font-weight: lighter;
}

#plurk-dashboard h2 {
    border-radius: 3px;
    background: rgba(255,255,255,.2);
}

#plurk-dashboard .dash-segment #dash-profile img.profile-pic {
    border: 0;
    border-radius: 12px;
}

#dash-profile {
    color: #fff;
}

#dash-stats th {
    font-weight: normal;
}

#plurk-dashboard .user_link, #plurk-dashboard #dashboard-invite, #plurk-dashboard #sharePlurk, #plurk-dashboard .user_link img {
    border: 0 !important;
    border-radius: 3px;
}

input, textarea {
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 3px;
    box-shadow: none;
}

textarea#input_big_private, textarea#input_big, textarea#input_permalink {
    border-radius: 6px;
}

span.qualifier, span.m_qualifier {
    border: 0 !important;
    background: 0 !important;
    color: #888;
}

span.q_is { color: #e57c43; }
span.q_says { color: #e2560b; }
span.q_needs { color: #7a9a37; }
span.q_hopes { color: #e05be9; }
span.q_feels { color: #2d83be; }
span.q_thinks { color: #689cc1; }
span.q_wants { color: #8db241; }
span.q_wishes { color: #5bb017; }
span.q_has { color: #777; }
span.q_loves { color: #b20c0c; }
span.q_hates { color: #111; }
span.q_asks { color: #8361bc; }
span.q_will { color: #b46db9; }
span.q_was { color: #525252; }
span.q_had { color: #8c8c8c; }
span.q_likes { color: #cb2728; }
span.q_shares { color: #a74949; }
span.q_gives { color: #620e0e; }
span.q_wonders { color: #2e4e9e; }
span.q_whispers { color: #32007e; }
span.q_replurks { color: #3b8610; }

.tooltip_cnt {
    border-radius: 3px;
}

#emoticon_selector, .qual_menu {
    border-radius: 6px;
}