w07 - 花樣日記



/*-----------------------------------------------------------
  無名網誌css - 花樣日記(側欄在右)
  作者:kanny1111(臣妾)                 
              
  套用上有問題請於此回報: http://kanny1111.pixnet.net/blog/post/25063100
                  
-----------------------------------------------------------*/
body {
background-image:url(http://f9.wretch.yimg.com/kanny1111/1/o1544527302.jpg);background-repeat:repeat;background-position:center top;
font-size:12px;font-family:"Arial";
margin:auto;overflow-x:hidden;
cursor:url(http://kanny1111.t35.com/ani01/9.ani);}
a:hover {cursor:url(http://kanny1111.t35.com/ani01/8.ani);}


img {border:0px;}


#body-div {
margin:0 auto;width:1003px;position:relative;}



a , a:link , a:visited , a:active {
color:#872D3C;text-decoration:none;}

a:hover {
color:#00C382;text-decoration:none;background-position:50% 50%;}



html {
SCROLLBAR-FACE-COLOR:#DAB2B2;
SCROLLBAR-HIGHLIGHT-COLOR:#DAB2B2;
SCROLLBAR-SHADOW-COLOR:#872D3C;
SCROLLBAR-3DLIGHT-COLOR:#DAB2B2;
SCROLLBAR-ARROW-COLOR:#872D3C;
SCROLLBAR-TRACK-COLOR:#DAB2B2;
SCROLLBAR-DARKSHADOW-COLOR:#DAB2B2;}



#banner {
height:768px;background:url(http://f9.wretch.yimg.com/kanny1111/1/o1544527303.jpg);background-repeat:no-repeat;background-position:center top;}



h1 {
color:#872D3C;font-family:標楷體;font-size:20px;
position:absolute;top:100px;margin-left:230px;width:500px;
display:block;overflow:hidden;}


#description2 {
color:#872D3C;font-family:標楷體;font-size:16px;
position:absolute;top:138px;margin-left:248px;width:500px;
display:block;overflow:hidden;}


input, select {
FONT-SIZE:8pt;background:transparent;color:#872D3C;}


#serviceList{
position:relative;right:245px;position:absolute;top:0px;overflow:hidden;
width:600px;height:21px;}


#boxMySpace #linkMypage {
width:30px;}
#boxMySpace #linkAlbum {
width:30px;}
#boxMySpace #linkBlog {
width:30px;}
#boxMySpace #linkGbook {
width:30px;}
#boxMySpace #linkVideo {
width:30px;}
#boxMySpace #linkUser {
width:30px;}
#boxMySpace #linkFriend {
width:30px;}

#serviceList li {
float:right;height:21px;padding:5px 10px;}

#serviceList li a {
color:#E6809D;font-family:"標楷體";font-size:135%;}

#serviceList li a:hover {background:#EAA4B8;}


#container1 {
position:relative;margin:0 auto;width:1000px;}

#content {
font-size:12px;float:left;width:565px;overflow:hidden;position:absolute;left:115px;top:320px;padding:0px 0px 50px;}

.title {
z-index:1;width:500px;height:30px;padding:30px 0px 20px 65px;position:relative;left:30px;
color:#872D3C;font-size:20px;font-family:"標楷體";background:url(http://f9.wretch.yimg.com/kanny1111/1/1544527301.jpg);background-repeat:no-repeat;}

.date {
z-index:2;font-size:17px;font-family:"標楷體";font-weight:600;position:relative;top:70px;left:30px;
PADDING-left:12px;COLOR:#E6809D;width:30px;height:36px;overflow:hidden;}


.digu .title {width:50px;height:30px;padding:25px 0px 20px 6px;
font-size:17px;font-family:"標楷體";}
.digu .title a{color:#E6809D;}
.digu .meta {display:block;margin:70px 0px 0px 100px;}
.digu .innertext {padding:0px 0px 0px 100px;border-bottom:2px dashed #872D3C;padding-bottom:15px;}
.digu .profile {padding:3px;border:2px #872D3C solid;position:relative;right:20px;}


.innertext {
TEXT-ALIGN:left;color:#872D3C;padding:0px 10px 0px 30px;}


.extended {
color:#872D3C;FONT-SIZE:8pt;padding-right:10px;TEXT-ALIGN:right;}

.posted {
border-bottom:2px dashed #872D3C;padding-bottom:10px;
color:#872D3C;TEXT-ALIGN:right;FONT-WEIGHT:normal;FONT-SIZE:8pt;PADDING-right:10px;}

.trackback-url {
padding:15px 0px 15px 0px;color:#872D3C;}

#bigcontainer .wsharing {
margin-left:70px;padding:0px 0px 10px;}
.blog .bd ul{display:none;}}


/* 給個回應區塊 */

.total-comments-div .comments-head , 
.total-comments-div .trackbacks-head .comments-head{
background:url(http://f9.wretch.yimg.com/kanny1111/1/1544517582.jpg) no-repeat left top;
height:40px;overflow:hidden;
text-indent:-5000px;display:block;
margin:50px 0px 0px 0px;}


.total-comments-div .comments-body .comments-post {
text-align:right;color:#872D3C;}


.total-comments-div .comments-body .comments-post a {
color:#872D3C;}

.total-comments-div .comments-body .comments-post a:hover  {
color:#00C382;}

.total-comments-div .comments-body {
border-bottom:2px dashed #872D3C;padding-bottom:6px;overflow:hidden;color:#872D3C;}



.comments-reply .comments-author{
background:#d8b4b2;color:#872D3C;padding:10px 10px 2px;border-right:6px solid #DAAAA7;border-bottom:4px solid #DAAAA7;}

.comments-body span img{
padding:3px;border:2px #872D3C solid;width:60px;height:60px;FILTER:alpha(opacity=50);-MOZ-OPACITY:0.5;OPACITY:0.5;}

.comments-body span a:hover img {
FILTER:alpha(opacity=90);-MOZ-OPACITY:0.9;OPACITY:0.9;}



.comments-body form {
color:#872D3C;margin-left:5px;padding:5px 0px 55px 80px !important;
background:url(http://f9.wretch.yimg.com/kanny1111/1/1544527297.jpg) no-repeat left top;}


#content textarea {
border-style:outset;color:#00C382;font-family:Arial;
width:400px!important;height:60px !important;
background:transparent;overflow:auto;}





/* 側欄區塊 */

#links{
color:#E6809D;width:190px;float:right;position:absolute;right:107px;top:275px;padding-top:65px;}


#links a{color:#E6809D;}
#links a:hover {color:#00C382;}

.calendar {padding:0px 0px 10px 0px;}
div.calendar a{color:#E6809D;}
.calendarhead a{color:#E6809D;}
.calendarhead a:hover{color:#E6809D;}
span.calendar{color:#E6809D;margin:1px 1px 1px 1px;
padding:0px 0px 0px 0px;}


.sidetitle {
font-family:"標楷體";font-weight:600;FONT-SIZE:11pt;COLOR:#872D3C;TEXT-ALIGN:left;padding:5px 0px 0px 7px;
height:45px;BACKGROUND:url(http://f9.wretch.yimg.com/kanny1111/1/1544527298.jpg) center top no-repeat;}

.side {
padding:10px 2px 10px 8px;color:#E6809D;margin:0px 0px 35px;}

select {
width:170px;color:#872D3C;background-color:#E6C6C6;}

.boxMySpaceImg  img{
padding:3px;border:2px #E6809D solid;}

#boxFolder {width:190px !important;overflow:hidden;}
#boxFolder .boxFolder1 .side {overflow:hidden;}


#boxCollectionCategory .#boxCollectionCategory1 .side {
text-align:right;color:#872D3C;}
#boxCollectionCategory .boxCollectionCategory1 .side a {
text-align:left;display:block;padding:3px;width:98%;}

#boxCollection .boxCollection1 .side {
text-align:left;color:#E6809D;padding:1px;margin-top:25px;width:98%;}


#boxNewArticle .#boxNewArticle1 .side {
text-align:right;color:#872D3C;}
#boxNewArticle .boxNewArticle1 .side a {
text-align:left;display:block;padding:3px;width:100%;}


#boxCategory .#boxCategory1 .side {
text-align:right;color:#872D3C;}
#boxCategory .boxCategory1 .side a {
text-align:left;display:block;padding:3px;width:98%;}


#boxNewComment .boxNewComment1 .side {
text-align:right;color:#872D3C;}
#boxNewComment .boxNewComment1 .side a {
text-align:left;display:block;padding:1px;margin-top:25px;width:98%;}


#boxNewTrackback .boxNewTrackback1 .side {
text-align:right;color:#872D3C;}
#boxNewTrackback .boxNewTrackback1 .side a {
text-align:left;display:block;padding:1px;margin-top:25px;width:98%;}
#boxNewTrackback .boxNewTrackback1 .side span a {
color:#872D3C;display:inline;}


#boxWho #whowrapper li a {
height:30px;width:30px;
display:block;MARGIN:1px;
background:#E6809D;FILTER:alpha(opacity=50);-MOZ-OPACITY:0.5;OPACITY:0.5;
border-right:1px solid #872D3C;
border-bottom:2px solid #872D3C;}



#boxWho #whowrapper li a img {
visibility:hidden;height:30px;width:30px;border:1px solid #872D3C;}
#boxWho #whowrapper li a:hover img {
visibility:visible;height:30px;width:30px;}

.syndicate {
padding:16px;display:inline;}