自製版型-(閃亮之星)-側欄靠左兩欄式 @ 〆撕鈊裂肺的小窩

自製兩欄式版型(2014/03/02)

解析度為1024X768

側欄欄位靠左

無廣告版型

適用:ie google

情末央_10

語法如下:

*----------------------------------------------------------- pixnet版型css - 閃亮之星 (側欄在左) 作者:visa30(撕心裂肺) 部落格:http://visa30.pixnet.net/blog -----------------------------------------------------------*/#category a,#recent-article a{ background: url() no-repeat left center; overflow: hidden; display: block; } #category a,#recent-article a{padding-left:20px;position:relative; top:0px;left:-20px;} #box231865 a{position:relative; top:0px;left:20px;} #box231865 img {position:relative; top:0px;left:15px;} .single-post{border: 3px ridge #c0c0c0;background: url();-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} .post-photo IMG,.reply-text,.post-info {-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} #visitor img{border: 3px ridge #c0c0c0;background: url();-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} #links img{border: 1px ridge #c0c0c0;background: url();-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} #comment-title,#trackback-title{ display: none; } .post-comment{display:none;} #bottom{ display: none; } .user-img img{width: 160px;height: 220px;position:relative; top:-15px;left:40px;padding: 5px;border: 3px ridge #c0c0c0;width: 155px;height: 215px;margin: 10px 0 0 0px;background: url(http://i.imgur.com/jISCDpx.gif);-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} #user-info dt{ position:relative; top:0px;left:40px; } #user-info dd{ position:relative; top:0px;left:40px; } html{border:3px ridge #42077F; background:#000; url() fixed repeat -15px -90px;scrollbar-base-color:#000; scrollbar-face-color:#000; scrollbar-arrow-color:#000; scrollbar-3d-light-color:#42077F; scrollbar-highlight-color:#42077F; scrollbar-shadow-color:#42077F; scrollbar-dark-shadow-color:#42077F;} body { font-size:12px; font-family:arial, Century Gothic; line-height: 160%; background: url() left top repeat; } #blog-main{} #article-main{} a {color:#CB92FB;} a:hover {color:#531592;text-decoration:none;background-image:url(http://ppt.cc/0pBp);} #body-div{ width: 980px;background:url(http://i.imgur.com/DnqqMiK.jpg) left top repeat; position: relative; margin:0 auto 20px;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; } #authority{ position:absolute; left: 0; top: 270px;left:830px; z-index:9000; } #authority a{ display:block; float: left; height: 20px; line-height: 20px; font-size: 12px; border: padding: 1px 5px 1px 25px; color:#CB92FB; } #authority a#newpost { background:url() 5px center no-repeat ; margin-right:5px; } #authority a#backstage { background:url() 5px center no-repeat ; } #authority a:hover{ color:#531592; } #header{ background:url(http://i.imgur.com/J2Ki9vh.gif) left top no-repeat; height: 305px;position:relative; top:-5px; } #login-bar{ position:absolute; right:0; top: 0px;left:0px; color:#CB92FB;font-size:100%;-border-radius: 10px;-webkit-border-radius: 10px;width:915px;} #login-bar a{color:#CB92FB;} #login-bar a:hover{ color:#531592; } #banner{display: none;} #banner h1 a{ display: none; } #banner h2{ display: none; } #banner .skiplink{display: none;} #banner #blog-category{ display: none; } #banner #blog-category a{display: none; } #container{} #container2{} #container3{} #navigation{overflow:hidden ;_overflow:none ;position:absolute;top:260px;left:60px;width: 300px;height:17px;z-index:999;} #navigation a{display:block ;height:35px;color:#CB92FB;} #navigation a:hover{color:#531592; } #navigation li{float:left ;height:35px;} #link-album a{width:60px;} #link-blog a{width:60px;} #link-guestbook a{width:60px;} #link-profile a{width:60px;} #main{ overflow: hidden; _overflow: none; _height: 1%; } #links{width:268px ;float:right ;position: relative;right:30px;margin-top:-30px;} #links-row-1{display: none; } #links-row-2{} .box-title{background:#000;url() no-repeat; height:40px;position:relative; top:-16px; padding-left: 20px; font:bold 13px arial; text-shadow:1px 1px 0 #CB92FB; line-height: 40px; color:#531592;} .box{border: 2px ridge #42077F; background:#000;url() left top repeat-y;position:relative; top:40px; margin-bottom:10px; _height:1%;} .box-text { padding: 10px 15px 15px!important; color:#999; background:url() left bottom no-repeat;position:relative; top:20px;left:1px;} .box-text a{color:#CB92FB;} .box-text a:hover{color:#531592;} .box-more{ margin:5px; text-align:right;} .box-more a{ font-size:11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#333; padding: 2px 5px; color:#CB92FB;background:#000;} .box-more a:hover{ color:#531592; background:#909090;} #recent-article img{} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#000; padding:3px; border:1px solid #42077F;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:url(http://i.imgur.com/XYFcwk7.jpg) top; color:#CB92FB; display:block;} #search ul, #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:3px;} body #newsfeed .newsfeed-photo img, #friendbox ul.friendlist li img, #visitor li img,#crumb li img{ padding:1px !important; width: 40px; height:40px; background:#000; border:1px solid #42077F;} #search input{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #42077F; color:#aaa; background:#000;} #search li{ float: left; margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{} #content{ overflow: hidden; float: right; width: 640px; margin-right:20px; display: inline; } #spotlight{border: 2px ridge #42077F; margin:10px auto; background:#000;url() left top repeat-y; } #spotlight h5{height: 40px; background:#000;url() font-weight: bold; color:#ccc; font-size:16px;padding-left: 30px;position:relative; top:-22px; font:bold 13px arial; text-shadow:1px 1px 0 #CB92FB; line-height: 40px; color:#531592;} #spotlight-text{} #article-area{} #article-area .article-area-title{} #view-mode{} #display{} #display SPAN {} #article-box{} .article-head{position:relative; top:-5px; background: url(http://i.imgur.com/tKRh2hK.jpg) left top no-repeat; overflow: hidden; _overflow: none; height: 30px; padding-top: 15px; } .article-body{position:relative; top:-15px;left:0px; background: url(http://i.imgur.com/tKRh2hK.jpg) left top repeat-y; padding: 10px 20px; color:#000; line-height:180%; letter-spacing:2px; } .article{border: 2px ridge #42077F; background: url(http://i.imgur.com/tKRh2hK.jpg) left bottom no-repeat; padding-bottom: 15px; margin-top: 10px; margin-bottom: 10px; } .article-footer{ background:#000 url() left top repeat-y; padding: 10px 20px; color:#CB92FB; } .publish { float: right; height: 25px; line-height: 25px; margin-right: 20px; display: inline; color:#CB92FB; text-transform: uppercase; } .publish .time{display:none;} .title{position:relative; top:-24px; color:#909090; font-weight:bold; font-size:13px; font:bold 13px arial; text-shadow:1px 1px 0 #CB92FB; line-height: 40px; color:#531592;} .title a{ font: bold 16px arial; color:#531592; } .title a:hover{ color:#CB92FB; } .article-content{} .bookmark{} .author{position:relative; top:80px;left:10px; color:#CB92FB; font-weight:bold; font-size:10px;} .forward{} .more a{position:relative; top:80px;left:520px; color:#CB92FB; font-weight:bold; font-size:10px;} .refer li{position:relative; top:40px;left:-20px; color:#CB92FB; font-weight:bold; font-size:10px;} .history{} .refer{} .back-to-top{ height: 15px; text-align: right; text-transform: uppercase; } .back-to-top a{background:#000;position:relative; top:15px;left:10px;border:2px ridge #42077F;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} .user-post-box{} .user-post-title{ background:url(http://pic.pimg.tw/pixnetvisual/49dacf2874769.png) no-repeat; height: 25px; line-height: 25px; padding-left: 10px; color:#337f98; margin: 10px 0; } #trackback-box .user-post-title{} #comment-box .user-post-title{} .post-comment{ width:90px; height: 25px; margin: 10px auto 20px; line-height: 25px; } #content .post-comment a{ display:block; font-size:12px; color:#5589a6; height: 100%; padding-left: 25px; background:url(http://pic.pimg.tw/pixnetvisual/49d8d812ccfb6.png) 5px center no-repeat #d9efed; border:10px solid #a6d0de; } #content .post-comment a:hover{ border:1px solid #74afc3; color:#285974; } .single-post{ overflow: hidden; _overflow: none; _height: 1%; background:#353535; margin-bottom: 20px; padding-bottom: 10px; border:2px solid #c0c0c0; } .post-info{ background:#909090 url() no-repeat; height:27px; font-size:11px; *font-size:10px; line-height: 27px; margin-bottom: 10px; color:#555; position:relative; padding-left: 55px; _padding-top: 5px;border: 2px ridge #c0c0c0; } .post-info img{ vertical-align: middle; } .post-info .floor{ width: 40px; height:25px; text-align: center; color:#FFF; font: bold 13px Century Gothic; line-height:25px; display: block; position: absolute; left:0; top:0; } .post-photo{ width: 95px; float: left; margin-left: 10px; display: inline; } .post-photo img{ border:1px solid #ddd; } .post-text{ float: right; width: 470px; margin-bottom: 5px; color:#000; } .reply-text{ float: right; width: 405px; background:url(http://i.imgur.com/JWHFFNF.png) 5px top no-repeat #000; border:1px solid #c0c0c0; border-right:1px solid #c8e8f1; border-bottom:1px solid #c8e8f1; margin-right: 10px; display:inline; padding: 5px 5px 5px 50px; color:#777; min-height: 30px; _height: 30px; } .reply-text p{ display:none; } .single-post.secret{ background:url(http://i.imgur.com/QUUTCAM.png) 5px top no-repeat #000; border:2px solid #c0c0c0;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; } .single-post.secret .post-text{ float: none; width: auto; padding-left: 70px; font-size:0; color:#FFF; } #trackback-box {} #trackback-box h3 {} #trackback-box SPAN {} #trackback-box #trackback-url{ margin: 10px 0; } #trackback-box input{ border:1px solid #c0c0c0; font:11px arial; padding:2px; margin-left:5px; background:#909090; color:#000;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; } #trackback-box input#trackback-input{ width: 350px; margin:0; padding:3px } #trackback-text {} #trackback-text .single-post {} #trackback-text .post-info {} #trackback-box .post-text{ width:auto ; float:none ; padding: 0 10px; } #comment-form table tr.comment-form-title { display: none; } #comment-form table th font { display: none;} #comment-form input.radio {border: 0px;} #comment-form {margin:0px auto;position:absolute;top:70px;left:50px;width: 85%;text-align:left;padding: 50px 0px 100px 20px;background: url(http://i.imgur.com/srcMiPL.jpg) left top no-repeat;} #comment-form p {text-align:left;color: #A0A0A0;margin: 0px 5px 20px 30px;} #comment-form table {width: 89% ;margin: 0 auto ;} #comment-form table th {vertical-align: top;border: none;font-size: 11px; *font-size: 10px;color: #A0A0A0; width: 70px;padding: 2px 5px;} #comment-form table td {vertical-align: top;border: none;font-size: 11px; *font-size: 10px;color: #fff; padding:2px 5px;} #comment-form input {border: none;border-bottom: 1px solid #ccc;font-size: 11px; *font-size: 10px;background:transparent;height:16px;font-family: Arial;color: #fff;} #comment-form textarea {background:transparent;overflow:auto;width:65%;height:150px;font-family: Arial;font-size: 13px; *font-size: 12px;border-style:inset;color: #fff;} input#send-comment {font-family:Arial;font-size:13px;color:#A0A0A0;font-weight:900;background:transparent; border: 0px ;width:50px !important;height:20px;line-height:20px;position:relative; right:120px; bottom:28px ;} #calendar .box-text{ line-height:16px;color:#FFF;} #calendar table{ text-align:center; width:95%; } #calendar th{ text-align: center; line-height:16px; } #calendar table th { text-align:center; padding:3px; } #calendar td{text-align:center;padding:3px;} #calendar td a{display:block;color:#909090;} #murmur{ width: 250px; margin: 15px auto; background:#FFF; position:relative; } #murmur .box-title{ background:url(http://pic.pimg.tw/pixnetvisual/49dacf28d6a77.png) left top no-repeat; height:35px; padding:0 0 0 27px; } #murmur .box-text{ margin:0; padding: 5px 0; _height:1%; } #murmur .box-text li{ background:none; } .murmur-time{ position: absolute; left:15px; top: 17px; font: 10px Century Gothic; color:#FFF; } .murmur-text{ padding: 10px !important; line-height:150% !important; } #visitor, #crumb{} #visitor ul,#crumb ul{ overflow: hidden; _overflow: none; _height: 1%; margin:5px 15px; } #visitor li,#crumb li{ float: left; margin: 0px 2px 2px 0; display:inline; line-height:0; padding:0; background:0; } #visitor li img, #crumb li img { width: 50px; height: 50px; } #visitor .box-more, #crumb .box-more{ margin-top: 10px; } #broadcast{} #broadcast ul{ overflow: hidden; _overflow: none; _height: 1%; padding-bottom: 3px; margin-bottom: 5px; padding: 0px 15px 7px 15px; background:url(http://pic.pimg.tw/pixnetvisual/49dacf28052b9.png) left bottom no-repeat; } #broadcast li{ background:0; padding:0; } #broadcast .broadcast-photo{ float: left; line-height:0; } #broadcast .broadcast-time{ float: right; width: 185px; line-height: 20px; } #broadcast .broadcast-time a{} #broadcast .broadcast-time span{} #broadcast .broadcast-text{ float: right; width: 185px; height: 20px; line-height: 20px; overflow: hidden; } #search{} #search ul{ overflow: hidden; _overflow: none; _height: 1%; margin: 0px 15px; } #search li{ float: left; background:none; padding:0; } #search li input{ border:1px ridge #909090; font:12px arial; margin-right: 5px; line-height: 20px; padding:2px; } #search input#search-target{} #search input#search-submit{ padding:1px; width: 50px; color:#FFF; background:#909090; } #feed {} #announce{} #hot-article {} #category {} #category h6{color:#a00200} #category ul{margin-bottom: 5px;} #category .box-more {} #archive select {} #archive li a{} #latest-trackback {} #latest-trackback a{} #latest-trackback span{} #subscription{} #subscription a{} #subscription span{} #favorite select {} #mylink {} #mylink .inner-box{margin-bottom: 5px;} #mylink .inner-box h6{color:#fff} #mylink .inner-box li{} #counter{} #counter SPAN{} #latest-comment li, #subscription li, #latest-trackback li{ line-height: 150%; padding: 3px 10px; } #latest-comment a, #latest-trackback a, #subscription a{ display: block; width: 99%; } .folder{} .folder .box-title{} .folder .box-text{ margin: 0px 10px; } #powered{} #footer{ clear:both; background:url(http://i.imgur.com/COIKBnH.gif) left 0px no-repeat; padding: 20px 10px 0 10px; height: 126px; text-align:center; border-top: 0; } #footer p{color: #FFF;} #bottom {} #extradiv11{} #extradiv10{} #extradiv9{} #extradiv8{} #extradiv7{} #extradiv6{} #extradiv5{} #extradiv4{} #extradiv3{} #extradiv2{} #extradiv1{} #extradiv0{} body{cursor:URL(https://dl.dropboxusercontent.com/u/132512035/ani/red%20neon%20point.ani);} a:hover{cursor:URL(https://dl.dropboxusercontent.com/u/132512035/ani/Busy.ani);} ::-webkit-scrollbar{border:2px ridge #42077F;background: url();} ::-webkit-scrollbar-thumb{border:2px ridge #42077F;background:#000;} ::-webkit-scrollbar-button:vertical{border:6px ridge #373737;background:#c0c0c0;} .page{ margin: 10px 0px; font-size:11px; font-family: Century Gothic; text-align: center; } .page a{ margin: 0 5px; color:#CB92FB; padding: 0 3px; } .page a:hover, .page span{border: 2px ridge #42077F; background:#909090; padding: 0 3px; color:#33;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; } #pixblogad.pixblogad-new{display:none !important; border:0px; background:transparent;}