東旭這次超愛他們的歌 大家這次也都變得超帥氣
不接受更換語法喔! 因為這是東旭用心在做不希望看到別人圖個方便
►版型語法:
#comment-form table {
width:96%;
margin:0 auto;
}
#comment-form td,#comment-form th {
border:1px solid #555;
padding:3px 5px;
}
#comment-form input#send-comment {
padding:3px 5px;
}
.article-content p {
margin-bottom:1em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
pre {
font-size:1em;
}
.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
color:#333;
letter-spacing:1px;
line-height:20px;
font-size:12px;
}
body {
background:#fff;
font:11px arial;
color:#333;
background-image:url(http://www.img.ie/nrs6c.png);
background-color:#fff;
background-position:undefined;
}
a {
color:#777;
text-decoration:none;
blr:expression(this.on<x>focus=this.blur());
}
a:focus {
-moz-outline-style:none;
}
input {
background:#fff;
color:#777;
font:11px arial;
border:1px solid #777;
margin-right:5px;
padding:2px;
}
select {
border:1px solid #777;
font:11px verdana;
color:#666;
width:170px;
margin:5px 0;
padding:2px;
}
#authority {
background:#777;
height:15px;
text-align:center;
padding:3px 0 7px;
}
#authority a {
color:#fff;
padding:0 5px;
}
#container2 {
width:897px;
background:#fff;
position:relative;
margin:30px auto 0;
}
#header {
background:url(http://www.img.ie/t1svt.gif) left top no-repeat;
height:441px;
background-image:url(http://www.img.ie/t1svt.gif);
background-position:top left;
background-repeat:no-repeat;
}
#login-bar {
position:absolute;
top:-20px;
right:0;
text-transform:uppercase;
font:11px arial;
letter-spacing:1px;
}
#login-bar a {
color:#666;
}
#banner h1 a {
position:absolute;
left:30px;
top:430px;
font-size:16px;
font-family:Simhei;
}
#banner h2 {
position:absolute;
left:20px;
top:190px;
color:#000;
width:500px;
}
#banner #blog-category {
position:absolute;
top:-20px;
left:0;
}
#navigation {
position:absolute;
top:445px;
right:30px;
width:490px;
height:41px;
background:url(http://www.img.ie/903d6.png) left top no-repeat;
}
#navigation li {
float:left;
height:41px;
width:122px;
}
#navigation li a {
display:block;
width:100%;
height:100%;
font-size:0;
text-indent:-5000px;
}
#navigation #link-blog a:hover {
background-position:-122px 0;
}
#navigation #link-guestbook a:hover {
background-position:-244px 0;
}
#navigation #link-profile a:hover {
background-position:-366px 0;
}
#content {
overflow:hidden;
width:600px;
float:right;
margin-top:180px;
background-color:#fff;
color:#333;
padding:0 15px;
}
#spotlight {
margin-bottom:20px;
}
#spotlight-text {
line-height:18px;
padding:0;
}
.article {
background:#fff;
margin-top:10px;
margin-bottom:20px;
padding:10px 15px;
}
.article-head {
margin-bottom:10px;
_height:1%;
}
.publish {
font:9px century gothic;
height:15px;
line-height:15px;
text-transform:uppercase;
letter-spacing:1px;
color:#999;
}
.title {
line-height:30px;
height:30px;
color:#999;
}
.title a {
font-size:20px;
font-family:Simhei, gulim;
color:#000;
letter-spacing:-1px;
}
.article-content br {
letter-spacing:normal;
}
.bookmark {
text-align:right;
margin:3px 0;
}
.bookmark img {
width:12px;
height:12px;
}
.author,.forward {
text-align:right;
font-size:11px;
line-height:15px;
color:#555;
}
#article-adsense {
margin:5px 0;
}
.article-footer {
font-size:11px;
line-height:15px;
padding-top:5px;
border-top:1px solid #777;
margin-top:10px;
}
.article-footer a {
color:#666;
padding-left:5px;
}
.history {
margin-top:5px;
}
.back-to-top {
text-align:right;
text-transform:uppercase;
}
#blog-main .article-footer {
border:none;
}
.main-list table {
width:99%;
margin-bottom:20px;
}
.main-list th {
background:#eee;
border-right:3px solid #777;
color:#7f7a64;
padding:3px;
}
.main-list td {
border-bottom:1px dotted #777;
padding:3px;
}
.user-post-title {
color:#666;
margin:10px 0;
}
.post-comment {
text-align:center;
margin:30px 0;
}
#content .post-comment a {
font-size:18px;
font-family:Simhei;
background:#777;
border:1px solid #fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#fff;
padding:3px 7px;
}
#content .post-comment a:hover {
border:1px solid #ccc;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
color:#777;
}
.single-post {
width:500px;
padding-bottom:10px;
border-bottom:1px dotted #777;
overflow:hidden;
_overflow:none;
_height:1%;
line-height:20px;
margin:0 auto 20px;
}
.post-info {
text-align:right;
height:20px;
line-height:20px;
color:#9f8376;
}
.post-info img {
visibility:hidden;
width:10px;
height:10px;
}
.post-info a {
color:#777;
background:#777;
}
.post-info a:hover {
background:#ccc;
}
.post-info a.user-name,.post-info a.reply-message,.post-info a.user-name:hover,.post-info a.reply-message:hover {
background:none;
}
.post-photo img {
width:70px;
height:70px;
border:1px solid #aaa;
}
.post-text {
float:right;
width:410px;
}
.reply-text {
float:right;
width:410px;
padding-top:10px;
color:#777;
}
.single-post.secret .post-text {
float:none;
width:auto;
}
#trackback-url {
margin:20px 0;
}
#trackback-url input {
font:10px arial;
border:1px solid #777;
background:#fff;
margin-right:5px;
letter-spacing:1px;
padding:0 5px;
}
#trackback-input {
width:350px;
height:15px;
font:11px Century Gothic;
border:1px solid #777;
background:#fff;
padding:0 5px;
}
#trackback-box .post-text {
width:auto;
float:none;
}
.page {
text-align:center;
margin:20px auto;
}
.page a {
color:#666;
padding:0 7px;
}
.page SPAN {
font-size:15px;
font-weight:bold;
color:#aaa;
}
#links {
overflow:hidden;
width:267px;
float:left;
margin-top:-300px;
background-color:#fff;
color:#333;
}
#links a {
color:#5d4c1f;
font-size:12px;
}
.box {
width:230px;
margin:0 auto 20px;
}
.box li {
margin-bottom:3px;
line-height:18px;
}
#calendar table {
width:85%;
margin:0 auto;
}
#calendar th,#calendar td {
color:#aaa;
text-align:center;
line-height:15px;
padding:2px;
}
#calendar td {
padding:2px;
}
#calendar td a {
display:block;
background:#777;
color:green;
padding:2px 0;
}
#visitor li,#crumb li {
float:left;
margin-right:6px;
display:inline;
_margin-bottom:6px;
}
#visitor li img,#crumb li img {
width:40px;
height:40px;
}
#visitor .box-more {
text-align:right;
font-size:11px;
}
#broadcast ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
}
#broadcast li {
margin:0;
}
#broadcast .broadcast-time {
line-height:20px;
float:right;
width:180px;
}
#broadcast .broadcast-text {
height:20px;
line-height:20px;
float:right;
width:180px;
overflow:hidden;
}
#search li {
float:left;
}
#category li {
margin-left:15px;
}
#mylink .inner-box {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #777;
}
#mylink .inner-box h6 {
padding-bottom:3px;
color:#363;
}
#mylink .inner-box li {
margin-left:12px;
}
fieldset,img,abbr,acronym {
border:0;
}
#authority a:hover,#links a:hover {
color:green;
}
#banner .skiplink,.list-num,.hidden-message,.pixnet-user,.post-info .user-ip,#footer p,#bottom {
display:none;
}
#main,#headshot ul,#visitor ul,#crumb ul,#search ul,#feed ul {
overflow:hidden;
_overflow:none;
_height:1%;
}
.article-body,.box h6 {
line-height:20px;
}
.post-photo,#headshot li#headshot-img {
float:left;
margin-right:10px;
}
.reply-text p,.box-more {
text-align:right;
}
#latest-comment li,#latest-trackback li,#subscription li {
margin-bottom:5px;
border-bottom:1px dotted #777;
padding-bottom:5px;
}
#latest-comment a,#latest-trackback a,#subscription a {
display:block;
}
#broadcast .broadcast-photo,#feed li {
float:left;
margin-right:5px;
}
#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h2,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h2 {
color:#f9f1ed;
}
a:hover,#header h2 {
color:#000;
}
.title a:hover,.article-content a,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {
color:#fff;
}
#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited {
color:#333;
}
留言列表