CSS para Plurk

Algumas classes básicas para você personalizar seu Plurk.

Background geral
body, html {
background-image: url(http://endereçodaimagem.com) ;
background-repeat: repeat;
color: #2D6358;}
 
Background da timeline (linha do tempo)
#timeline_holder {
background-image: url(http://endereçodaimagem.com) ;
background-repeat: repeat;}
Links do footer e holder

#top_bar a, #top_login a, #dashboard_holder a, #footer a {color: #2D6358;}
#top_bar a:hover, #top_login a:hover, #dashboard_holder a:hover, #footer a:hover {color: #4F988F;}
 
Dashboard

#plurk-dashboard {
background: #CFE4DF;
color: #479B8A;
border: 2px solid #3A7F71;}
 
Links da dashboard
#plurk-dashboard a {
color: #29615A;
text-decoration: none;}
#plurk-dashboard a:hover {
color: #4F988F;
text-decoration: none;}
Karma

#karma {color: #20463F;}
 
Títulos em geral
h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
font-weight: bold;
border-bottom: 1px solid #DEDFC6;}
 
Verbos

.q_loves { background: #EA0C31; border: 1px solid #ffffff;}
.q_likes { background: #A97E47; border: 1px solid #ffffff;}
.q_shares { background: #D8BC97; border: 1px solid #ffffff;}
.q_gives { background: #BB6741; border: 1px solid #ffffff;}
.q_hates { background: #000000; border: 1px solid #ffffff;}
.q_wants { background: #82BC4A; border: 1px solid #ffffff;}
.q_wishes { background: #15AF48; border: 1px solid #ffffff;}
.q_needs { background: #E7E55B; border: 1px solid #ffffff;}
.q_will { background: #4225C3; border: 1px solid #ffffff;}      
.q_hopes { background: #7CB6C9; border: 1px solid #ffffff;}
.q_asks { background: #BC335D; border: 1px solid #ffffff;}
.q_has { background: #6B2590; border: 1px solid #ffffff;}
.q_was { background: #8D9D86; border: 1px solid #ffffff;}
.q_wonders { background: #71636F; border: 1px solid #ffffff;}
.q_feels { background: #752368; border: 1px solid #ffffff;}
.q_thinks { background: #00B69E; border: 1px solid #ffffff;}
.q_says { background: #5F9109; border: 1px solid #ffffff;}
.q_is { background: #61B8EF; border: 1px solid #ffffff;}
 
Janela de update

#updater{
background-color:#CEE7DE;
border: 1px solid #86BFAA;}
#updater a {
color: #29615A;
text-decoration: none;}
#updater a:hover {
color: #4F988F;
text-decoration: none;}
Contagem de novas respostas

.new .response_count {
background-color:#61B8EF;
color:#FFFFFF;
}
Cor do plurk

.plurk_cnt {
color:#101010;
border: 1px solid #B8CECE;}
 
Footer

#footer {
background: #CEE7DE;
color: #2D6358;
border: 1px solid #397D73;}
 
Títulos nas respostas

.plurk_box .caption {background-color: #E5F2F2;
border-right: 1px solid #B8CECE;
border-left: 1px solid #B8CECE;}
 
Cada resposta ao Plurk
.plurk_box .list .plurk_cnt {
background:#FFFFFF none repeat scroll 0 0;
padding-bottom:2px;
border-bottom:1px dashed #B8CECE;
border-right:0 solid #000000;
color:#424542;}
 
Hora da resposta

.response_time {position:absolute;z-index:10000; font-size:11px;border-top: 1px solid #B8CECE;border-bottom: 1px solid #B8CECE;border-right: 1px solid #B8CECE;color:#525552;}
.response_time .holder {color:#525552;background-color:#fff;padding-left:5px;font-size:11px;}
 
"Página do plurk"

.info_box {background-color: #E5F2F2;
border-right: 1px solid #B8CECE;
border-left: 1px solid #B8CECE;
border-top: 0px solid #B8CECE;
border-bottom: 1px solid #B8CECE;}
 
Imagens na linha do tempo

.p_img {border: 2px solid #CAD9D9;}
 
Descrição

.tooltip_cnt{
background:#83A980;
padding:5px;
margin-top:1px;
border:1px solid #ffffff;
color:#ffffff;
font-size:7p;}
.AmiTT_main b{color:#ffffff;font-weight:bold;}