css
HTML { OVERFLOW: hidden } #text { SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff } BODY { FONT-SIZE: 7pt; BACKGROUND: url(http://pic16.pic.wretch.cc/photos/11/s/sky52022/6/1832899910.jpg) #000000 fixed no-repeat right top; MARGIN: 0px; COLOR: #444; FONT-FAMILY: "verdana" } A { COLOR: #535353; TEXT-DECORATION: none } A:hover { COLOR: #000; TEXT-DECORATION: none } #container1 { WIDTH: 880px } #container2 { } #banner { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; HEIGHT: 50px; TEXT-ALIGN: left } #pageheader { BORDER-BOTTOM-WIDTH: 16px; HEIGHT: 64px } #pageheader H1 A { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10pt; LEFT: 834px; PADDING-BOTTOM: 0px; WIDTH: 150px; COLOR: #8f552e; PADDING-TOP: 15px; FONT-FAMILY: sans-serif; POSITION: absolute; TOP: 17px; HEIGHT: 50px; TEXT-DECORATION: none } #pageheader .description { FONT-SIZE: 10pt; LEFT: 85px; WIDTH: 700px; COLOR: #ffffff; FONT-FAMILY: sans-serif; POSITION: absolute; TOP: 60px; HEIGHT: 10px } #pageheader #description2 .description { FONT-SIZE: 12px; LEFT: 300px; WIDTH: 465px; COLOR: #663300; POSITION: absolute; TOP: 63px; HEIGHT: 10px; TEXT-ALIGN: right } #main2 { OVERFLOW: hidden; HEIGHT: 580px } #content { PADDING-RIGHT: 10px; SCROLLBAR-FACE-COLOR: #ffffff; LEFT: 278px; FLOAT: right; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; WIDTH: 480px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; POSITION: absolute; TOP: 100px; HEIGHT: 400px } .date { BACKGROUND-POSITION: left top; MARGIN-TOP: 10px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url(); COLOR: #ffffff; BORDER-TOP-STYLE: none; BACKGROUND-REPEAT: no-repeat; HEIGHT: 24px } .datediv { } .blogbody { PADDING-LEFT: 28px } .blogbody2 { } .articletext { BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } .articletext .title { MARGIN-TOP: -10px; FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: sans-serif } .articletext .innertext { COLOR: #4f4f4f } .articletext .innertext A { COLOR: #ecbc15 } .articletext .extended A { COLOR: #ffffff; TEXT-ALIGN: right } .articletext .extended { TEXT-ALIGN: right } .posted { BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9px; BORDER-LEFT-COLOR: #ffffff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; COLOR: #ffffff; BORDER-TOP-COLOR: #ff99cc; BORDER-BOTTOM: #ff9999 1px ridge; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #a47b44 } INPUT { BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; FONT-SIZE: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #000 0px solid; COLOR: #6c6c6c; BORDER-BOTTOM: #000 0px solid; FONT-FAMILY: Verdana } .total-comments-div { MARGIN-TOP: 10px; MARGIN-LEFT: 20px; WIDTH: 400px; PADDING-TOP: 5px } .total-comments-div .trackbacks-head { } .total-comments-div .trackbacks-head .comments-head { BORDER-RIGHT: #aaa 0px dotted; PADDING-RIGHT: 7px; BORDER-TOP: #aaa 0px dotted; PADDING-LEFT: 7px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 0px dotted; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 0px dotted } .total-comments-div .comments-head { BORDER-RIGHT: #aaa 0px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: left top; BORDER-TOP: #aaa 0px solid; MARGIN-TOP: 5px; PADDING-LEFT: 28px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 0px solid; COLOR: #ffffff; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 0px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px } .total-comments-div .comments-bottom .comments-head { BORDER-RIGHT: #aaa 0px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: left top; BORDER-TOP: #aaa 0px solid; MARGIN-TOP: 10px; PADDING-LEFT: 28px; FONT-WEIGHT: bold; FONT-SIZE: 0px; BACKGROUND-IMAGE: url(); PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 0px solid; COLOR: #ffffff; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 0px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 105px } .total-comments-div .comments-body { BORDER-BOTTOM: #f0bfde 1px dotted } .postisAuth { DISPLAY: none } .postemail { DISPLAY: none } .postweb { DISPLAY: none } .total-comments-div .comments-body .comments-post { COLOR: #ffffff; TEXT-ALIGN: right } .total-comments-div .comments-body FORM { } #text { WIDTH: 400px } #divThird { } #divThird2 { } #links { PADDING-RIGHT: 7px; MARGIN-TOP: 40px; OVERFLOW-Y: auto; SCROLLBAR-FACE-COLOR: #ffffff; FLOAT: left; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; MARGIN-LEFT: 35px; WIDTH: 170px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 380px } #links A { COLOR: #ffffff} #links A:hover { COLOR: #000000 } #links2 { } .sidetitle { BACKGROUND-POSITION: left center; PADDING-LEFT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://susuda.skr.jp/aikonn/ha-to/h1-48.gif); BORDER-BOTTOM-WIDTH: 2px; BORDER-BOTTOM-COLOR: #ffffff; COLOR: #ffffff; BORDER-TOP-STYLE: none; PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat; BORDER-RIGHT-STYLE: none; HEIGHT: 18px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left } .side { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-COLOR: #ffffff; COLOR: #666666; BORDER-LEFT-STYLE: dotted } SELECT { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 7pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f7c600; FONT-FAMILY: verdana; BORDER-RIGHT-WIDTH: 0px } .calendar { TEXT-ALIGN: left } SPAN.calendar A { TEXT-ALIGN: right } TD SPAN.calendar { DISPLAY: block; WIDTH: 12px; LINE-HEIGHT: 12px } TD SPAN.calendar A { DISPLAY: block; BACKGROUND: #000000; FILTER: alpha(opacity=70); WIDTH: 10px; COLOR: #fff! important; LINE-HEIGHT: 12px } TD SPAN.calendar A:hover { BACKGROUND: #666666; FILTER: alpha(opacity=50); COLOR: #000 } #boxNewTrackback { DISPLAY: none } .boxAddFriendLink { DISPLAY: none } #boxProfile .side { FONT-SIZE: 8pt; FILTER: alpha(opacity=0); COLOR: #535353 } #boxProfile .side A { FONT-SIZE: 8pt; COLOR: #535353; FONT-FAMILY: "verdana" } #boxProfile .side A:hover { FONT-SIZE: 8pt; COLOR: #535353; FONT-FAMILY: "verdana" } #boxProfile .boxProfile1 .side BR { } #boxProfile .boxProfile1 .side SELECT { BACKGROUND: #ffffff; COLOR: #000000 } #boxSlideShow { } #boxSlideShow .boxSlideShow0 { } #boxSlideShow .boxSlideShow0 .sidetitle { } #boxSlideShow .boxSlideShow1 { } #boxSlideShow .boxSlideShow1 .side { } #boxNewArticle { } #boxSearch .boxSearch0 .sidetitle { DISPLAY: none } #boxSearch .boxSearch1 { DISPLAY: none } #boxSearch .boxSearch1 .side { DISPLAY: none } #scupioSearch { DISPLAY: none } #scupioSearch .scupioSearch0 { DISPLAY: none } #scupioSearch .scupioSearch0 .sidetitle { DISPLAY: none } #scupioSearch .scupioSearch1 { DISPLAY: none } #scupioSearch .scupioSearch1 .side { DISPLAY: none } #boxNewComment { } .boxNewComment0 { } #boxNewComment .boxNewComment1 .side { } #boxNewComment .boxNewComment1 .side A { DISPLAY: block; COLOR: #515050; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 5px; TEXT-DECORATION: none } .boxNewComment1 .side IMG { DISPLAY: none } #boxFolder { } #boxFolder .boxFolder0 { } #boxFolder .boxFolder0 .sidetitle { } #boxFolder .boxFolder1 { } #boxFolder .boxFolder1 .side { } #boxFolder .boxFolder1 .side A { } #boxCounter { LEFT: 890px; WIDTH: 200px; POSITION: absolute! important; TOP: 220px; HEIGHT: 30px } #boxCounter .boxCounter0 { } #boxCounter .boxCounter0 .sidetitle { FONT-SIZE: 0pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff } #boxCounter .boxCounter1 { } #boxCounter { LEFT: 250px; WIDTH: 200px; POSITION: absolute! important; TOP: 45px; HEIGHT: 30px } #boxCounter .boxCounter0 .sidetitle { FONT-SIZE: 0pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff } #boxCounter .boxCounter1 .side { COLOR: #ffffff } #boxCounter .boxCounter1 .side { COLOR: #663300 } .syndicate { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .powered { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .powerlogo { DISPLAY: none } #footer { DISPLAY: none } .title { COLOR: #ff0000 } #boxProfile IMG { DISPLAY: none } #boxProfile .boxProfile1 .boxGiftLink { DISPLAY: none } #boxDate { DISPLAY: none } #banner A { FONT-SIZE: large; COLOR: #ffffff} #banner A:link { FONT-SIZE: large; COLOR: #ffffff } #banner A:visited { FONT-SIZE: large; COLOR: #ffffff} #banner A:active { FONT-SIZE: large; COLOR: #ffffff } #banner A:hover { FONT-SIZE: large; COLOR: #ffffff } .blogbody TEXTAREA { BACKGROUND: url() } DIV.calendar A { DISPLAY: none } .articletext .title { PADDING-LEFT: 20px; BACKGROUND: url() no-repeat left 50% } .boxMySpace1 SELECT { BACKGROUND: #ffffff; COLOR: #ffffff} > }
文章定位：
