<B>WharfWhite</B> <br/> <img src="http://xs124.xs.to/xs124/08050/blogwhite325.png"><br/>
 <P>
<B>WharfGray</B> <br/> <img src="http://xs124.xs.to/xs124/08050/bloggray677.png"><br/>
 <P>
Wharf (開放中)<P>
解析度 1 0 2 4 x 7 6 8  <br>
 <br>
這次做了兩款，純粹是背景不同 <br>
 <br>
不開放修改<br>
 <br>
請尊重版權 及 作者 /c224277201<br>
 <br>
不管你拿了哪款，拿了請到<a href="http://www.wretch.cc/blog/c224277201&article_id=17006617">這</a>回應文章<br>
 <br>
請大家遵守規則 <br>
 <br>
回覆這是種基本禮貌<br>
 <br>
 <br>
 <br>
 <br>
 <br>
WharfWhite <br>
★"若套用Wharf兩款樣式，請不要使用誰來我家這項新功能，目前正在修正當中。<BR>
<textarea style="width:250; height:50; border:1px solid #AEAEAE; overflow: hidden; font-style:normal; font-variant:normal; font-weight:normal; font-size:10 pt; font-family:新細明體; background-color:#FFFFFF; color:#888888"  onfocus=this.select() onmouseover=this.focus() rows="1" cols="20" name="j">

/* ----------
modified by C224277201
http://www.wretch.cc/blog/c224277201
powered by wretch design wizard - www.wretch.cc
---------- */
body {
font-size: 10px;
background: url(http://i218.photobucket.com/albums/cc244/smile0061111/blog.png) #ffffff center 0%;
margin-left: 115px;
cursor: crosshair;
color: #000000;
font-family: "verdana";
}
a {
color: #7c7c7c;
text-decoration: none;
}
a:link {
color: #7c7c7c;
text-decoration: none;
}
a:hover {
cursor: crosshair;
color: #aeaeae! important;
text-decoration: none;
}
a:visited {
color: #7c7c7c;
text-decoration: none;
}
a:active {
color: #7c7c7c;
text-decoration: none;
}
#container1 {
background-position-x: left;
background-image: none;
margin: 10px auto 25px;
width: 900px;
background-repeat: no-repeat;
position: relative;
}
#container2 {
margin-top: 38px;
}
#banner {
font-weight: normal;
border-top-style: none;
font-style: normal;
font-family: "verdana";
height: 50px;
text-align: center;
}
#description2 {
font-weight: normal;
left: -40px;
width: 800px;
color: #aeaeae;
font-style: normal;
font-family: "verdana";
position: absolute;
top: 480px;
text-align: left;
}
#content {
left: 217px;
float: left;
background-image: none;
overflow: auto;
width: 450px;
line-height: 16px;
position: absolute;
top: 75px;
height: 393px;
}
.date {
display: block;
background: #dcdcdc;
left: 300px;
width: 130px;
position: relative;
top: 8px;
text-align: center;
}
.posted {
font-size: 0px;
color: #ffffff;
border-bottom: #dcdcdc 1px dotted;
letter-spacing: -1px;
height: 25px;
text-align: right;
}
.posted a {
font: 7pt VERDANA;
letter-spacing: 1px;
text-align: right;
}
.comments-post {
padding-right: 5px;
display: block;
padding-left: 5px;
background: #dcdcdc;
left: 0px;
padding-bottom: 1px;
width: 380px;
padding-top: 3px;
top: 10px;
text-align: center;
}
#links {
background: no-repeat left center;
overflow-x: hidden;
margin-left: 675px;
overflow: auto;
width: 200px;
line-height: 16px;
padding-top: 5px;
height: 375px;
}
.sidetitle {
padding-right: 20px;
padding-left: 0px;
font-size: 10px;
background: #dcdcdc;
padding-bottom: 0px;
color: #5c5c5c;
padding-top: 3px;
letter-spacing: 1px;
text-align: center;
}
.side {
padding-right: 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-top: 8px;
}
.syndicate {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
#banner a {
font-weight: normal;
font-size: 10px;
left: -70px;
color: #a1a1a1;
font-style: normal;
font-family: "verdana";
position: absolute;
top: 50px;
text-align: left;
}
#banner a:link {
font-size: 10px;
color: #a1a1a1;
font-family: "verdana";
}
#banner a:visited {
font-size: 10px;
color: #a1a1a1;
font-family: "verdana";
}
#banner a:active {
font-size: 10px;
color: #a1a1a1;
font-family: "verdana";
}
#banner a:hover {
font-size: 10px;
color: #cccccc;
font-family: "verdana";
}
.description {
font-size: 10px;
color: #777777;
font-style: normal;
font-family: "verdana";
}
.title {
padding-right: 0px;
background-position: left center;
margin-top: 0px;
padding-left: 15px;
font-weight: normal;
font-size: 10px;
filter: ;
background-image: url(http://f8.wretch.cc/v6834/2/1522490638.jpg);
padding-bottom: 2px;
color: #7c7c7c;
padding-top: 4px;
background-repeat: no-repeat;
letter-spacing: 2px;
}
.innertext {
padding-left: 13px;
font-weight: normal;
font-size: 10px;
color: #000000;
font-style: normal;
font-family: "verdana";
}
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
html {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
html {
overflow: hidden;
}
select {
font-size: 10px;
color: #000000;
font-family: "verdana";
}
input {
border-right: #777777 1px solid;
border-top: #777777 1px solid;
font-size: 10px;
background: #ffffff;
border-left: #777777 1px solid;
color: #000000;
border-bottom: #777777 1px solid;
font-family: "verdana";
}
textarea {
border-right: #777777 1px solid;
border-top: #777777 1px solid;
font-size: 10px;
background: #ffffff;
border-left: #777777 1px solid;
color: #aeaeae;
border-bottom: #777777 1px solid;
font-family: "verdana";
}
.img {
broder: none;
}
th .calendar {
font-weight: normal;
font-size: 10px;
font-family: "verdana";
}
td .calendar a {
background: #dedede;
color: #000000;
}
td .calendar a:link {
color: #777777;
}
td .calendar a:visited {
color: #777777;
}
td .calendar a:active {
color: #777777;
}
td .calendar a:hover {
background: #ffffff;
color: #777777;
}
td span.calendar {
display: block;
width: 18px;
line-height: 18px;
}
td span.calendar a {
display: block;
background: #dedede;
width: 18px;
color: #000000;
line-height: 18px;
text-align: center;
}
h1 .description {
font-weight: normal;
left: 70px;
width: 300px;
color: #000000;
font-family: "verdana";
position: absolute;
top: 480px;
text-align: left;
}
.extended {
text-align: right;
}
.comments-post img {
width: 0px;
height: 0px;
}
.commentTitle {
font-weight: normal;
font-size: 10px;
margin-left: 23px;
font-family: "verdana";
}
.comments-body {
margin-left: 23px;
width: 400px;
}
.boxGiftLink {
display: none;
}
.boxAddFriendLink {
display: none;
}
.total-comments-div .powered img {
display: none;
}
.postisAuth {
display: none;
}
.powered .powerlogo img {
display: none;
}
.powered .powerlogo {
display: none;
}
.boxProfile1 {
display: block;
}
.boxProfile0 {
display: block;
}
.boxSearch1 {
display: none;
}
.boxSearch0 {
display: none;
}
.scupioSearch0 {
display: none;
}
.scupioSearch1 {
display: none;
}
.powerlogo {
display: none;
}
.total-comments-div {
border-right: #dcdcdc 0px solid;
border-top: #dcdcdc 0px solid;
margin: 0px auto;
border-left: #dcdcdc 0px solid;
width: 380px;
padding-top: 10px;
border-bottom: #dcdcdc 0px solid;
text-align: center;
}
.comments-head {
margin-top: 20px;
padding-left: 23px;
padding-top: 10px;
}
.commentTitle {
font-weight: normal;
font-size: 10px;
margin-left: 23px;
font-family: "verdana";
}
.comments-body {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
margin-top: 20px;
border-left: #dcdcdc 1px solid;
width: 390px! important;
line-height: 175%;
border-bottom: #dcdcdc 1px solid! important;
text-align: left;
}
.extended {
text-align: right;
}
.boxGiftLink {
display: none;
}
.boxAddFriendLink {
display: none;
}
.total-comments-div .powered img {
display: none;
}
.postisAuth {
display: none;
}
.powered .powerlogo img {
display: none;
}
.powered .powerlogo {
display: none;
}
.boxProfile1 {
display: block;
}
.boxProfile0 {
display: block;
}
.boxSearch1 {
display: none;
}
.boxSearch0 {
display: none;
}
.scupioSearch0 {
display: none;
}
.scupioSearch1 {
display: none;
}
.powerlogo {
display: none;
}
.total-comments-div .trackbacks-head .comments-head {
font-size: 0px;
color: #ffffff;
}
.total-comments-div .comments-head {
font-size: 0px;
color: #ffffff;
}
.articletext {
background-position: left top;
border-top-style: none;
background-repeat: no-repeat;
border-bottom-style: none;
}
.total-comments-div .comments-bottom .comments-head {
color: #ffffff;
height: 20px;
}
.total-comments-div .comments-body form img {
display: none;
}
.total-comments-div .comments-body form {
text-align: center;
}
.total-comments-div .comments-body form br {
}
.total-comments-div .comments-body form input {
}
.trackback-url {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
margin-top: 10px;
border-left: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
text-align: center;
}
#email {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
background: #ffffff;
border-left: #dcdcdc 1px solid;
width: 330px;
border-bottom: #dcdcdc 1px solid;
}
#url {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
background: #ffffff;
border-left: #dcdcdc 1px solid;
width: 330px;
border-bottom: #dcdcdc 1px solid;
}
.comments-post img {
visibility: hidden;
width: 9px;
height: 9px;
}
.postuser {
text-align: right;
}
.postemail {
background: #000000;
}
.postemail:hover {
background: #dcdcdc;
}
.postweb {
background: #000000;
}
.postweb:hover {
background: #dcdcdc;
}
.vip_icon {
display: none;
}
ul {
list-style-type: none;
}
.boxNewComment1 .side a {
border-right: #ddd 1px solid;
border-top: #ddd 1px solid;
display: block;
padding-left: 5px;
font-size: 7pt;
background: #f5f5f5;
border-left: #ddd 1px solid;
line-height: 13px;
padding-top: 2px;
border-bottom: #ddd 1px solid;
text-align: left;
}
.boxNewComment1 .side a:hover {
display: block;
color: #dedede;
text-align: left;
}
#boxNewComment .side br {
display: none! important;
}
#boxNewComment .side {
background: #ffffff;
font: 0px/2pt verdana;
color: #ffffff;
}
#boxSearch {
display: none;
}
.syndicate {
display: none;
}
#boxRssList {
display: none;
}
#boxCounter br {
display: none;
}
.boxCounter0 {
display: none;
}
#boxCounter {
color: #7c7c7c;
position: absolute;
top: 43px;
}
#boxDate {
display: none;
}
#boxNewArticle .side a {
padding-right: 2px;
display: block;
padding-left: 2px;
padding-bottom: 2px;
width: 190px;
line-height: 15px;
padding-top: 2px;
border-bottom: #ddd 1px solid;
}
#boxNewArticle .side br {
display: none;
}


</textarea> <p>

WharfGray <BR>
★" 套用此樣式，一開始因為圖片檔有點大，所以會跑的比較慢，第二次就不會了<BR>
<textarea style="width:250; height:50; border:1px solid #AEAEAE; overflow: hidden; font-style:normal; font-variant:normal; font-weight:normal; font-size:10 pt; font-family:新細明體; background-color:#FFFFFF; color:#888888"  onfocus=this.select() onmouseover=this.focus() rows="1" cols="20" name="j">

/* ----------
modified by C224277201
http://www.wretch.cc/blog/C224277201
powered by wretch design wizard - www.wretch.cc
---------- */
body {
font-size: 10px;
background: url(http://xs124.xs.to/xs124/08050/blog2529.png) #ffffff center 0%;
margin-left: 115px;
cursor: crosshair;
color: #000000;
font-family: "verdana";
}
a {
color: #7c7c7c;
text-decoration: none;
}
a:link {
color: #7c7c7c;
text-decoration: none;
}
a:hover {
cursor: crosshair;
color: #aeaeae! important;
text-decoration: none;
}
a:visited {
color: #7c7c7c;
text-decoration: none;
}
a:active {
color: #7c7c7c;
text-decoration: none;
}
#container1 {
background-position-x: left;
background-image: none;
margin: 10px auto 25px;
width: 900px;
background-repeat: no-repeat;
position: relative;
}
#container2 {
margin-top: 38px;
}
#banner {
font-weight: normal;
border-top-style: none;
font-style: normal;
font-family: "verdana";
height: 50px;
text-align: center;
}
#description2 {
font-weight: normal;
left: -40px;
width: 800px;
color: #aeaeae;
font-style: normal;
font-family: "verdana";
position: absolute;
top: 480px;
text-align: left;
}
#content {
left: 217px;
float: left;
background-image: none;
overflow: auto;
width: 450px;
line-height: 16px;
position: absolute;
top: 75px;
height: 393px;
}
.date {
display: block;
background: #dcdcdc;
left: 300px;
width: 130px;
position: relative;
top: 8px;
text-align: center;
}
.posted {
font-size: 0px;
color: #ffffff;
border-bottom: #dcdcdc 1px dotted;
letter-spacing: -1px;
height: 25px;
text-align: right;
}
.posted a {
font: 7pt VERDANA;
letter-spacing: 1px;
text-align: right;
}
.comments-post {
padding-right: 5px;
display: block;
padding-left: 5px;
background: #dcdcdc;
left: 0px;
padding-bottom: 1px;
width: 380px;
padding-top: 3px;
top: 10px;
text-align: center;
}
#links {
background: no-repeat left center;
overflow-x: hidden;
margin-left: 675px;
overflow: auto;
width: 200px;
line-height: 16px;
padding-top: 5px;
height: 375px;
}
.sidetitle {
padding-right: 20px;
padding-left: 0px;
font-size: 10px;
background: #dcdcdc;
padding-bottom: 0px;
color: #5c5c5c;
padding-top: 3px;
letter-spacing: 1px;
text-align: center;
}
.side {
padding-right: 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-top: 8px;
}
.syndicate {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
#banner a {
font-weight: normal;
font-size: 10px;
left: -70px;
color: #a1a1a1;
font-style: normal;
font-family: "verdana";
position: absolute;
top: 50px;
text-align: left;
}
#banner a:link {
font-size: 10px;
color: #a1a1a1;
font-family: "verdana";
}
#banner a:visited {
font-size: 10px;
color: #a1a1a1;
font-family: "verdana";
}
#banner a:active {
font-size: 10px;
color: #a1a1a1;
font-family: "verdana";
}
#banner a:hover {
font-size: 10px;
color: #cccccc;
font-family: "verdana";
}
.description {
font-size: 10px;
color: #777777;
font-style: normal;
font-family: "verdana";
}
.title {
padding-right: 0px;
background-position: left center;
margin-top: 0px;
padding-left: 15px;
font-weight: normal;
font-size: 10px;
filter: ;
background-image: url(http://f8.wretch.cc/v6834/2/1522490638.jpg);
padding-bottom: 2px;
color: #7c7c7c;
padding-top: 4px;
background-repeat: no-repeat;
letter-spacing: 2px;
}
.innertext {
padding-left: 13px;
font-weight: normal;
font-size: 10px;
color: #000000;
font-style: normal;
font-family: "verdana";
}
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
html {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
html {
overflow: hidden;
}
select {
font-size: 10px;
color: #000000;
font-family: "verdana";
}
input {
border-right: #777777 1px solid;
border-top: #777777 1px solid;
font-size: 10px;
background: #ffffff;
border-left: #777777 1px solid;
color: #000000;
border-bottom: #777777 1px solid;
font-family: "verdana";
}
textarea {
border-right: #777777 1px solid;
border-top: #777777 1px solid;
font-size: 10px;
background: #ffffff;
border-left: #777777 1px solid;
color: #aeaeae;
border-bottom: #777777 1px solid;
font-family: "verdana";
}
.img {
broder: none;
}
th .calendar {
font-weight: normal;
font-size: 10px;
font-family: "verdana";
}
td .calendar a {
background: #dedede;
color: #000000;
}
td .calendar a:link {
color: #777777;
}
td .calendar a:visited {
color: #777777;
}
td .calendar a:active {
color: #777777;
}
td .calendar a:hover {
background: #ffffff;
color: #777777;
}
td span.calendar {
display: block;
width: 18px;
line-height: 18px;
}
td span.calendar a {
display: block;
background: #dedede;
width: 18px;
color: #000000;
line-height: 18px;
text-align: center;
}
h1 .description {
font-weight: normal;
left: 70px;
width: 300px;
color: #000000;
font-family: "verdana";
position: absolute;
top: 480px;
text-align: left;
}
.extended {
text-align: right;
}
.comments-post img {
width: 0px;
height: 0px;
}
.commentTitle {
font-weight: normal;
font-size: 10px;
margin-left: 23px;
font-family: "verdana";
}
.comments-body {
margin-left: 23px;
width: 400px;
}
.boxGiftLink {
display: none;
}
.boxAddFriendLink {
display: none;
}
.total-comments-div .powered img {
display: none;
}
.postisAuth {
display: none;
}
.powered .powerlogo img {
display: none;
}
.powered .powerlogo {
display: none;
}
.boxProfile1 {
display: block;
}
.boxProfile0 {
display: block;
}
.boxSearch1 {
display: none;
}
.boxSearch0 {
display: none;
}
.scupioSearch0 {
display: none;
}
.scupioSearch1 {
display: none;
}
.powerlogo {
display: none;
}
.total-comments-div {
border-right: #dcdcdc 0px solid;
border-top: #dcdcdc 0px solid;
margin: 0px auto;
border-left: #dcdcdc 0px solid;
width: 380px;
padding-top: 10px;
border-bottom: #dcdcdc 0px solid;
text-align: center;
}
.comments-head {
margin-top: 20px;
padding-left: 23px;
padding-top: 10px;
}
.commentTitle {
font-weight: normal;
font-size: 10px;
margin-left: 23px;
font-family: "verdana";
}
.comments-body {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
margin-top: 20px;
border-left: #dcdcdc 1px solid;
width: 390px! important;
line-height: 175%;
border-bottom: #dcdcdc 1px solid! important;
text-align: left;
}
.extended {
text-align: right;
}
.boxGiftLink {
display: none;
}
.boxAddFriendLink {
display: none;
}
.total-comments-div .powered img {
display: none;
}
.postisAuth {
display: none;
}
.powered .powerlogo img {
display: none;
}
.powered .powerlogo {
display: none;
}
.boxProfile1 {
display: block;
}
.boxProfile0 {
display: block;
}
.boxSearch1 {
display: none;
}
.boxSearch0 {
display: none;
}
.scupioSearch0 {
display: none;
}
.scupioSearch1 {
display: none;
}
.powerlogo {
display: none;
}
.total-comments-div .trackbacks-head .comments-head {
font-size: 0px;
color: #ffffff;
}
.total-comments-div .comments-head {
font-size: 0px;
color: #ffffff;
}
.articletext {
background-position: left top;
border-top-style: none;
background-repeat: no-repeat;
border-bottom-style: none;
}
.total-comments-div .comments-bottom .comments-head {
color: #ffffff;
height: 20px;
}
.total-comments-div .comments-body form img {
display: none;
}
.total-comments-div .comments-body form {
text-align: center;
}
.total-comments-div .comments-body form br {
}
.total-comments-div .comments-body form input {
}
.trackback-url {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
margin-top: 10px;
border-left: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
text-align: center;
}
#email {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
background: #ffffff;
border-left: #dcdcdc 1px solid;
width: 330px;
border-bottom: #dcdcdc 1px solid;
}
#url {
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
background: #ffffff;
border-left: #dcdcdc 1px solid;
width: 330px;
border-bottom: #dcdcdc 1px solid;
}
.comments-post img {
visibility: hidden;
width: 9px;
height: 9px;
}
.postuser {
text-align: right;
}
.postemail {
background: #000000;
}
.postemail:hover {
background: #dcdcdc;
}
.postweb {
background: #000000;
}
.postweb:hover {
background: #dcdcdc;
}
.vip_icon {
display: none;
}
ul {
list-style-type: none;
}
.boxNewComment1 .side a {
border-right: #ddd 1px solid;
border-top: #ddd 1px solid;
display: block;
padding-left: 5px;
font-size: 7pt;
background: #f5f5f5;
border-left: #ddd 1px solid;
line-height: 13px;
padding-top: 2px;
border-bottom: #ddd 1px solid;
text-align: left;
}
.boxNewComment1 .side a:hover {
display: block;
color: #dedede;
text-align: left;
}
#boxNewComment .side br {
display: none! important;
}
#boxNewComment .side {
background: #ffffff;
font: 0px/2pt verdana;
color: #ffffff;
}
#boxSearch {
display: none;
}
.syndicate {
display: none;
}
#boxRssList {
display: none;
}
#boxCounter br {
display: none;
}
.boxCounter0 {
display: none;
}
#boxCounter {
color: #7c7c7c;
position: absolute;
top: 43px;
}
#boxDate {
display: none;
}
#boxNewArticle .side a {
padding-right: 2px;
display: block;
padding-left: 2px;
padding-bottom: 2px;
width: 190px;
line-height: 15px;
padding-top: 2px;
border-bottom: #ddd 1px solid;
}
#boxNewArticle .side br {
display: none;
}

</textarea> <p>

<style>
body,tr,td{font:7pt verdana}
</style>
<style>
a:hover{color:#000000}
</style>