koko css

gistfile1.txt

/* yun123062 : Thu, 25 Jul 2013 17:56:34 +0800 */
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;
}

caption,th {
text-align:left;
}

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

q:before,q:after {
content:'';
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
letter-spacing:.1em;
font-size:16px;
line-height:130%;
color:#000;
margin:15px;
}

.article-content p {
margin-bottom:1em;
}

a {
text-decoration:none;
color:#333;
}

br {
letter-spacing:normal;
}

body {
font-size:12px;
font-family:arial, Century Gothic;
line-height:160%;
background-image:url(none);
background-color:#fff;
background-repeat:repeat;
background-position:undefined;
}

#body-div {
width:1110px;
background-color:#fff;
position:relative;
margin:0 auto 20px;
}

#authority {
position:absolute;
left:25px;
top:25px;
z-index:9000;
}

#authority a {
display:block;
float:right;
height:20px;
line-height:20px;
font-size:12px;
color:#fff;
padding:1px 5px;
}

#authority a:hover {
color:#235e7f;
border:1px solid #9acfde;
}

#header {
height:550px;
background-image:url(http://pic.pimg.tw/yun123062/1366205767-1478795277.jpg);
background-color:#fff;
background-position:bottom;
background-repeat:no-repeat;
}

#login-bar {
position:absolute;
right:25px;
top:15px;
color:#82AC2E;
}

#login-bar a {
color:#82AC2E;
padding:0 2px;
}

#banner h1 a {
position:absolute;
top:80px;
left:30px;
font-size:16px;
font-weight:700;
color:#235e7f;
height:30px;
float:left;
overflow:hidden;
}

#banner h2 {
top:105px;
left:30px;
color:#666;
width:850px;
font-size:11px;
line-height:15px;
background:transparent;
overflow:hidden;
display:block;
height:490px;
position:relative;
}

#banner #blog-category {
color:#fff;
position:absolute;
right:20px;
top:35px;
z-index:900;
}

#navigation {
position:absolute;
right:25px;
top:55px;
display:none;
}

#navigation li {
float:left;
height:30px;
line-height:30px;
border:1px solid #C7C7C7;
margin:2px;
padding:2px;
}

#navigation a {
font-size:14px;
color:#828282;
padding-left:15px;
padding-right:15px;
background-color:#F1F1E8;
}

#navigation a:hover {
color:#747474;
background-color:#fff;
}

#navigation li#link-blog a {
background:url() 3px 2px no-repeat;
}

#main {
overflow:hidden;
_overflow:none;
_height:1%;
}

#content {
overflow:hidden;
float:left;
width:840px;
padding-top:10px;
background-color:#fff;
color:#333;
}

#spotlight {
background:url() left top repeat-y;
width:auto;
font-size:14px;
margin:10px auto;
padding:auto 10px;
}

#spotlight h5 {
background:url() left top no-repeat;
height:31px;
padding-left:10px;
color:#000;
font:bold 13px arial;
line-height:30px;
font-size:14px;
}

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

#article-area {
width:840px;
margin:0 auto;
}

.article {
margin-top:10px;
margin-bottom:20px;
}

.article-head {
font-weight:bold;
height:39px;
background:url() left top no-repeat;
position:relative;
}

.publish {
font:12px arial;
text-transform:uppercase;
position:absolute;
top:5px;
left:5px;
height:30px;
width:55px;
overflow:hidden;
text-align:right;
color:#666;
}

.publish .month,.publish .date {
font-size:12px;
font-weight:550;
font-family:Arial;
height:10px;
color:#747417;
text-indent:-1px;
}

.title {
height:20px;
padding-top:10px;
margin-left:80px;
width:470px;
overflow:hidden;
font-weight:400;
color:#660;
font-size:18pt;
}

.title a {
font-size:16px;
font-weight:700;
color:#284762;
}

.title a:hover {
color:#aaa;
}

.article-body a:hover {
color:#91b8c1;
}

.article-content a {
color:#222;
/* border-bottom:1px dashed #91b8c1; */
padding-bottom:1px;
}

.bookmark,.author,.forward {
text-align:right;
color:#666;
line-height:140%;
}

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

.article-footer {
overflow:hidden;
_overflow:none;
_height:1%;
/* border-top:1px dashed #ccc; */
padding-top:5px;
color:#369;
line-height:140%;
padding-left:16px;
}

#blog-main .article-footer {
margin-top:-32px;
}

.history {
float:right;
width:290px;
}

.refer {
float:left;
width:290px;
}

.back-to-top {
clear:both;
text-transform:uppercase;
font:10px Century Gothic;
letter-spacing:0;
text-align:right;
padding-top: 12px;
}

.back-to-top a {
background:#aaa;
line-height:20px;
color:#fff;
padding:0 3px;
}

.back-to-top a:hover {
background:#fff;
color:#ccc;
}

.main-list {
width:590px;
margin:10px auto;
}

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

.main-list th {
line-height:25px;
color:#fff;
background:#91b8c1;
border-bottom:3px solid #fff;
padding:2px 5px;
}

.main-list td {
font-size:10px;
line-height:25px;
background:#eefbff;
border-bottom:1px solid #91b8c1;
padding:0 10px;
}

.main-list td a:hover {
color:#999;
}

td.list-date {
font:9px Tahoma;
width:50px;
color:#000;
letter-spacing:0;
padding:0;
}

.list-title img {
float:right;
margin-left:3px;
}

#murmur-list td.list-date {
padding:5px;
}

.list-visit,.list-comment {
width:40px;
}

.user-post-title {
font-size:14px;
font-weight:550;
height:25px;
line-height:25px;
padding-left:10px;
color:#337f98;
margin:10px 0;
}

.post-comment {
width:90px;
height:25px;
line-height:25px;
margin:10px auto 20px;
}

#content .post-comment a {
display:block;
font-size:12px;
color:#bc5871;
height:100%;
padding-left:25px;
background:url(http://pic.pimg.tw/pixnetvisual/49d8d812ccfb6.png) 5px center no-repeat #ffe0e0;
border:1px solid #ffb5c9;
}

#content .post-comment a:hover {
border:1px solid #faa;
color:#f36;
}

.single-post {
overflow:hidden;
_overflow:none;
_height:1%;
background:#ECF3F6;
margin-bottom:20px;
padding-bottom:10px;
border:1px double #818586;
}

.post-info {
height:27px;
font-size:10px;
line-height:27px;
margin-bottom:10px;
color:#555;
position:relative;
padding-left:55px;
_padding-top:5px;
}

.post-info img {
vertical-align:middle;
}

.post-info .floor {
width:40px;
height:25px;
text-align:center;
color:#939393;
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://pic.pimg.tw/pixnetvisual/49dad6646a734.png) 5px top no-repeat #fff;
border:1px solid #fee;
border-right:1px solid #fdd;
border-bottom:1px solid #fdd;
margin-right:10px;
display:inline;
color:#777;
min-height:30px;
_height:30px;
padding:5px 5px 5px 50px;
}

.single-post.secret {
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4970225ac51bf.png) 5px top no-repeat #fff;
border:1px solid #ccc;
}

.single-post.secret .post-text {
float:none;
width:auto;
padding-left:70px;
font-size:0;
color:#fff;
}

#trackback-box input {
border:1px solid #E8E8E8;
font:12px arial;
margin-left:5px;
background:#fff;
color:#369;
padding:2px;
}

#trackback-box input#trackback-input {
width:350px;
margin:0;
padding:3px;
}

#trackback-box .post-text {
width:auto;
float:none;
padding:0 10px;
}

#comment-form {
border:1px solid #B9B9B9;
background:#fff;
width:580px;
background-color:#fff;
margin:10px auto;
padding:10px 5px;
}

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

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

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

#comment-form table th {
color:#999;
vertical-align:top;
width:70px;
border:none;
text-align:right;
padding:2px 5px;
}

#comment-form input {
height:17px;
font-family:Arial;
font-size:11px;
color:#000;
border:none;
border-bottom:1px solid #ccc;
background:none;
width:99%;
background-color:#fff;
border-color:#e8e8e8;
}

#comment-form input.radio {
border:none;
width:auto;
background:none;
margin:0;
padding:0;
}

#comment-form input#blogcommenttext_name {
width:95.5%;
}

#comment-form input#send-comment {
background:#ccc;
width:100px;
height:20px;
}

#comment-form textarea {
width:99%;
height:90px;
font-family:Arial;
font-size:11px;
line-height:18px;
color:#000;
border:1px solid #ccc;
background:#fff;
background-color:#fff;
border-color:#e8e8e8;
}

.page {
font-size:11px;
font-family:Century Gothic;
text-align:center;
margin:10px 0;
}

.page a {
color:#555;
margin:0 5px;
padding:0 3px;
}

.page a:hover,.page span {
background:#eee;
color:#33;
padding:0 3px;
}

#links {
overflow:hidden;
float:right;
width:268px;
margin-right:1px;
display:inline;
margin-top:19px;
background-color:#fff;
color:#660;
}

.box {
border:none;
margin:10px 10px 30px;
}

.box-title {
background:url() no-repeat;
height:25px;
color:#82AC2E;
font-weight:500;
font-size:15px;
font-align:center;
border-bottom:none;
margin-bottom:19px;
padding:0 20px;
}

.box-text {
color:#888;
padding:0 10px;
}

.box-text a {
color:#555;
}

.box li {
background:url() left bottom no-repeat;
line-height:220%;
padding:0 10px;
}

.box h6 {
margin-left:10px;
line-height:200%;
font-weight:700;
}

.box-more {
text-align:right;
margin:5px 10px;
}

.box-more a {
color:#AAA;
padding:1px 3px;
}

.box-more a:hover {
border:1px solid #DDD;
border-right:1px solid #888;
border-bottom:1px solid #888;
}

#box-ad .box-text,#hiiir .box-text,#boxevent_clubbroadcast .box-text,#archive .box-text,#favorite .box-text {
margin:0 15px;
}

#headshot {
background:url() left top no-repeat;
width:250px;
height:105px;
position:relative;
margin:15px auto;
}

#headshot .box-title {
background:none;
padding:0 0 0 30px;
}

#headshot li#headshot-img {
background:none;
width:75px;
line-height:0;
position:absolute;
top:15px;
right:20px;
padding:0;
}

#headshot li#headshot-img img {
width:70px;
border:1px solid #93d0cc;
background:#d3f3f1;
padding:2px;
}

#headshot li#friend-apply {
position:absolute;
top:33px;
left:30px;
}

#headshot li#send-message {
position:absolute;
top:60px;
left:30px;
}

#calendar table {
width:70%;
margin:0 auto;
}

#calendar th,#calendar td {
color:#666;
font:11px Century Gothic;
text-align:center;
line-height:20px;
}

#calendar td {
padding:2px 1px;
}

#calendar td a {
display:block;
background:#b2e4e1;
color:#366;
border-right:1px solid #93d0cc;
border-bottom:1px solid #93d0cc;
padding:0 1px;
}

#murmur {
width:250px;
background:#fff;
position:relative;
border:1px solid #DCDCC4;
margin:15px auto;
}

#murmur .box-title {
height:35px;
border-bottom:1px solid #DCDCC4;
padding:0 0 0 20px;
}

#murmur .box-text {
_height:1%;
margin:0;
padding:5px 0;
}

.murmur-time {
position:absolute;
left:15px;
top:17px;
font:10px Century Gothic;
color:#7ebeba;
}

.murmur-text {
line-height:150%!important;
padding:10px!important;
}

#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin:5px 15px;
}

#visitor li,#crumb li {
float:left;
display:inline;
line-height:0;
background:0;
margin:0 2px 2px 0;
padding:0;
}

#visitor li img,#crumb li img {
width:50px;
height:50px;
}

#visitor .box-more,#crumb .box-more {
margin-top:10px;
}

#broadcast ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin-bottom:5px;
background:url() left bottom no-repeat;
padding:0 15px 7px;
}

#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-text {
float:right;
width:185px;
height:20px;
line-height:20px;
overflow:hidden;
}

#search ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin:0 15px;
}

#search li {
float:left;
background:none;
padding:0;
}

#search li input {
border:1px solid #DCDCC4;
font:12px arial;
margin-right:5px;
line-height:20px;
padding:2px;
}

#search input#search-submit {
width:50px;
color:#fff;
background:#9E9E5D;
padding:1px;
}

#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 .box-text {
margin:0 10px;
}

#footer {
clear:both;
background:url() left 0 no-repeat;
height:50px;
text-align:center;
border-top:0;
padding:20px 10px 0;
}

fieldset,img,abbr,acronym {
border:0;
}

#banner .skiplink,.publish .time,.list-num,.reply-text p,#comment-form table tr.comment-form-title,#comment-form table th font {
display:none;
}

#navigation li#link-album a,#navigation li#link-guestbook a,#navigation li#link-profile a {
background:url() 3px 3px no-repeat;
}

.article-body,#trackback-box #trackback-url {
margin:10px 0;
}

.article-body a,#category h6,#mylink .inner-box h6,#footer p {
color:#369;
}

#headshot li,#murmur .box-text li {
background:none;
}

#category ul,#mylink .inner-box {
margin-bottom:5px;
}

#header h1 a {
color:#fff;
font-size:14pt;
}

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

#header h2 {
color:#fff;
font-size:10pt;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,#headshot .box-text {
margin:0;
padding:0;
}

#comment-form th {
font-weight:400;
color:#000;
font-size:10pt;
border-color:#d1d1d1;
}

#authority a#newpost,#authority a#backstage {
margin-right:5px;
}

a:hover,.box-text a:hover {
color:#666;
}

#comment-form td {
border-color:#d1d1d1;
}

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

#header h1 a:link,#header h1 a:visited {
color:#396;
}

#header h2 .fs-desc {
line-height:1.8em;
margin-top:10px;
display:block;
position:absolute;
color:#FFF;
font-size:110%;
}

.article-keyword a {
color:#222;
/* border-bottom:1px dashed #91b8c1; */
padding-bottom:1px;
line-height:1.8em;
}

#nav {
left:0;
position:absolute;
top:410px;
}

#nav a {
font-size:110%;
}

#nav a:hover {
color:red;
}

#nav a{
color:white;
font-weight:bold;
}

#nav .sp {
font-size:110%;
visibility:hidden;
padding:0 14px;
}

.more {
margin-top:2em;
}

.article-keyword a,.more a {
font-size:13px;
}

#category .box-more {
float:right;
}

#category .inner-box ul {
padding-left:1em;
}

#nav a {
position:relative;
}

#login-bar a:hover,.main-list td a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {
color:#333;
}

#banner #blog-category a,#banner h1 a:hover,#banner #blog-category a:hover,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {
color:#fff;
}

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


.fbbox{background: url("http://i1.minus.com/iqcMcwZGZEnYY.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:10%;}

.fbbox div{border:none;position:relative;display:block;}

.fbbox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.fbbox span a{color: #808080;text-decoration:none;}

.fbbox span a:hover{text-decoration:underline;}

 #article-main .article-footer { clear:both; margin-top:0; }  

/* ------------------- sidebar align to left -------------------- */
#links .box > h4
,#links .box > div
{
padding-left:20px;
margin-left:0;
}
#links .box > div li, #links .box > div ul
,#links .box  > div h5, #links .box > div h6
 {
padding-left:0;
margin-left:0;
}

body div.qrcode { margin-left:0; padding-left:0;}
#links-row-1 > div:first-child > div > div { padding-left:0; margin-left:0;  }

/* ------------------- /sidebar align to left -------------------- */