#page_title {
overflow: hidden;
opacity:0; width: 0;
}
html {
background: url(http://img13.imageshack.us/img13/6452/banner2hi.png);
color: #000000;
background-repeat: repeat;
}
body {
background: none;
padding-top: 60px;
padding-left: 5px;
padding-right: 5px;
overflow-x:hidden;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 9pt;
}
#top_login {
padding: 2px 10px 0px 0px !important;
margin: 0px 0px 0px 0px;
background-image: url(http://static.plurk.com/static/theme/image/marine-timestamp-line.png);
background-color: transparent;
background-repeat: repeat;
color: black !important;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}
#sign_up {
padding: 0px 3px 0px 3px !important;
margin: 0px 0px 0px 0px !important;
position: relative !important;
}
#dash-stats h3 {
font-size: 24px;
}
#alert_beacon {
text-shadow: 1px 1px 1px white;
color: black !important;
}
h1 {
font-weight: bold;
text-shadow: 1px 1px 1px grey;
color: black !important;
}
table, td {
color: black !important;
text-shadow: 1px 1px 1px white;
}
#plurk-dashboard a, #footer a, #top_login a, #top_bar a {
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-shadow: 1px 1px 1px white;
color: black !important;
}
#karma, .karma_hover {
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-shadow: 2px 2px 2px black;
color: #99FF33;
font-weight:bold;
}
.browse_button {
margin-left: 210px !important;
}
.tooltip_cnt {
background: #003300;
text-shadow: 1px 1px 1px black;
}
/* ----- TIMELINE ------ */
#timeline_cnt {
background: url( ) no-repeat;
}
#timeline_holder {
background: url(http://i47.tinypic.com/mhx5d0.jpg) repeat-x;
padding-left: 210px;
padding-right: 215px;
position: relative;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
border: 1px solid #CCCCCC;
}
#bottom_line {
position: relative;
top: 365px !important;
right: 5px;
left: 0px;
}
div#updater {
left: 5px; right: auto;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-khtml-border-radius:12px;
}
#filter_tab .off_tab {
background: #003300;
}
/* -------plurk--------- */
.p_img img {
border: 2px solid white;
background: white
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
}
.response_count {
padding: 2px 2px 2px 2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}
textarea#input_small, textarea#input_big {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
.mini_form {
color: black;
font-weight: bold;
text-shadow: 1px 1px 1px white;
-moz-border-top-left-radius: 10px 10px;
-webkit-border-top-left-radius: 10px 10px;
-khtml-border-top-left-radius: 10px 10px;
-moz-border-top-right-radius: 10px 10px;
-webkit-border-top-right-radius: 10px 10px;
-khtml-border-top-right-radius: 10px 10px;
}
.plurk_box .list .empty {
text-shadow: 1px 1px 1px white;
}
.plurk_box .list {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
.qualifier {
text-shadow: 1px 1px 1px black;
color: white;
padding: 0px 1px 0px 1px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
}
#emoticons_show img {
border: 0px !important;
}
#emoticons_show, #emoticons_tabs ul li {
border: 1px solid grey;
padding: 2px 2px 2px 2px !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.plurk_cnt {
text-shadow: 1px 1px 1px grey;
font-size: 9pt;
border: 1px solid #CCCCCC;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
.dots .inner {
background: white;
text-shadow: 1px 1px 1px white;
padding: 0px 1px 1px 0px !important;
border: 1px solid #CCCCCC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
}
.plurk_cnt table {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
.plurk_cnt {
opacity: .9;
padding: 2.5px 9px;
background: white;
margin-left: 5px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.plurk_box .caption {
background: rgb(72,72,72);
color: rgb(231,231,231);
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
.info_box {
-moz-border-bottom-left-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px;
-khtml-border-bottom-left-radius: 10px 10px;
-moz-border-bottom-right-radius: 10px 10px;
-webkit-border-bottom-right-radius: 10px 10px;
-khtml-border-bottom-right-radius: 10px 10px;
}
.plurkaction .qual_holder {
text-shadow: 1px 1px 1px white;
font-weight: bold;
color: #FFFFFF;
}
.emoticon, .p_img {
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-khtml-transition-duration: 500ms;
}
.emoticon:hover, .p_img:hover {
-webkit-transform: rotate(390deg) scale(1.2);
-moz-transform: rotate(390deg) scale(1.2);
-khtml-transform: rotate(390deg) scale(1.2);
}
#dash-friends {
position: !important;
background: url( ) repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
padding: 0px 0px 5px 0px;
border: 1px solid #CCCCCC;
left: 5px;
opacity: 1 !important;
text-align : center;
top: 300px;
width:190px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
#dash-fans {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
position: !important;
background: url( ) repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
opacity : 1 !important;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
right: 5px;
top: 363px;
width:195px;
}
.friend_holder td {
padding: 0px 0px 3px 3px;
}
.friend_holder img {
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
#dashboard-invite, #sharePlurk {
width: 0; height: 0 !important;
opacity: 0 !important;
padding: 0px !important;
overflow: hidden !important;
}
#dash-stats {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
position: !important;
background: url( ) repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
opacity : 1 !important;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
right: 5px;
top: 100px;
width:195px;
}
#plurk-dashboard table, #plurk-dashboard td {
color: white !important;
text-shadow: 1px 1px 1px black;
}
#plurk-dashboard {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
border: 1px solid #CCCCCC;
background: url(http://img52.imageshack.us/img52/5093/baner1w.png) repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
background-color: transparent;
}
.dash-segment {
min-height : 60px;
}
/*----- PANE PLURK ----*/
#dashboard_holder {
position: relative;
width:100% !important;
}
#toggle_tab li {
background: url(http://img52.imageshack.us/img52/5093/baner1w.png) repeat-x;
-moz-border-top-left-radius:8px;
-webkit-border-top-left-radius:8px;
-khtml-border-top-left-radius:8px;
-moz-border-top-right-radius:8px;
-webkit-border-top-right-radius:8px;
-khtml-border-top-right-radius:8px;
color: white;
border: 0px solid #CCCCCC;
background-color: #E0E0E0;
background-color: transparent;
}
#toggle_tab li.tt_selected {
background: url(http://img52.imageshack.us/img52/5093/baner1w.png) repeat-x;
-moz-border-top-left-radius:8px;
-webkit-border-top-left-radius:8px;
-khtml-border-top-left-radius:8px;
-moz-border-top-right-radius:8px;
-webkit-border-top-right-radius:8px;
-khtml-border-top-right-radius:8px;
border: 1px solid #E0E0E0;
background-color: transparent;
}
.plurkaction {
background: url(http://img52.imageshack.us/img52/5093/baner1w.png) repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
border: 1px solid #E0E0E0;
background-color: transparent;
}
.share_search {
position:relative;
bottom: 10px;
padding-right: 50%;
}
#reply_box {
background-image: url( );
background-repeat: repeat;
background-color: transparent;
}
/*--- FOOTER ---*/
#footer {
top: -85px;
width: 100% !important;
color: white;
padding: 3px 10px 3px 10px;
}
#languge_selector, #footer p {
padding: 3px 25px 3px 25px;
}
.day_bg .div_inner {
background: url(http://www.laymark.com/i/m/m121.gif) no-repeat Bottom;
width: 80px; border: none;
}
/* -------LOADING------- */
.list .loading {
position:absolute;
height:220px; /* jarak dari atas */
background:transparent url(http://www.laymark.com/i/m/m121.gif) no-repeat 50% 50%;
}
.loading img {
filter:alpha(opacity=0);
opacity:.0;
}