Layout Plurk buatan sendiri

Ini design plurk ketiga,design plurk kedua ngak sempat ke simpen, padahal udah cape-cape bikin,.. bagi plurkers yang ingin mengunakan nya. silakan… ksih koment yach..

/*Page Title */
#page_title {
overflow: hidden;
opacity:0; width: 0;
}

/* Main Body and Background of Body */
body, html {
background: #013790 url(http://www.hdwallpapers.in/walls/dark_love_pair-wide.jpg);
background-position: center;
background-attachment: fixed;
background-repeat: repeat;
}
body {
background: none;
padding-left: 405px;
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;
}

/* tulisannya karma */
#dash-stats h3 {
font-size: 24px;
}
#karma, .karma_hover {
font-family: “Trebuchet MS”, Helvetica, sans-serif;
text-shadow: 2px 2px 2px black;
color: #99FF33;
font-weight:bold;
}
.karma_arrow {
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
}
.cmp_karma_up {
width:8px;
height:10px;
margin-top: 10px;
}

#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;
}

.browse_button {
margin-left: 210px !important;
}

/* Tool Tip */
.tooltip_cnt{
background: #c3c3c3;
text-shadow: 1px 1px 1px black;
border:0px solid  #000;
color: #fff;
padding:5px;
margin-top:1px;
font-size:11px;
}
.AmiTT_main b {
color: #013790;
font-weight:bold;
}
.AmiTT_main {
color: #FFF;
line-height:1.2;
border-top: 0px solid #013790;
position:absolute;
text-align:left;
width:209px;
z-index:2000;
}

/* Timeline Holder Background */
#timeline_holder {
background: transparent url();
background-repeat:no-repeat;
padding-left: 415px;
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;
}

/* Today and Time of Plurks */
#bottom_line {
font-size: 11px;
margin-top: -2px;
border-top:0px solid #b9aeab;
border-bottom: 2px solid transparent;
background: url(http://i25.tinypic.com/1oss46.jpg);
position: relative;
top: 365px !important;
right: 215px;
left: 0px;
}
.bottom_start , .bottom_end {color:#c3c3c3 !important;font-weight:bold;font-size:11px ; }

/* Updater Responses and new Plurks */
#updater {
padding: 2px;
margin-top: -10px;
text-transform: none;
border:0;
color: #fff;
background: url(http://i25.tinypic.com/1oss46.jpg);
right: 10px;  left: auto;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-khtml-border-radius:12px;
}
#updater .text {
border:0;
color: #fff;
font-size: 11px;
}
#updater a {
color: #a21d04;
font-weight: bold;
text-transform: none;
}
#updater a:hover {
color:#018ed6;
text-transform: none;
font-weight: bold;
}

/* All Plurks My Plurks*/
#filter_tab {
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px;
border: 0 !important;
margin-top: 1px;
}
#filter_tab a.off_tab {
background: transparent;
color: #c3c3c3;
border:0 !important;
}
#filter_tab a.off_tab:hover {
color: #f36c01;
border:0 !important;
}
#filter_tab a.filter_selected {
border:0 !important;
background: #003300;
color: #fff;
letter-spacing: 1px;
}
#filter_tab a.filter_selected:hover {}

.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;
}
.emoticon, .p_img {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
/* -webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-khtml-transition-duration: 500ms;*/
}
.emoticon:hover, .p_img:hover {
-webkit-transform:rotate(720deg) scale(2,2);
-moz-transform:rotate(720deg) scale(2,2);
-o-transform:rotate(720deg) scale(2,2);
-ms-transform:rotate(720deg) scale(2,2);
transform:rotate(720deg) scale(2,2);
/*-webkit-transform: rotate(390deg) scale(1.2);
-moz-transform: rotate(390deg) scale(1.2);
-khtml-transform: rotate(390deg) scale(1.2);*/
}

/*Number of Responses on Plurks in Timeline*/
.response_count {
background: transparent;
color: #fff !important;
padding: 2px 2px 2px 2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}

/*New responses on Plurks*/
.new .response_count {
background: #a21d04;
border: 1px solid #a21d04;
color: #fff !important;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 3px;
}

/* Plurk Textarea */
textarea#input_big, textarea#input_permalink {
background: transparent;
border-bottom: 1px solid #fff;
border-top: transparent;
order-left: transparent;
border-right: transparent;
color: #fff !important;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
textarea#input_small {
background: #ffffff !important;
border: 1px solid #888;
color: #000000 !important;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
#input_small {
height: 40px;
color: #e2b223 !important;
border: 1px solid #ffffff;
background: #ffffff; !important;
}

.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: Background where responses are */
.plurk_box .list {
background: #ffffff repeat scroll top left;
border-color: #e0e0e0;
border-radius: 8px;
border-width: 0px;
color: #000000 !important;
text-shadow: 1px 1px 1px white;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;

}
/* Plurk: “Recent Plurk Responses” area */
.plurk_box .caption {
border:0;
font-size: 11px;
color: #fff;
background: #013790;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
/* Plurk: Response Caption Bars */
.plurk_box {
-moz-border-radius: 6px;
-khtml-border-radius:6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
/* Plurk: Mini Form Text */
.plurk_box .highlight_light {
color: #ff0000 !important;
}
/* Plurk: Plurk Text when Plurk opened */
.plurk_box .plurk_cnt {
background: #ffffff !important;
border-bottom: 1px solid #f7f7f7;
color: #000000 !important;
border-top: 0px solid #e0e0e0;
padding-top: 3px;
padding-bottom: 3px;
}

/* Plurk: Responding area */
.plurk_box .mini_form {
background: #fff;
color: #000000 !important;
border-right: 1px solid #fff;
border-left:0;
border-bottom:0;
border-top:0;
-moz-border-radius: 0px 0px 6px 6px;
-khtml-border-radius: 0px 0px 6px 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

.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;
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_cnt table {
-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;
}

.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;
color: #000 !important;
background: #FFF;
border:0;
font-size: 11px;
}

.plurkaction {
clear:both;padding:8px;
background: url(http://i47.tinypic.com/mhx5d0.jpg) 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;
}
.plurkaction .qual_holder {
text-shadow: 1px 1px 1px white;
font-weight: bold;
color: #FFFFFF;
}
.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{
border: 0px solid #fff;
background: url(http://i25.tinypic.com/1oss46.jpg);
color:#c3c3c3 !important;
}

#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;
}
#top_login a:hover {
border:0;
text-decoration: normal;
color: #fff;
}

/*Dashboard*/
#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:0 !important;
background: transparent !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);
background-color: transparent;
}
#plurk-dashboard h2{
color: #f36c01;
font-family: “Trebuchet MS”, Helvetica, sans-serif;
font-size: 24px;
border-bottom: 0px solid #83DF45;
text-transform: capitalize;
text-shadow: #000 1px 1px 0;
}
#profile_pic {
-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);
position: fixed !important;
opacity: 1 !important;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
background-color: white;
left: 5px;
top:5px;
width:185px;
height:180px;
border: 0px solid #CCCCCC;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
}
#dash-profile {
background: url(http://i25.tinypic.com/1oss46.jpg);
-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;
position: fixed !important;
opacity : 1 !important;
text-align: center;
color: #fff;
text-shadow: 1px 1px 1px black;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
left: 5px;
top: 199px;
height:170px;
width:185px;
}
#dash-additional-info {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
position: fixed !important;
opacity : 1 !important;
text-align: left;
color: white;
text-shadow: 1px 1px 1px black;
margin: 0px 0px 0px 20px;
padding: 32px 3px 3px 3px;
left: 2px;
top: 220px;
width:190px;

}
#dash-stats
{
background: url(http://i25.tinypic.com/1oss46.jpg);
border:1px solid  #fff;
color: #a21d04;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
position: fixed !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);
opacity : 1 !important;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
left: 205px;
top: 5px;
width:185px;
}
.award_bar div {
padding: 3px 1px 3px 4px;
margin: 0px 0px 0px 0px;
height: 28px;
width: 28px;
}
.award_bar img {
-moz-transform: scale(0.7);
-khtml-transform: scale(0.7);
-webkit-transform: scale(0.7);
-o-transform: scale(0.7);
}
.award_bar {
position: fixed !important;
background: url(http://i25.tinypic.com/1oss46.jpg) 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: 200px;
opacity: 1 !important;
text-align : right;
top: 285px;
width:185px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
#dash-friends {
padding-top: 5px;
text-align: center;
background: url(http://i25.tinypic.com/1oss46.jpg);
color: #fff;
position: fixed !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);
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
left: 205px;
opacity: 1 !important;
text-align : center;
top: 340px;
width:185px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
#dashboard-invite, #sharePlurk {
width: 0; height: 0 !important;
opacity: 0 !important;
padding: 0px !important;
overflow: hidden !important;
}
.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);
}
#dash-fans {
background: url(http://i25.tinypic.com/1oss46.jpg);
color: #fff;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
position: fixed !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);
opacity : 1 !important;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
left: 5px;
top: 399px;
width:185px;
}
.dash-segment {
min-height : 60px;
}

/*— FOOTER —*/
#footer {
top: -85px;
width: 100% !important;
color: black;
padding: 3px 10px 3px 10px;
}

#languge_selector, #footer p {
padding: 3px 25px 3px 25px;
}

.day_bg .div_inner {
background: url(http://lakonja.files.wordpress.com/2010/07/waktu.png) no-repeat Bottom;
width: 80px; border: none;
}
/* ——-LOADING——- */

.list .loading {
position:absolute;
height:120px; /* jarak dari atas */
background:transparent url(http://i103.piczo.com/view/2/n/0/b/s/3/r/b/0/q/9/l/img/t170817703_58075_3.gif) no-repeat 50% 50%;
}

.loading img {
filter:alpha(opacity=0);
opacity:.0;
}

/*—–  PANE PLURK —-*/
#dashboard_holder {
position: relative;
width:100% !important;
color: white;
}

.plurkaction {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
border: 1px solid #606060;
color: yellow;
background-image: url(http://i51.tinypic.com/2uh4m1j.jpg);
background-repeat: repeat;
background-color: transparent;
}

.share_search {
position:relative;
bottom: 10px;
padding-right: 50%;
}

#more_options_holder, #more_options_holder table td {
color: white !important;
text-shadow: 1px 1px 1px black !important;
background: none !important;
}

#reply_box {
background-image: url(http://i51.tinypic.com/2uh4m1j.jpg);
background-repeat: repeat;
background-color: transparent;
color: #C0C0C0;
}

/* Remove Plurk Creature */
div#dynamic_logo img {
background-position: left top;
background-repeat: no-repeat;
height: 0px;
width: 0px;
position: absolute;
overflow: hidden;
left: 65px;
}

div#logo {
border-bottom: none;
}

div#logo img {
background-position: left top;
background-repeat: no-repeat;
overflow: hidden;
height: 0px;
width: 0px;
}

.day_bg .div_inner {
background: url(http://i56.tinypic.com/svri83.jpg) no-repeat bottom;
width: 48px; border: 0px solid red;

}

div#dynamic_logo img[src=”http://static.plurk.com/static/creatures/big/7.png”%5D {
padding-left: 125px;
height: 200px;
right: 300px !important;
padding-right: 215px;
/* width: 0px; */
background: url(http://i52.tinypic.com/2zgci2o.jpg) no-repeat scroll left top;
}

div#logo img[src=”http://static.plurk.com/static/creatures/big/7.png”%5D {
height: 200px;
width: 0px;
padding-left: 125px;
right: 300px;
background: url(http://i52.tinypic.com/2zgci2o.jpg) no-repeat scroll left top;
}

div#dynamic_logo img[src=”http://static.plurk.com/static/logo.png”%5D, div#logo img[src=”http://static.plurk.com/static/logo.png”%5D {
opacity:0;filter:alpha(opacity=0);zoom:1
}
/* End Plurk Creature Removal */
/* ——————— */

kirim coment yupz..🙂

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: