未命.bmp

 

DSC04547.JPG

 

/*****/
作者:小菈/小国
用途:痞客邦部落格樣式
/*****/


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:400;
}

ol,ul {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
border:1px solid #666;
line-height:18px;
color:#484848;
width:624px;
overflow-x:auto;
padding:7px 7px 10px;
}

body {
font-size:12px;
font-family:"Century Gothic";
letter-spacing:1px;
background:#fff;
background-image:url(http://p9.p.pixnet.net/albums/userpics/9/5/872195/4aec33870c65b.jpg?v=1256993672);
background-color:#ff0;
background-repeat:repeat-x;
background-position:left;
background-attachment:fixed;
}

#body-div {
width:900px;
background:#fff;
margin:10px auto 0;
}

br {
letter-spacing:0;
}

input,select {
background:transparent none repeat scroll 0;
border:0;
margin:0;
padding:0;
}

#authority {
z-index:3;
width:100%;
height:1px;
position:relative;
margin:0;
}

#authority #newpost {
position:absolute;
top:4px;
right:5px;
}

#authority #backstage {
position:absolute;
top:24px;
right:5px;
}

#header {
float:left;
position:relative;
width:100%;
height:130px;
background:url(http://p2.p.pixnet.net/albums/userpics/2/1/103321/48d64e032694a.jpg) right top no-repeat;
background-image:url(http://pic.pimg.tw/salin1025tw/4aec2eb69aea0.jpg);
background-color:#ff0;
background-position:top left;
background-repeat:no-repeat;
margin:0 0 7px;
}

#banner h1 {
position:absolute;
top:37px;
left:15px;
}

#banner h1 a {
font-size:25px;
font-family:Arial;
}

#navigation {
position:absolute;
top:49px;
right:5px;
}

#content {
text-align:left;
width:640px;
float:left;
background-color:#ff0;
color:#6f6;
margin:0;
padding:0;
}

#spotlight {
width:100%;
margin:0 0 6px;
padding:5px 0;
}

#spotlight h5 {
color:#000;
line-height:20px;
font-weight:700;
}

#spotlight-text {
color:#000;
padding:0 0 0 10px;
}

#article-box {
overflow:auto;
overflow-x:auto;
margin:0;
}

.article-area-title {
color:#000;
margin:0;
padding:0;
}

#display {
margin:0 0 5px;
}

.article {
margin:0 0 20px;
}

.article-head {
height:20px;
clear:both;
border:1px solid #000;
}

.article-body {
margin:2px 0 0;
}

.article-footer {
width:100%;
background:#f5f5f5;
margin:0;
padding:3px 0;
}

.publish {
float:right;
font-size:10px;
font-family:"Century Gothic";
width:30%;
height:20px;
line-height:20px;
text-align:center;
text-transform:uppercase;
background:#f0f0f0;
color:#ff6;
margin:0;
padding:0;
}

.title h2 {
float:left;
width:70%;
height:20px;
line-height:20px;
font-size:13px;
font-family:"Century Gothic";
padding:0;
}

.title h2 a {
color:#000;
margin:0;
padding:0 0 0 10px;
}

.title h2 a:hover {
color:#db611b;
}

.title h2 img {
vertical-align:middel;
}

.more {
width:100%;
margin:5px 0 0;
}

.more a {
display:block;
width:100px;
height:20px;
color:#000;
margin:0 0 0 auto;
}

.author {
text-align:right;
color:#000;
margin:5px 5px 5px 0;
}

.bookmark {
width:100%;
text-align:right;
}

.bookmark img {
width:15px;
height:15px;
}

.refer {
width:100%;
float:left;
color:#000;
background:#f5f5f5;
}

.refer li {
float:left;
height:20px;
line-height:20px;
overflow-y:hidden;
color:#000;
margin:0 0 0 2px;
}

.refer a {
color:#777;
margin:0;
padding:0;
}

.history {
width:100%;
color:#000;
background:#f5f5f5;
}

.history li {
margin:0 0 0 3px;
}

.forward {
text-align:right;
color:#000;
margin:0 5px 0 0;
}

.page {
font-size:11px;
height:30px;
text-align:center;
margin:15px 0;
}

.page .pre {
font-size:25px;
float:left;
margin:-10px 0 0 10px;
}

.page .next {
font-size:25px;
float:right;
margin:-25px 10px 0 0;
}

.page a {
color:#000;
display:inline;
margin:0 2px;
}

#user-post {
width:100%;
margin:15px 0 0;
}

#trackback-box {
text-align:right;
height:25px;
padding:0;
}

#trackback-box input#trackback-input {
width:400px;
background:#f8f8f8;
text-align:right;
font-family:Arial;
}

#trackback-box input#trackback-input img {
diplay:none;
}

#trackback-box input,select {
background:none repeat scroll 0;
height:20px;
line-height:20px;
margin:0;
padding:0;
}

#trackback-url input {
width:80px;
color:#888;
margin:0 0 0 3px;
padding:0;
}

#trackback-box .single-post {
overflow:hidden;
_overflow:none;
_height:1%;
}

#comment-box {
width:100%;
}

#comment-box .single-post {
clear:both;
width:100%;
min-height:100px;
_height:100px;
position:relative;
border:1px solid #888;
margin:0 0 15px;
padding:8px 0 25px;
}

.post-info {
position:absolute;
bottom:0;
left:0;
text-align:right;
width:100%;
color:#000;
border-top:1px solid #888;
}

.post-photo {
position:absolute;
right:91px;
bottom:25px;
width:72px;
height:72px;
}

.post-photo img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
width:70px;
height:70px;
border:1px solid #ddd;
padding:1px;
}

.post-photo a img {
width:70px;
height:70px;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
border:1px solid #f0f0f0;
margin:0;
}

.post-text {
border-right:1px solid #555;
width:70%;
text-align:left;
color:#777;
overflow-x:auto;
padding:0 10px;
}

.post-text p {
color:#000;
margin:0 0 7px;
}

.reply-text {
border-right:1px solid #555;
width:70%;
text-align:left;
color:#000;
overflow-x:auto;
padding:10px 10px 0;
}

.reply-text a {
display:block;
width:6px;
height:6px;
line-height:6px;
text-indent:-3000px;
background:#eee;
border:1px solid #eee;
}

.reply-text a:hover {
border:1px solid #888;
}

.secret {
width:620px;
height:100px;
}

.secret .post-text {
border:0;
font-size:20px;
width:620px;
height:100px;
line-height:100px;
color:#000;
text-align:left;
}

.post-comment a {
color:#fff;
display:block;
width:146px;
height:15px;
line-height:15px;
text-align:center;
background:#f8f8f8;
margin:10px auto;
}

.post-comment a:hover {
color:#db611b;
background:#fb813b;
}

#user-post .page {
font-size:10px;
width:100%;
height:60px;
text-align:center;
clear:both;
margin:15px 0;
}

#user-post .page .pre {
font-size:25pt;
float:left;
margin:-10px 0 0 10px;
}

#user-post .page .next {
font-size:25pt;
float:right;
margin:-25px 10px 0 0;
}

#user-post .page a {
color:#000;
margin:0 2px;
}

#comment-form {
text-align:left;
margin:0 auto;
padding:5px;
}

#comment-form p {
color:#000;
text-align:right;
margin:10px 5px;
}

#comment-form table {
width:100%;
border:none;
}

#comment-form table th {
width:80px;
color:#000;
text-align:center;
border:1px solid #888;
margin:50px 0 5px;
padding:2px 5px;
}

#comment-form table td {
color:#555;
vertical-align:top;
border:none;
padding:2px 5px;
}

#comment-form input {
color:#555;
height:17px;
font-family:Arial;
border-bottom:1px solid #888;
}

#comment-form textarea {
color:#333;
width:100%;
height:120px;
font-family:Arial;
line-height:18px;
border:1px solid #888;
}

#comment-form #send-comment {
width:50px;
height:25px;
border:1px solid #888;
}

.main-list table {
width:100%;
margin:10px auto 0;
}

.list-date {
font-family:"Century Gothic";
text-align:center;
color:#000;
letter-spacing:0;
line-height:13px;
width:80px;
}

.list-num {
border:1px solid #fff;
color:#888;
text-align:center;
}

.list-title {
vertical-align:top;
color:#555;
}

.list-title a {
color:#555;
margin:0 0 0 5px;
}

.list-title a:hover {
color:red;
}

#links {
float:right;
width:250px;
text-align:left;
position:relative;
background-color:#ff0;
color:#0b0;
margin:0;
padding:0;
}

#links .box {
overflow-x:hidden;
overflow-y:hidden;
margin:0 0 15px;
}

.box-title {
font-size:15px;
text-align:right;
color:#000;
line-height:20px;
height:20px;
border:1px solid #000;
clear:both;
padding:0 10px 0 0;
}

.box-text {
color:#555;
margin:3px 0 0;
padding:0 0 0 3px;
}

.box-text a {
line-height:17px;
color:#000;
}

.box#murmur {
position:absolute;
top:-74px;
left:-637px;
width:280px;
height:70px;
overflow:auto;
}

#murmur .box-text {
text-align:left;
line-height:20px;
}

#murmur .box-text .box-more {
float:left;
margin:0;
}

#murmur .box-text .box-more a {
color:#fdfdfd;
}

#recent-article .box-text a {
display:block;
height:17px;
line-height:17px;
overflow-y:hidden;
border-bottom:1px dotted #f0f0f0;
}

#latest-comment .box-text {
font-family:"Century Gothic";
text-align:left;
letter-spacing:0;
color:#888;
}

#latest-comment .box-text li {
height:19px;
line-height:19px;
overflow-y:hidden;
border-bottom:1px dotted #f0f0f0;
}

#latest-comment .box-text a {
letter-spacing:1px;
text-align:left;
padding:0 0 0 3px;
}

#category .box-text a {
display:block;
height:17px;
line-height:17px;
border-bottom:1px dotted #f0f0f0;
}

#category .box-text h6 {
color:#888;
padding:0;
}

#subscription .box-text li a {
display:block;
height:16px;
line-height:16px;
text-align:left;
}

#broadcast .box-text li {
display:inline;
}

#broadcast .box-text .broadcast-photo {
width:18%;
float:right;
}

#broadcast .box-text .broadcast-photo img {
width:45px;
height:45px;
border:1px solid #f0f0f0;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#broadcast .box-text .broadcast-time {
float:left;
width:80%;
height:17px;
line-height:17px;
text-align:left;
}

#broadcast .box-text .broadcast-text {
width:80%;
float:left;
}

#broadcast .box-text .broadcast-text a {
display:block;
width:100%;
line-height:16px;
margin:0 0 0 3px;
}

#mylink .box-text a {
display:block;
height:16px;
line-height:16px;
border-bottom:1px dotted #f0f0f0;
}

#mylink .box-text .inner-box h6 {
clear:both;
color:#888;
line-height:22px;
text-align:center;
padding:0;
}

#search .box-text li {
float:left;
}

#search-target {
color:#555;
width:200px;
height:20px;
border-bottom:1px solid #ddd;
margin:3px 0 0;
}

#search-submit {
background:transparent none repeat scroll 0;
color:#000;
width:30px;
height:20px;
border:1px solid #888;
margin:3px 0 0 5px;
}

#hot-article .box-text a {
display:block;
line-height:17px;
border-bottom:1px dotted #f0f0f0;
}

#calendar table {
text-align:center;
margin:0 auto;
}

#calendar .month-nav .current-month {
line-height:20px;
border:0;
}

#calendar .weekday th {
line-height:18px;
border:0;
font-weight:700;
}

#calendar td {
width:32px;
height:18px;
text-align:center;
border:1px solid #aaa;
}

#calendar td a {
font-weight:700;
line-height:18px;
display:block;
background:#3f3f3f;
color:#e5e5e5;
}

#calendar td a:hover {
color:#E69200;
}

#calendar th {
border:1px solid #aaa;
text-align:center;
}

#headshot .box-text a {
display:block;
width:94px;
height:20px;
line-height:20px;
text-align:center;
background:#fff;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
margin:0;
}

#headshot .box-text #headshot-img {
width:94px;
height:94px;
}

#headshot .box-text #headshot-img img {
width:90px;
height:90px;
background:#fff;
border:1px solid #888;
padding:2px;
}

#archive .box-text .box-more {
text-align:right;
margin:5px 4px 0 0;
}

#feed .box-text {
text-align:center;
}

#feed .box-text li {
float:left;
margin:0 0 0 2px;
}

#announce .box-text a {
display:block;
border-bottom:1px dotted #f0f0f0;
}

#powered .box-text ul li {
letter-spacing:0;
color:#555;
display:inline;
line-height:20px;
}

#footer {
height:30px;
text-align:left;
clear:both;
border-top:1px solid #000;
}

#footer p {
float:left;
width:60%;
line-height:30px;
}

#footer #bottom {
float:right;
width:40%;
text-align:right;
}

#footer #bottom a {
line-height:30px;
}

#box160309 {
position:absolute;
top:-120px;
left:-636px;
text-align:left;
width:100%;
}

#header h2 {
color:#9f0;
}

fieldset,img,abbr,acronym,#calendar .month-nav .cal-backward,#calendar .month-nav .cal-forward {
border:0;
}

caption,th,#favorite .box-text {
text-align:left;
}

a,.article-content a {
text-decoration:none;
color:#db611b;
}

a:hover,.article-content a:hover {
text-decoration:none;
color:#f57d38;
}

#authority a,#navigation a {
display:block;
width:100px;
height:15px;
line-height:15px;
color:#000;
background:#fff;
text-align:center;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
margin:2px 0 0;
}

#authority a:hover,#navigation a:hover {
background:#f0f0f0;
color:#db611b;
}

#login-bar,#banner h2,#banner .skiplink,#blog-category,body#blog-main .article-footer,body#blog-main #content .refer,.refer li img,.history h6,.forward img,.back-to-top,#trackback-title,#comment-title,.post-info img,.post-info a.reply-message,.post-text p img,.reply-text p,#comment-form table tr.comment-form-title,.main-list table th,#murmur .box-title,#murmur .box-text .murmur-time,#latest-comment .box-text ul li img,#category .box-text .box-more,#visitor .box-text .box-more,#crumb .box-text .box-more,#headshot .box-text #send-message,#headshot .box-text #send-pixnetWish,#powered .box-text ul li a img,#box160309 .box-title,#box114335 .box-title {
display:none;
}

#display span,.page a:hover,#user-post .page a:hover {
color:#ddd;
}

.month,.date,.day,.year,.time,#broadcast .box-text .broadcast-time a:hover {
color:#333;
}

.more a:hover,.author a:hover,.refer a:hover,.history a:hover,.post-info a,.box-text a:hover {
color:#aaa;
}

.author a,.forward a,.post-info .floor {
color:#000;
}

.history a,.forward a:hover,#comment-form table th font,#murmur .box-text .box-more a:hover {
color:#555;
}

.page span,.post-info a:hover,#user-post .page span,#latest-comment .box-text span,#broadcast .box-text .broadcast-time span,#broadcast .box-text .broadcast-time a {
color:#888;
}

.post-info span.post-time,.post-info .user-ip {
color:#888;
font-size:10px;
}

.post-photo a:hover img,#broadcast .box-text .broadcast-photo a:hover img,#visitor a:hover img,#crumb a:hover img {
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

.list-visit,.list-comment {
text-align:right;
color:#fff;
}

#subscription .box-text li span,#latest-trackback .box-text li span {
display:block;
height:16px;
line-height:16px;
border-bottom:1px dotted #f0f0f0;
text-align:right;
color:#888;
}

#broadcast .box-text ul,#box114335 {
clear:both;
}

#visitor .box-text ul,#crumb .box-text .ul {
_height:1%;
overflow:hidden;
_overflow:none;
clear:both;
}

#visitor li,#crumb li {
float:left;
margin:2px 2px 0 0;
}

#visitor li a,#crumb li a {
border:1px solid #f0f0f0;
display:block;
background:#fff;
width:45px;
height:45px;
}

#visitor li a:hover,#crumb li a:hover {
border:1px solid #aaa;
}

#visitor img,#crumb img {
width:45px;
height:45px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#favorite .box-text select,#archive .box-text select {
width:98%;
}

#header h1 a {
color:#390;
font-size:36pt;
}

#header h1 {
font-size:36pt;
}

#header h1 a,#header h1 a:link,#header h1 a:visted,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visted,#header h1 a:hover,#header h1 a:active {
color:#390;
}

#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited {
color:#363;
}

#content a:hover,#content a:active,#content a:hover,#content a:active {
color:#bf3;
}

/*******/

 

別當小白喔!!

留言/推推   二選一

MY  LOGO!!

j j k k v.JPG   

<a title="by小囯" target="_blank" href=http://karen34.pixnet.net/blog>
<img src="http://pic.pimg.tw/karen34/4aec2543406e8.jpg?v=1256990019" border="0"></a>

創作者介紹

多多連結 FACE BOOK

小国 發表在 痞客邦 PIXNET 留言(0) 人氣()