201103252202黑執事CSS樣式(自製)

版型預覽:

 

這是之前做的喔~~

***************************(分隔線)

body {
 text-align: center;
 background: url(http://s.blog.xuite.net/_image/skin/background/223/blogBg.gif) #000 fixed center top repeat-y;
 margin: 0;
 background-repeat: no-repeat;
 background-position: left top;
 background-image: url(http://c.share.photo.xuite.net/ntp996830/1ceacb4/4702886/179661070_m.jpg);
 background-color: #000000;
}
li {
 list-style-position: inside;
}
ul {
 margin: 0;
 padding: 0;
}
h1 {
 font-weight: 400;
 margin: 0;
 padding: 0;
}
h2 {
 font-weight: 400;
 margin: 0;
 padding: 0;
}
h3 {
 font-weight: 400;
 margin: 0;
 padding: 0;
}
a {
 font-size: 13px;
 text-decoration: NONE;
}
#container {
 position: relative;
 text-align: left;
 width: 990px;
 margin: auto;
 padding: 0;
}
#banner {
 height: 216px;
 background: url(http://s.blog.xuite.net/_image/skin/background/223/blogBg_1.jpg) top center no-repeat;
 margin: 0!important;
 padding: 0;
 background-image: url(http://c.share.photo.xuite.net/ntp996830/1ceac1e/4702886/179661432_m.jpg);
 background-position: right top;
}
#linksLeft {
 width: 205px;
 left: 0;
 float: left;
 margin: 0;
 padding: 5px;
}
#linksRight {
 float: left;
 width: 205px;
 left: 550px;
 position: relative;
 margin: 0;
 padding: 5px;
}
#mid {
 position: relative;
 float: right;
 width: 530px;
 right: 215px;
 padding: 5px 0;
}
#footer {
 clear: both;
 text-align: center;
 font-size: 12px;
 color: gray;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 16px;
 padding: 10px 0 0;
}
.sidetitle {
 background: url(http://s.blog.xuite.net/_image/skin/windows/223/sidetitle.gif) no-repeat;
 font-weight: 700;
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 letter-spacing: .1em;
 font-size: 14px;
 margin-top: 0;
 height: 50px!important;
 list-style: none;
 padding-top: 14px!important;
 padding-left: 60px;
 padding-bottom: 0;
}
.side {
 font-size: 12px;
 font-weight: 400;
 line-height: 140%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #ff0000;
 margin: 0;
 padding: 8px 0 15px;
}
.spacer {
 clear: both;
}
.blogname {
 font-size: 26px;
 font-family: simhei;
 font-weight: 700;
 color: #dcdcdc;
 margin-left: 140px;
 padding-top: 55px;
}
.blogname A {
 font-size: 10pt;
 text-decoration: NONE;
}
.description {
 font-size: 12px;
 color: #dcdcdc;
 padding-left: 140px;
}
.menulist {
 padding-top: 0;
 width: 100%;
}
.menu {
 padding-top: 5px;
 float: right;
 padding-right: 30px;
 color: #fff;
}
.logo {
 visibility: visible;
 width: 300px;
}
#content {
 margin: 5px;
}
.title {
 width: 98%;
 height: 50px;
 background: url(http://s.blog.xuite.net/_image/skin/windows/223/title.gif) no-repeat;
 padding: 15px 0 0;
}
span.titlename {
 font-size: 15px;
 color: #fff;
 font-weight: 700;
 margin: 14px 0 0 60px;
}
span.titledate {
 float: right;
 height: 25px;
 padding-right: 75px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #fff;
 padding-top: 5px;
}
.blogrank {
 width: 98%;
 line-height: 200%;
 margin-top: 0;
 overflow: hidden;
}
span.counter {
 background: url(http://s.blog.xuite.net/_image/skin/list/bulletCounter.gif) no-repeat;
 float: right;
 width: auto;
 color: #C13521;
 margin: 5px;
 padding: 2px 0 0 20px;
}
span.category {
 background: url(http://s.blog.xuite.net/_image/skin/list/bulletContentArticle.gif) no-repeat;
 float: right;
 width: auto;
 margin: 5px;
 padding: 2px 0 0 20px;
}
.blogbody {
 overflow: hidden;
 word-wrap: break-word;
 width: 98%;
 color: #dcdcdc;
 line-height: 20px;
 margin: 0 0 10px;
 padding: 0;
 background-image: none;
}
.posted {
 width: 100%;
 text-align: right;
 color: #999;
 font-family: 細明體;
 font-size: 13px;
 font-weight: 400;
 clear: both;
}
.selectbar {
 width: 100%;
 text-align: center;
}
.trackbacktitle {
 width: 100%;
 margin-top: 20px;
 margin-bottom: 5px;
 font-size: 12px;
 color: #dcdcdc;
 height: 24px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #dcdcdc;
 border-bottom-color: #dcdcdc;
}
.trackbacktitle li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon31a.gif);
}
.trackbackurl {
 width: 100%;
 padding-top: 20px;
 padding-bottom: 15px;
 text-indent: 10px;
 color: #dcdcdc;
}
.trackbackdate {
 width: 100%;
 text-align: right;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #dcdcdc;
}
.trackbackcontent {
 width: 100%;
 line-height: 150%;
 color: #dcdcdc;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #dcdcdc;
 margin: 5px 0 10px;
}
.comment {
 width: 100%;
 font-size: 12px;
 color: #A363AB;
 height: 24px;
 margin-top: 20px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #dcdcdc;
 border-bottom-color: #dcdcdc;
}
span.commenttitle {
 color: #dcdcdc;
 padding-left: 20px;
 background: url(http://s.blog.xuite.net/_image/bulletMessageList.gif) no-repeat;
 width: auto;
}
.author {
 width: 100%;
}
span.commentdate {
 float: right;
 text-align: right;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #dcdcdc;
}
.commenttext {
 overflow: hidden;
 word-wrap: break-word;
 width: 100%;
 margin-top: 10px;
 margin-bottom: 10px;
 color: #dcdcdc;
}
.commentedit {
 width: 100%;
 border-bottom: 1px solid #333;
}
.ArticleShowMode {
 margin-bottom: 10px;
}
.singleArticle ul {
 padding-left: 20px;
}
.singleArticle li {
 list-style-position: inherit;
 line-height: 200%;
}
.avatar {
 margin-top: 3px;
 border: 1px none #93AE4F;
 margin-bottom: 10px;
 padding: 2px 0 0 10px;
}
#avatarContent {
 width: 99%;
 text-align: center;
 display: block;
 word-break: break-all;
}
#avatarAddMe {
 width: 96px;
 height: 2em;
 margin: 0 auto;
}
#personalLink {
 height: 6em;
 width: 94px;
 display: block;
 margin: 10px auto;
 padding: 0;
}
#personalLink li {
 list-style-type: none;
 float: left;
 height: 1.7em;
 width: auto;
 display: block;
 margin: 0 4px 0 0;
 padding: 2px 0 0 16px;
}
#personalLink li img {
 vertical-align: top;
 margin: 1px 2px 0 0;
}
li.pblog {
 background: url(http://img.xuite.net/portal/common/icons/blog.gif) no-repeat center left;
}
li.pphoto {
 background: url(http://img.xuite.net/portal/common/icons/photo.gif) no-repeat center left;
}
li.pvlog {
 background: url(http://img.xuite.net/portal/common/icons/vlog.gif) no-repeat center left;
}
li.pboard {
 background: url(http://img.xuite.net/portal/common/icons/gbook.gif) no-repeat center left;
}
li.pfriend {
 background: url(http://img.xuite.net/portal/common/icons/friend.gif) no-repeat center left;
}
li.plink {
 background: url(http://img.xuite.net/portal/common/icons/card.gif) no-repeat center left;
}
.categorySide li {
 color: #CD9D76;
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.calMonth {
 width: 95%;
}
.calMonthCurrent {
 font-size: 12px;
 font-weight: 700;
 color: #dcdcdc;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.calMonthForward {
 color: #CE5F55;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}
.calMonthDay {
 font-size: 10px;
 color: #dcdcdc;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.calMonthToday {
 font-size: 11px;
 text-align: center;
}
.calholiday {
 font-size: 11px;
 color: red;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: 700;
}
.chatSide {
 margin-left: 20px;
 color: #dcdcdc;
}
.musicbutton {
 text-align: left;
 padding: 2px;
}
.messageSide {
 padding: 5px;
}
.date {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #dcdcdc;
}
.backbtn li {
 list-style-image: url(http://s.blog.xuite.net/_image/blog038.gif);
}
.morebtn {
 background: url(http://s.blog.xuite.net/_image/blog037.gif) no-repeat;
 width: auto;
 padding-left: 20px;
 float: right;
}
.personallink {
 display: block;
 width: 190px;
 margin: 0;
}
.personaltitle {
 padding-top: 16px;
 background: url(http://s.blog.xuite.net/_image/skin/windows/223/sidetitle.gif) no-repeat;
 padding-left: 40px;
 font-weight: 700;
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 letter-spacing: .1em;
 font-size: 12px;
 margin-top: 6px;
 height: 50px;
}
.pvlog ul {
 list-style-type: none;
 word-wrap: break-word;
 display: block;
 float: left;
 margin: 0;
 padding: 0 2px 0 20px;
}
.pvlog li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
 margin: 0;
 padding: 0;
}
.pboard {
 width: 90px;
 padding: 0;
}
.page {
 margin-top: 10px;
 margin-bottom: 10px;
 font-size: 12px;
 color: #dcdcdc;
 line-height: 24px;
 vertical-align: middle;
}
.page a:link {
 font-size: 12px;
 color: #dcdcdc;
 line-height: 24px;
 text-decoration: none;
}
.page a:visited {
 font-size: 12px;
 color: #dcdcdc;
 line-height: 24px;
 text-decoration: none;
}
.page a:active {
 font-size: 12px;
 color: #dcdcdc;
 line-height: 24px;
 text-decoration: none;
}
.page a:hover {
 font-size: 12px;
 color: #dcdcdc;
 line-height: 24px;
 text-decoration: underline;
}
.reply_info {
 width: 90%;
 border: 1px solid #dcdcdc;
 margin: 1.2em;
 padding: 1.2em;
}
span.mail {
 background: url(http://s.blog.xuite.net/_image/skin/list/email_forward.gif) no-repeat;
 float: right;
 margin-top: 5px;
 width: auto;
 padding: 2px 0 0 20px;
}
.articleExt {
 clear: both;
 padding-top: 10px;
 border-top: 1px solid #ccc;
}
#service-list {
 top: 80px;
 left: 140px;
 position: absolute;
 clear: both;
 margin: 0;
 padding: 0;
}
#service-list a {
 display: block;
 float: left;
 list-style-type: none;
 color: #FFF;
 cursor: pointer;
 background: #444242;
 margin: 0 1px 0 0;
 padding: 5px;
}
#commentSide {
 margin: 4px 0 4px 8px;
 padding: 0;
}
li.commentBox {
 list-style-type: none;
 margin-left: 0!important;
 margin-bottom: 5px;
 height: 36px;
 text-indent: 0!important;
}
li.commentBox img {
 width: 32px;
 height: 32px;
 float: left;
 border-color: gray;
 border-style: solid;
 border-width: 1px;
}
li.commentBox .content {
 margin-left: 36px;
}
div.commentBody {
 font-size: 1.2em;
 width: 140px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
div.commentAuthor {
 font-size: .8em;
 width: 140px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
#service-list li {
 float: left;
 margin: 0;
 padding: 0;
}
a:link {
 color: #999;
}
a:visited {
 color: #999;
}
a:hover {
 color: #969696;
}
a:active {
 color: #969696;
}
.menu a:hover {
 color: #969696;
}
.menu a:active {
 color: #969696;
}
.blogname a:link {
 color: #dcdcdc;
}
.blogname a:visited {
 color: #dcdcdc;
}
.titlename a:link {
 color: #dcdcdc;
}
.titlename a:visited {
 color: #dcdcdc;
}
.avatarDesciption {
 color: #dcdcdc;
}
.calMonthNav {
 color: #dcdcdc;
}
.calMonthHeader {
 color: #dcdcdc;
}
th {
 color: #dcdcdc;
}
.blogname a:hover {
 color: #3e3e3e;
}
.blogname a:active {
 color: #3e3e3e;
}
.menu a:link {
 color: #fff;
}
.menu a:visited {
 color: #fff;
}
.titlename a:hover {
 color: #ffbe02;
}
.titlename a:active {
 color: #ffbe02;
}
span.commentbutton {
 float: right;
}
.bookmark {
 float: right;
}
#avatarAddMe img {
 float: left;
}
.rank {
 float: left;
}
.avatarPhoto {
 text-align: center;
}
.searchSide {
 text-align: center;
}
.epaperSide {
 text-align: center;
}
.resourceSide {
 text-align: center;
}
.paintSide {
 text-align: center;
}
.LoveFriendSide {
 text-align: center;
}
.LoveBlogSide {
 text-align: center;
}
.calendarTitle li {
 list-style: none;
}
.searchTitle li {
 list-style: none;
}
.chatTitle li {
 list-style: none;
}
.bloglistTitle li {
 list-style: none;
}
.epaperTitle li {
 list-style: none;
}
.customTitle li {
 list-style: none;
}
.resourceTitle li {
 list-style: none;
}
.paintTitle li {
 list-style: none;
}
.musicTitle li {
 list-style: none;
}
.articleTitle li {
 list-style: none;
}
.messageTitle li {
 list-style: none;
}
.countTitle li {
 list-style: none;
}
.rssrollTitle li {
 list-style: none;
}
.rankTitle li {
 list-style: none;
}
.albumTitle li {
 list-style: none;
}
.linkTitle li {
 list-style: none;
}
.pTitle li {
 list-style: none;
}
.friendTitle li {
 list-style: none;
}
.LoveBlogTitle li {
 list-style: none;
}
.calendarSide li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.bloglistSide li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.articleSide li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.messageSide li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.rssrollSide li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.linkSide li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.plink li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pphoto li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pfriend li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pboard li {
 list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.calenderbutton {
 text-align: right;
}
.backbtn {
 text-align: right;
}
.searchbutton {
 text-align: center;
 padding: 2px;
}
.epaperbutton {
 text-align: center;
 padding: 2px;
}
.LoveFriendSide select {
 color: #333;
 font-size: 11px;
}
.LoveBlogSide select {
 color: #333;
 font-size: 11px;
}
.hotArticleTitle li {
 list-style-image: none;
 list-style-type: none;
}
.myChannelTitle li {
 list-style-image: none;
 list-style-type: none;
}
.BackgroundMusicTitle li {
 list-style-image: none;
 list-style-type: none;
}
.gbookTitle li {
 list-style-image: none;
 list-style-type: none;
}
#visitorTitle li {
 list-style-image: none;
 list-style-type: none;
}
#banner .description {
 font-size: 12px;
}
#banner .blogname {
 font-size: 28px;
}
.personaltitle, .sidetitle {
 background-image: url(http://c.share.photo.xuite.net/ntp996830/1ceacdf/4702886/179661881_s.jpg);
 color: #ff0000;
}
#redundent {
 background-image: url(http://c.share.photo.xuite.net/ntp996830/1ceacb5/4702886/179661839_s.jpg);
 font-size: 16px;
 color: #ffffff;
}
************************(分隔線)

拿走之後,要記得留言提醒喔~~(笑)



平均分數:0 顆星    投票人數:0
我要評分:
回應
【KAITO】YOU
    沒有新回應!