達欣工程 - 樣式分享頁面

/*
達欣工程 ( Blog )
Design by DENGZI @ DOUBLE # ZERO
From : http://www.wretch.cc/blog/h30131
此樣式要修改‧請到留言版詢問
*/

/* General Set
-----------------------------------------*/
html {
overflow: hidden;
cursor:crosshair ;
}
#text {
width: 350px !important;
height: 150px;
color:#666;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-Color:#fff;
scrollbar-arrow-color:#4077CE;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;
}
textarea{
font-size: 7pt;
font-family: verdana;
padding: 5px;
color:#666;
border:none;
border-top: 10px solid #4077CE;
border-bottom: 10px solid #4077CE;
background: #fff;
line-height: 17px;
letter-spacing : 1pt;
}
input,select{
background:#fff;
color:#4077CE;
border: none;
font-size: 7pt;
font-family:verdana;
padding:1px ;
letter-spacing : 1pt;
line-height: 17px;
}
body {
text-align:center;
font-size: 7pt;
font-family: verdana;
color: #666;
background: url(http://blog.roodo.com/dengzi/33953952.jpg) #BADCFF no-repeat;
margin: 25px 0px 0px 0px;
letter-spacing : 1pt;
overflow: hidden;
}
a {
color: #4077CE;
text-decoration: none;
}
a:hover {
color: #555;
text-decoration: none;
cursor:e-resize;
}

/* container
-----------------------------------------*/
#container1 {
width: 1050px;
margin-top:0px;
overflow: hidden;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
text-align:left;
background: none;
color: #333;
height:90px;
}
#pageheader {}
#pageheader h1 a {
position: absolute;
top: 110px; left: 15px;
text-align: left;
color: #182BC5;
font-size: 9pt;
font-family:verdana;
font-weight:bold;
}
#pageheader h1 a:hover {
color: #4077CE;
}
#pageheader .description {
position: absolute;
top: 115px; right: 230px;
color: #000;
font: 7pt verdana;
font-weight:normal;
width: 270px;
text-align:right;
}
#pageheader #description2 .description {
position: absolute;
top: 530px; left: 20px;
font-size: 7pt;
text-align:left;
background: none;
line-height:17px;
color:#000;
font-family:Verdana;
width: 377px;
font-weight:normal;
vertical-align: center !important;
}
#pageheader #description2 .description a {
text-align: left;
background: none;
color:#333;
}
#pageheader #description2 .description a:hover {
color:#BADCFF;
}

/* main
-----------------------------------------*/
#main2 {
margin-top:14px;
height: 550px;
background: none;
text-align:left;
}

/* content
-----------------------------------------*/
#content {
width: 455px;
height: 394px;
float: left;
padding-top: 5px;
margin-left: 155px;
overflow: auto;
overflow-x: hidden;
background: none;
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#FFFFFF;
scrollbar-arrow-color:#4077CE;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
}
.date{
font-size: 7pt;
font-family: verdana;
color:#182BC5;
text-align:right;
background: none;
float: right;
font-weight:normal;
margin-top:10px;
}
.blogbody {
margin-top:5px;
margin-bottom:10px;
width: 420px;
background: #FFFFFF;
padding-left:0px;
border:1px solid #0D529C;
}
.blogbody2 {}
.articletext {}
.articletext .title {
font-size: 9px; font-family: verdana;
font-weight: normal;
background: #EDF4FB;
border-bottom:1px solid #0D529C;
color: #182BC5;
padding: 3px 3px 3px 10px;
float: left;
text-align:center;
font-weight:normal;
width:420px;
margin-bottom:0px;
letter-spacing : 1pt;
line-height: 17px;
}
.articletext .innertext {
color:#666;
font-size: 7pt;
font-family: verdana;
padding-left:10px;
text-align:left;
letter-spacing : 1pt;
line-height: 17px;
}
.articletext .innertext a {
color:#4077CE;
}
.articletext .innertext a:hover {
color:#aaa;
}
.articletext .extended {
text-align: right;
letter-spacing : 1pt;
line-height: 17px;
}
.articletext .extended a{
color:#182BC5;
letter-spacing : 1pt;
line-height: 17px;
}
.articletext .extended a:hover{
color:#4077CE;
letter-spacing : 1pt;
line-height: 17px;
}
.posted {
padding:0px;
margin-top:-20px;
margin: 0px ;
color:#182BC5;
text-align:center;
letter-spacing : 1pt;
line-height: 17px;
}
.posted a{
color:#4077CE;
}
.posted a:hover{
color:#aaa;
}

/* comments
-----------------------------------------*/
.total-comments-div {
text-align:center;
border: none;
padding-top: 10px;
margin-top: 10px;

}
.total-comments-div .trackback-url{}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
background: #EDF4FB;
padding: 5px;
border: 1px solid #182BC5;
margin: 10px;
color: #182BC5;
font-size: 9pt;
font-family: verdana;
line-height: 17px;
letter-spacing: 1px;
}
.total-comments-div .comments-head {
background: #EDF4FB;
padding: 5px;
border: 1px solid #182BC5;
margin: 10px;
color: #182BC5;
font-size: 9pt;
font-family: verdana;
line-height: 17px;
letter-spacing: 1px;
}
.total-comments-div .comments-bottom .comments-head {
background: #EDF4FB;
padding: 5px;
border: 1px solid #182BC5;
margin: 10px;
color: #182BC5;
font-size: 9pt;
font-family: verdana;
line-height: 17px;
letter-spacing: 1px;
}
.total-comments-div .comments-body {
color: #666;
background: #fff;
line-height: 17px;
letter-spacing: 1px;
padding: 2px;
padding-left: 10px;
margin: 10px;
text-align: left;
border: 1px solid #182BC5;
}
.total-comments-div .comments-body .comments-post {
background: #EDF4FB;
color: #4077CE;
margin: 5px;
padding: 3px;
border: none;
font-size: 7pt;
font-family: verdana;
line-height: 17px;
letter-spacing: 1px;
text-align: center;
}
.total-comments-div .comments-body .comments-post a {
color: #182BC5;
font-size: 7pt;
font-family: verdana;

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

}
.total-comments-div .comments-body form {
text-align:center;
}
div .comments-body #text {
background:#FFF;
border: #4077CE 1px solid;
width: 300px !important;
height: 170px !important;
padding-top:6px;
padding-left:6px;
overflow:hidden;
}
#email{
background: #EDF4FB;
display: block;
height:14px;
width: 300px;
padding-top:4px;
padding-left:6px;
border: 0px solid;
}
#url{
background: #EDF4FB;
display: block;
height:14px;
width: 300px;
padding-top:4px;
padding-left:6px;
border: 0px solid;
}
#name_id{
background: #EDF4FB;
display: block;
height:14px;
width: 300px;
padding-top:4px;
padding-left:6px;
border: 0px solid;
}
.comments-post img{
visibility:hidden;
width: 10px !important;
height: 10px !important;
}

.postuser{background: none;}
.postuser:hover{background: none;}
.postemail{background: #182BC5;}
.postemail:hover{background: #BADCFF;}
.postweb{background: #4077CE;}
.postweb:hover{background: #BADCFF;}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {} /* 第二層divThird */

/* links 選單
-----------------------------------------*/
#links {
padding-top:10px;
margin-right:15px;
width: 250px;
float: right;
background: none;
overflow: auto;
overflow-x: hidden;
height: 389px;
text-align:left;
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#FFFFFF;
scrollbar-arrow-color:#4077CE;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
}
#links2 {}
.side a{
display:block;
padding-left: 10px;
padding-top: 2px;
border-bottom: 1px dotted #182BC5;
}
#links a{color:#333;}
#links a:hover{color:#4077CE;}
#links br{display:block}

.sidetitle{
font-size:1pt;
color:#fff;
text-align:right;
height:60px;
}
.side{
font-size:7pt;
padding:8px;
line-height: 160%;
color:#4077CE;
padding-bottom: 5px;
}

/* links 選單進階設定
-----------------------------------------*/
.calendar{
background: #fff;
line-height: 17px;
letter-spacing : 1pt;
margin-bottom: 10px;
}

#boxMySpace {}
#boxMySpace .boxMySpace0 {}
#boxMySpace .boxMySpace0 .sidetitle {
background: #fff url(http://blog.roodo.com/dengzi/8c5abeb6.jpg) left center no-repeat;
}
#boxMySpace .boxMySpace1 {}
#boxMySpace .boxMySpace1 .side {
width:220px;
color: #fff;
line-height: 1px;
}
#boxMySpace .boxMySpace1 .side .boxMySpaceImg {display:none}/* 個人封面照片縮圖 */
#boxMySpace .boxMySpace1 .side a{ /* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
display: block;
width: 220px;
font-size: 7pt;
font-family: verdana;
letter-spacing : 1pt;
line-height: 17px;
border-bottom: 1px dotted #182BC5;
margin: 2px;
}
#boxMySpace .boxMySpace1 .side a:hover{
background: #182BC5;
color: #EDF4FB;
border-bottom: 1px dotted #fff;
}
#boxMySpace .boxMySpace1 .side select {display:none} /* 好友名單 */

#boxSlideShow {} /* 播放中的相簿 */
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {
background: #fff url(http://blog.roodo.com/dengzi/e0c638bc.jpg) left center no-repeat;
}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}
#boxSlideShow .boxSlideShow1 .side a{
border: none;
}

#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {
background: #fff url(http://blog.roodo.com/dengzi/e2b87fba.jpg) left center no-repeat;
}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {
width:220px;
color: #fff;
line-height: 1px;
}
#boxNewArticle .boxNewArticle1 .side a{
display: block;
width: 220px;
letter-spacing : 1pt;
line-height: 17px;
border-bottom: 1px dotted #182BC5;
margin: 2px;
}
#boxNewArticle .boxNewArticle1 .side a:hover{
background:#182BC5;
color:#EDF4FB;
border-bottom: 1px dotted #fff;
}

boxCategory {}
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {
background: #fff url(http://blog.roodo.com/dengzi/4ec7d2f2.jpg) left center no-repeat;
}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {
width:220px;
color: #fff;
line-height: 1px;
}
#boxCategory .boxCategory1 .side a{
display: block;
width: 220px;
letter-spacing : 1pt;
line-height: 17px;
border-bottom: 1px dotted #182BC5;
margin: 2px;
}
#boxCategory .boxCategory1 .side a:hover{
background:#182BC5;
color:#EDF4FB;
border-bottom: 1px dotted #fff;
}

#boxDate { display:none; } /* 文章彙集 */
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch { display:none; } /* 搜尋這個網誌的文章 */
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}

#scupioSearch { display:none; } /* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxRssList { display:none; } /* 我的訂閱 */
#boxRssList .boxRssList0 {}
#boxRssList .boxRssList0 .sidetitle {}
#boxRssList .boxRssList1 {}
#boxRssList .boxRssList1 .side {}

#boxNewComment {}
#boxNewComment .boxNewComment0 {}
#boxNewComment .sidetitle {
background: #fff url(http://blog.roodo.com/dengzi/30028085.jpg) left center no-repeat;
}
#boxNewComment .boxNewComment1 .side {
width:220px;
color: #fff;
line-height: 1px;
}
#boxNewComment .boxNewComment1 .side a {
display: block;
width: 220px;
letter-spacing : 1pt;
line-height: 17px;
border-bottom: 1px dotted #182BC5;
margin: 2px;
}
#boxNewComment .boxNewComment1 .side a:hover {
background:#182BC5;
color:#EDF4FB;
border-bottom: 1px dotted #fff;
}
#boxNewComment .boxNewComment0 .sidetitle img { display: none; }
#boxNewComment br{}

#boxFolder {}
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {
background: #fff url(http://blog.roodo.com/dengzi/999b823b.jpg) left center no-repeat;
}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {
display: block;
width: 220px;
line-height: 1px
}
#boxFolder .boxFolder1 .side a {
display: block;
width: 220px;
line-height: 15px;
letter-spacing : 1pt;
line-height: 17px;
border-bottom: 1px dotted #182BC5;
margin: 2px;
}
#boxFolder .boxFolder1 .side a:hover {
background:#182BC5;
color:#EDF4FB;
border-bottom: 1px dotted #fff;
}

#boxCounter {
position: absolute;
top: 525px; right: 30px;
}
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle { display: none; }
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side{
color:#000;
line-height:17px;
letter-spacing : 1pt;
}
#boxCounter .boxCounter1 .side br{ display: none; }

#boxNewTrackback { display: none; }

div .syndicate {display: none; }/*RSS*/

/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/
.powered {
padding: 5px;
line-height:17px;
letter-spacing : 1pt;
}
.powered img{
visibility:hidden;
height:1px;
width:1px;
}

/* footer
-----------------------------------------*/
#footer {}