css
html {
SCROLLBAR-FACE-COLOR: rgba(220,245,244,0.5);
SCROLLBAR-3DLIGHT-COLOR: rgba(220,245,244,0.5);
SCROLLBAR-TRACK-COLOR: rgba(220,245,244,0.5);
SCROLLBAR-DARKSHADOW-COLOR: rgba(220,245,244,0.5);
SCROLLBAR-HIGHLIGHT-COLOR: #B8EBE9;
SCROLLBAR-SHADOW-COLOR: #B8EBE9;
SCROLLBAR-ARROW-COLOR: #B8EBE9;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner {
background-color: rgba(220,245,244,0.5);
}
::-webkit-scrollbar-thumb {
background-color: #B8EBE9;
}
::-webkit-scrollbar-button:vertical:decrement, ::-webkit-scrollbar-button:vertical:increment {
width: 0px;
height: 0px;
}
html {
background-color: #B8EBE9;
}
body {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
color: #25739C;
font-size: 10pt;
}
div, td, img, li, a, form {
color: #00BFD5;
border: 0;
box-shadow: none;
}
a, a:visited, #footer a {
text-decoration: none;
color: #f6fafd;
-webkit-transition: all 1s;
-mos-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
text-decoration: none;
outline: 0 !important;
}
.p_img a{
-webkit-transition: all none;
-mos-transition: all none;
-o-transition: all none;
transition: all none;
}
a:hover, #footer a:hover {
color: #f8f6fc;
text-shadow: 0px 0px 2px #25739C, 0px 0px 2px #25739C, 0px 0px 2px #25739C;
text-decoration: none !important;
outline: 0 !important;
}
.textarea_holder textarea {
background: #f6fafd;
color: #25739C !important;
}
.input_holder {
border:0;
background: #f6fafd;
}
.plurk div {
box-shadow: none;
}
.plurk {
opacity: 0.7;
transition: opacity .5s;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
}
.bookmark_content .plurk {
opacity: 1.0;
}
.plurk.new {
opacity: 0.9;
}
.plurk.muted {
opacity: 0.15;
}
.plurk.display {
opacity: 1.0;
}
.p_img img {
height: 20px;
width: 20px;
position: relative;
right: 3px;
border: 1px solid transparent;
box-shadow: 0 0 3px #2497a4;
}
.td_response_count {
position: relative;
left: 2px;
}
.plurk_cnt, .response_box, .plurk_box .mini_form, .plurk_box .login_to_see {
background: #ecf5fb;
}
.plurk_cnt.new6, .plurk_cnt.new5, .plurk_cnt.new4, .plurk_cnt.new3, .plurk_cnt.new2, .plurk_cnt.new1 {
background: #dcf5f4;
}
div .text_holder {
color: #25739C;
}
#form_holder {
box-shadow: 0;
background: none;
margin-top: 2px;
}
.response_box {
border: 5px solid #ecf5fb;
}
.list .plurk {
opacity: 1.0;
}
.timeline-cnt .plurk .time a, .response-status .response-count {
color: rgba(37,115,156,0.5);
}
.time a:hover{
text-shadow: none;
}
.timeline-cnt .plurk .time a:hover, .response-status .response-count:hover{
color: rgba(33,141,231,0.5);
}
.response-status .response-only-owner, .response-status:hover .response-only-owner {
background: rgba(33,141,231,0.5);
color: #ecf5fb;
}
.response-status .response-only-owner:hover {
background: #2497a4;
color: #f6fafd;
}
.list .empty {
color: #2497a4;
}
.name {
color: #2497a4;
}
.name:hover {
color: #2497a4;
text-shadow: 0 0 2px #FFFFFF;
}
.highlight_owner .name {
text-decoration: none;
text-shadow: 0 0 2px #FFFFFF, 0 0 2px #FFFFFF;
}
.plurk a.ex_link, .permaplurk #permanent_body a.ex_link, body.t #dashboard_holder a.ex_link {
color: #00BFD5;
}
.plurk a.ex_link:hover, .permaplurk #permanent_body a.ex_link:hover, body.t #dashboard_holder a.ex_link:hover {
color: #f6fafd;
}
a.pictureservices {
border: 0;
}
.plurk_content a.hashtag, .plurk .text_holder a.hashtag {
box-shadow: 0 1px 1px rgba(255, 255, 255, 0);
margin: auto 0.1em;
padding: .05em .3em;
display: inline-block;
color: #00BFD5;
text-shadow: 1px 1px 1px #f6fafd;
}
.plurk_content a.hashtag:hover, .plurk .text_holder a.hashtag:hover {
background-color: #2497a4;
color: #f6fafd;
text-shadow: 0 0 2px #00BFD5;
}
.plurk a.meta, .permaplurk #permanent_body a.meta, body.t #dashboard_holder a.meta {
background:rgba(220,245,244,0.5);
color: #00BFD5;
border: 0;
box-shadow: 0 0 2px #dcf5f4;
margin: 5px 0;
}
.plurk a.meta:hover, .permaplurk #permanent_body a.meta:hover, body.t #dashboard_holder a.meta:hover {
color: #f6fafd;
}
.response.show-response-manager .plurk_cnt, .load-hoder .button {
background: #f0f7fc;
}
.response-manager {
background: #f0f7fc;
border:0;
}
.response-manager .edit, .response-manager .mention, .response-manager .option, .response-manager .time a, .load-hoder .button {
color: rgba(33,141,231,0.5);
}
.response-manager .time a:hover {
color: rgba(37,115,156,0.5);
text-shadow: 0 0 2px #FFFFFF;
}
.response-manager .edit:hover, .response-manager .mention:hover, .response-manager .option:hover, .response-manager .edit.popview-targeting, .response-manager .mention.popview-targeting, .response-manager .option.popview-targeting, .load-hoder .button:hover {
background: rgba(33,141,231,0.5);
color: #f6fafd;
}
.plurk_box .mini_form {
margin-top: 2px;
background-color: none;
border: 0;
}
td.td_cnt textarea {
margin-top: 19px;
margin-left: 5px;
}
.plurkForm.mini-mode .char_updater, .mini_form .char_updater {
color: rgba(37,115,156,0.5);
}
.response_count {
color: #f6fafd;
background-color: rgba(220,245,244,0.5);
}
.new .response_count {
background: #0fc0dc;
color: #f6fafd !important;
}
#filter_tab a, #updater .item a {
background: #dcf5f4;
color: #2497a4;
-webkit-transition: all 1s;
-mos-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
box-shadow: 1px 1px 2px rgba(246,250,253,0.5);
}
#filter_tab a.off_tab {
color: #2497a4;
}
#filter_tab a.off_tab:hover {
background: #00BFD5;
color: #ecf5fb;
text-shadow: 0 0 2px #2497a4;
}
#updater .item a:hover, #filter_tab a.filter_selected {
background: #2497a4;
color: #f6fafd;
text-shadow: 0 0 2px #00BFD5, 0 0 2px #00BFD5, 0 0 2px #00BFD5
}
.unread_generic {
background: #00BFD5;
color: #f6fafd;
}
#updater .item a:hover .unread_generic, #filter_tab a.filter_selected .unread_generic, #filter_tab a.off_tab:hover .unread_generic {
color: #00BFD5 !important;
background: #ecf5fb;
text-shadow: none;
}
.browse_button .cmp_arrow_right, .browse_button .cmp_arrow_left, .cmp_back_to_today:before {
color: #2497a4;
}
.browse_button .cmp_back_to_today {
background: #2497a4;
padding: 1px 9px;
}
.timeline-bg .block_bg .bottom_start, .timeline-timeshow {
padding: 0 8px;
}
.bottom_start, .bottom_end, .day_start .bottom_start {
color: #2497a4;
letter-spacing: 0.05em;
}
.evening, .night, .day, .morning {
background: #2497a4;
color: #f6fafd;
}
.submit_img {
background-color: #2497a4 !important;
color: #f6fafd;
text-shadow: 1px 0 0 #f6fafd, -1px 0 0 #f6fafd, 0 1px 0 #f6fafd, 0 -1px 0 #f6fafd;
font-weight: bold;
letter-spacing: 0.05em;
padding: 0 7px;
}
#plurk-dashboard img {
-webkit-transition: border-radius 1s, -webkit-filter 1s;
-mos-transition: border-radius 1s, filter 1s;
-o-transition: border-radius 1s, filter 1s;
transition: border-radius 1s, filter 1s;
}
#plurk-dashboard a {
color: #00BFD5;
}
#plurk-dashboard a:hover {
color: #f6fafd;
}
#plurk-dashboard #dash-stats table th {
text-shadow: 1px 1px 0 rgba(220,245,244,0.5);
}
#plurk-dashboard, #plurk-dashboard #dash-stats table td {
color: #2497a4;
text-shadow: 1px 1px 0 rgba(33,141,231,0.5);
}
#plurk-dashboard div {
color: #ecf5fb;
}
.segment-content .user_link img {
-webkit-box-shadow: 0px 0px 5px 0px rgba(33,141,231,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(33,141,231,0.5);
box-shadow: 0px 0px 5px 0px rgba(33,141,231,0.5);
}
.segment-content .user_link img:hover {
-webkit-filter: none;
filter: none;
}
.display_name, .segment-content h2 {
color: #2497a4;
text-align: center;
font-size: 18px !important;
font-weight: 400;
text-shadow: 0px 0px 2px #f6fafd, 0px 0px 2px #f6fafd;
}
.display_name {
color: #25739C;
text-align: left;
}
.nick_name {
color: #ecf5fb;
}
.show_all_friends {
width: 100%;
text-align: center;
}
.segment-content .user_link img {
border-radius: 40px;
}
.segment-content .user_link img:hover {
border-radius: 5px;
}
img {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic {
border-radius: 10px;
}
.segment-content .user_link img {
border-radius: 40px;
}
.segment-content .user_link img:hover {
border-radius: 5px;
}
.p_img img {
border-radius: 20px;
}
.text_holder img{
border-radius: 2px;
}
.text_holder img:hover{
border-radius: 0;
}
.plurk a.pictureservices img, .permaplurk #permanent_body a.pictureservices img, body.t #dashboard_holder a.pictureservices img {
border-radius: 5px;
-webkit-transition: all 0.4s;
-mos-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.plurk a.pictureservices img:hover, .permaplurk #permanent_body a.pictureservices img:hover, body.t #dashboard_holder a.pictureservices img:hover {
border-radius: 1px;
}
.plurk a.meta img, .permaplurk #permanent_body a.meta img, body.t #dashboard_holder a.meta img {
border-radius: 5px;
-webkit-transition: all 0.4s;
-mos-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.plurk a.meta img:hover, .permaplurk #permanent_body a.meta img:hover, body.t #dashboard_holder a.meta img:hover {
border-radius: 2px;
}
.plink img[src^="https://avatars.plurk.com/"] {
border-radius: 30px !important;
border: 1px solid transparent;
box-shadow: 0 0 3px #2497a4;
}
img.emoticon_my {
border-radius: 0;
}
div, td, li, a, form {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#timeline_bg {
border-radius: 0;
}
.plurk_cnt {
border-radius: 8px;
}
.response_count {
border-radius: 5px;
}
.response_box .plurk_cnt {
border-radius: 0;
}
.response.show-response-manager .plurk_cnt {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
body, .display_name, .segment-content h2, #main_poster .input_holder .m_qualifier, #main_poster .input_holder .textarea_holder textarea {
font-family: Noto Sans DemiLight, Noto Sans, Heiti TC, "儷黑 Pro", "微軟正黑體", Microsoft JhengHei, WenQuanYi Zen Hei, Arial;
}
#timeline_bg { background-color: transparent;}
.qualifier {padding: 0 3px 2px 3px;}
.m_qualifier, .qualifier { color: #FFFFFF;}
.favorite_count, .replurk_count, .bookmark_info, .private_info { color: #FFFFFF;}
.manager a {
color: #2497a4;
}
.icons_holder .pif-emoticon:after, .plurkForm.mini-mode .icons_holder .pif-emoticon:after, .mini_form .icons_holder .pif-emoticon:after {
background: none;
}
.icons_holder .pif-emoticon, .icons_holder .pif-media, .icons_holder .pif-sync, .icons_holder .pif-privacy, .icons_holder .pif-anynomous {
color: #2497a4;
opacity: 0.3;
}
.icons_holder .pif-emoticon:hover, .icons_holder .pif-media:hover, .icons_holder .pif-sync:hover, .icons_holder .pif-privacy:hover, .icons_holder .pif-anynomous:hover {
color: #2497a4;
opacity: 1.0;
}
#plurk-dashboard {
border: none;
}
.favorite_count, .replurk_count, .bookmark_info, .private_info { color: #FFFFFF;}
#plurk-dashboard .dash-group-form {
width: 100%;
clear: both;
}
#timeline_holder {
height: calc(100vh - 180px) !important;
margin-top:40px !important;
}
#dashboard_holder {
margin: 0 auto;
padding: 0;
}
#plurk-dashboard .dash-group-form {
width: 100%;
max-width: 980px;
min-width: 580px;
clear: both;
position: fixed;
z-index: 999;
}
.timeline_control{
margin-left: 100px;
}
/*
#plurk-dashboard .dash-group-left, #plurk-dashboard .dash-group-right {
position: fixed;
width: 350px;
z-index: 9999;
top: 0;
padding-top:70px;
background: #F4EEF8;
height: 100%;
-webkit-transition: left 0.5s, right 0.5s;
-mos-transition: left 0.5s, right 0.5s;
-o-transition: left 0.5s, right 0.5s;
transition: left 0.5s, right 0.5s;
}
#plurk-dashboard .dash-group-left {
left: -270px;
}
#plurk-dashboard:hover .dash-group-left{
left: 0px;
}
#plurk-dashboard .dash-group-right {
right: -270px;
}
#plurk-dashboard .dash-group-right .dash-segment {
padding-left: 30px;
}
#plurk-dashboard:hover .dash-group-right{
right: 0px;
}
.dash-segment .segment-content {
background: transparent;
background-color: transparent;
}
#plurk-dashboard .dash-segment-friends, #plurk-dashboard .dash-segment-fans {
width: 100%;
}
*/
.dash-segment .segment-content {
background: transparent;
background-color: transparent;
}
#plurk-dashboard .dash-segment-post {
margin-top: 20px;
/* background: rgba(255,255,255,0.6); */
border-radius: 10px;
}
#plurk-dashboard .dash-segment {
position: fixed;
}
#plurk-dashboard .dash-segment.dash-segment-post {
position: relative;
}
#plurk-dashboard .dash-segment-profile {
margin-top: 50px;
position: fixed;
background: rgba(15, 69, 97, 0.5);
width: 300px;
max-width:20%;
left: -250px;
top: 10px;
padding: 10px;
-webkit-transition: left 1s, background 1s;
-mos-transition: left 1s, background 1s;
-o-transition: left 1s, background 1s;
transition: left 1s, background 1s;
z-index:999;
}
#plurk-dashboard .dash-segment-profile:hover {
background: rgba(15, 69, 97, 1.0);
left:20px;
}
#plurk-dashboard .dash-segment-profile #dash-profile {
width: 320px;
}
#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic {
-webkit-transition: all 0s;
-mos-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
z-index:999;
width: 100px;
height: 100px;
}
#plurk-dashboard .dash-segment-profile #dash-profile #full_name {
margin-left: 120px;
text-weight: bold;
position:relative;
top:-6px;
}
#plurk-dashboard .dash-segment-profile #dash-profile .profile-info {
margin-left:120px;
}
#plurk-dashboard .dash-segment-stats, #plurk-dashboard .dash-segment-friends, #plurk-dashboard .dash-segment-fans {
top: 50px;
z-index: 700;
width: 300px;
max-width: 25%;
transition: background 0.2s, height 1.6s;
}
#plurk-dashboard .dash-segment-stats{
top: 0px;
left: 50px;
height: 90px !important;
overflow: hidden !important;
}
#plurk-dashboard .dash-segment-stats h2{
font-size: 0 !important;
}
#dash-stats-table {
height: 0;
width: 0;
opacity:0;
}
#plurk-dashboard .dash-segment-friends, #plurk-dashboard .dash-segment-fans {
height: 40px !important;
overflow: hidden !important;
background: rgba(15, 69, 97, 0.0);
}
#plurk-dashboard .dash-segment-friends:hover, #plurk-dashboard .dash-segment-fans:hover {
height: auto !important;
background: rgba(15, 69, 97, 0.8);
}
#plurk-dashboard .dash-segment-friends {
left: calc( 50px + 22%);
}
#plurk-dashboard .dash-segment-fans {
left: calc( 50px + 46%);
}
#plurk-dashboard .dash-segment-award {
right: 10px;
width: 300px;
max-width: calc(50% - 500px);
}
#plurk-dashboard .dash-segment-award #dash-award .award_bar{
transform:scaleX(0.75) scaleY(0.75);
}
#plurk-dashboard .dash-segment-award .segment-content .award_bar div{
height: 38px;
}
footer{ height:30px;}
#footer{ position: fixed;left:0;}
.browse_button {
top: 70% !important;
}
#plurk_form .icons_holder li{
width: 25px;
font-size: 20px;
line-height:20px;
}
#plurk-dashboard .dash-group-form .segment-content {
min-height: 80px;
}