Last active
December 30, 2015 00:09
-
-
Save shamiao/7747795 to your computer and use it in GitHub Desktop.
[SegmentFault.com]Q1010000000349642:style.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html | |
{ | |
height:100% | |
} | |
body | |
{ | |
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; | |
background:#F6F6F3; | |
color:#444; | |
font-size:87.5%; | |
line-height:1.5 | |
} | |
a | |
{ | |
color:#467B96; | |
text-decoration:none | |
} | |
a:hover | |
{ | |
color:#6DA1BB; | |
text-decoration:underline | |
} | |
code,pre,.mono | |
{ | |
font-family:Menlo,Monaco,Consolas,"Courier New",monospace | |
} | |
.p | |
{ | |
margin:1em 0 | |
} | |
a.balloon-button | |
{ | |
display:inline-block; | |
padding:0 6px; | |
min-width:12px; | |
height:18px; | |
line-height:18px; | |
background:#D8E7EE; | |
font-size:.85714em; | |
text-align:center; | |
text-decoration:none; | |
zoom:1; | |
-moz-border-radius:30px; | |
-webkit-border-radius:30px; | |
border-radius:30px | |
} | |
a.button:hover,a.balloon-button:hover | |
{ | |
background-color:#A5CADC; | |
color:#FFF; | |
text-decoration:none | |
} | |
input[type=text],input[type=password],input[type=email],textarea | |
{ | |
background:#FFF; | |
border:1px solid #D9D9D6; | |
padding:7px; | |
border-radius:2px; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
textarea | |
{ | |
resize:vertical; | |
line-height:1.5 | |
} | |
input[type="radio"],input[type="checkbox"] | |
{ | |
margin-right:3px | |
} | |
input.text-s,textarea.text-s | |
{ | |
padding:5px | |
} | |
input.text-l,textarea.text-l | |
{ | |
padding:10px; | |
font-size:1.14286em | |
} | |
.w-10 | |
{ | |
width:10% | |
} | |
.w-20 | |
{ | |
width:20% | |
} | |
.w-30 | |
{ | |
width:30% | |
} | |
.w-40 | |
{ | |
width:40% | |
} | |
.w-50 | |
{ | |
width:50% | |
} | |
.w-60 | |
{ | |
width:60% | |
} | |
.w-70 | |
{ | |
width:70% | |
} | |
.w-80 | |
{ | |
width:80% | |
} | |
.w-90 | |
{ | |
width:90% | |
} | |
.w-100 | |
{ | |
width:100% | |
} | |
select | |
{ | |
border:1px solid #CCC; | |
height:28px | |
} | |
button | |
{ | |
border:none; | |
background-color:#e9e9e6; | |
cursor:pointer; | |
-webkit-border-radius:2px; | |
-moz-border-radius:2px; | |
-ms-border-radius:2px; | |
-o-border-radius:2px; | |
border-radius:2px; | |
/*-webkit-transition-duration:.4s; | |
-moz-transition-duration:.4s; | |
-o-transition-duration:.4s; | |
transition-duration:.4s;*/ | |
display:inline-block; | |
padding:0 12px; | |
height:32px; | |
color:#666; | |
vertical-align:middle; | |
zoom:1 | |
} | |
button:hover | |
{ | |
background-color:#dbdbd6 | |
} | |
button:active,button.active | |
{ | |
background-color:#dbdbd6 | |
} | |
button:disabled | |
{ | |
background-color:#f7f7f6; | |
cursor:default | |
} | |
button:disabled | |
{ | |
color:#999 | |
} | |
.btn-xs | |
{ | |
padding:0 10px; | |
height:25px | |
} | |
.btn-s | |
{ | |
height:28px | |
} | |
.btn-l | |
{ | |
height:40px; | |
font-size:1.14286em; | |
font-weight:bold | |
} | |
.primary | |
{ | |
border:none; | |
background-color:#467b96; | |
cursor:pointer; | |
-webkit-border-radius:2px; | |
-moz-border-radius:2px; | |
-ms-border-radius:2px; | |
-o-border-radius:2px; | |
border-radius:2px; | |
/*-webkit-transition-duration:.4s; | |
-moz-transition-duration:.4s; | |
-o-transition-duration:.4s; | |
transition-duration:.4s;*/ | |
color:#FFF | |
} | |
.primary:hover | |
{ | |
background-color:#3c6a81; | |
/* addnew start */ | |
-webkit-transition-duration:.4s; | |
-webkit-transition-property: background-color; | |
-moz-transition-duration:.4s; | |
-moz-transition-property: background-color; | |
-o-transition-duration:.4s; | |
-o-transition-property: background-color; | |
transition-duration:.4s; | |
transition-property: background-color; | |
/* addnew end */ | |
} | |
.primary:active,.primary.active | |
{ | |
background-color:#3c6a81 | |
} | |
.primary:disabled | |
{ | |
background-color:#508cab; | |
cursor:default | |
} | |
.btn-group | |
{ | |
display:inline-block | |
} | |
.btn-warn | |
{ | |
border:none; | |
background-color:#b94a48; | |
cursor:pointer; | |
-webkit-border-radius:2px; | |
-moz-border-radius:2px; | |
-ms-border-radius:2px; | |
-o-border-radius:2px; | |
border-radius:2px; | |
-webkit-transition-duration:.4s; | |
-moz-transition-duration:.4s; | |
-o-transition-duration:.4s; | |
transition-duration:.4s; | |
color:#FFF | |
} | |
.btn-warn:hover | |
{ | |
background-color:#a4403f | |
} | |
.btn-warn:active,.btn-warn.active | |
{ | |
background-color:#a4403f | |
} | |
.btn-warn:disabled | |
{ | |
background-color:#c1605e; | |
cursor:default | |
} | |
.btn-drop | |
{ | |
position:relative | |
} | |
.dropdown-toggle | |
{ | |
padding-right:8px | |
} | |
.dropdown-menu | |
{ | |
list-style:none; | |
position:absolute; | |
z-index:2; | |
left:0; | |
margin:0; | |
padding:0; | |
border:1px solid #D9D9D6; | |
background:#FFF; | |
text-align:left; | |
min-width:108px; | |
display:none | |
} | |
.dropdown-menu li | |
{ | |
white-space:nowrap | |
} | |
.dropdown-menu li.multiline | |
{ | |
padding:5px 12px 12px | |
} | |
.dropdown-menu a | |
{ | |
display:block; | |
padding:5px 12px; | |
color:#666 | |
} | |
.dropdown-menu a:hover | |
{ | |
background:#F6F6F3; | |
text-decoration:none!important | |
} | |
.message | |
{ | |
padding:8px 10px; | |
-webkit-border-radius:2px; | |
-moz-border-radius:2px; | |
-ms-border-radius:2px; | |
-o-border-radius:2px; | |
border-radius:2px | |
} | |
.message a | |
{ | |
font-weight:bold; | |
text-decoration:underline | |
} | |
.error | |
{ | |
background:#FBE3E4; | |
color:#8A1F11 | |
} | |
.error a | |
{ | |
color:#8A1F11 | |
} | |
.notice | |
{ | |
background:#FFF6BF; | |
color:#514721 | |
} | |
.notice a | |
{ | |
color:#514721 | |
} | |
.success | |
{ | |
background:#E6EFC2; | |
color:#264409 | |
} | |
.success a | |
{ | |
color:#264409 | |
} | |
.balloon | |
{ | |
display:inline-block; | |
padding:0 4px; | |
min-width:10px; | |
height:14px; | |
line-height:14px; | |
background:#B9B9B6; | |
vertical-align:text-top; | |
text-align:center; | |
font-size:12px; | |
color:#FFF; | |
-webkit-border-radius:20px; | |
-moz-border-radius:20px; | |
-ms-border-radius:20px; | |
-o-border-radius:20px; | |
border-radius:20px | |
} | |
.typecho-pager | |
{ | |
list-style:none; | |
margin:30px 0 0; | |
padding:0; | |
font-size:1.14286em; | |
line-height:1; | |
text-align:center; | |
zoom:1 | |
} | |
.typecho-pager li | |
{ | |
display:inline-block; | |
margin:0 3px; | |
height:32px; | |
line-height:32px | |
} | |
.typecho-pager a | |
{ | |
display:block; | |
padding:0 15px | |
} | |
.typecho-pager a:hover | |
{ | |
text-decoration:none; | |
background:#E9E9E6 | |
} | |
.typecho-pager li.current a | |
{ | |
background:#E9E9E6; | |
color:#444 | |
} | |
.typecho-head-nav | |
{ | |
padding:0 10px; | |
background:#292D33 | |
} | |
.typecho-head-nav a | |
{ | |
color:#BBB | |
} | |
.typecho-head-nav a:hover | |
{ | |
color:#FFF; | |
text-decoration:none | |
} | |
#typecho-nav-list | |
{ | |
float:left | |
} | |
#typecho-nav-list ul | |
{ | |
list-style:none; | |
margin:0; | |
padding:0 | |
} | |
#typecho-nav-list ul:first-child | |
{ | |
border-left:1px solid #383D45 | |
} | |
#typecho-nav-list .root | |
{ | |
position:relative; | |
float:left | |
} | |
#typecho-nav-list .parent a | |
{ | |
display:block; | |
float:left; | |
padding:0 20px; | |
border-right:1px solid #383D45; | |
height:36px; | |
line-height:36px; | |
color:#BBB | |
} | |
#typecho-nav-list .parent a:hover,#typecho-nav-list .focus .parent a,#typecho-nav-list .root:hover .parent a | |
{ | |
background:#202328; | |
color:#FFF; | |
text-decoration:none | |
} | |
#typecho-nav-list .focus .parent a | |
{ | |
font-weight:bold | |
} | |
#typecho-nav-list .child | |
{ | |
position:absolute; | |
left:-9999em; | |
margin:0; | |
min-width:160px; | |
max-width:240px; | |
background:#202328; | |
overflow:hidden; | |
z-index:250 | |
} | |
#typecho-nav-list .root:hover .child | |
{ | |
top:36px; | |
left:0 | |
} | |
#typecho-nav-list .child li a | |
{ | |
color:#BBB; | |
display:block; | |
padding:0 20px; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
height:36px; | |
line-height:36px | |
} | |
#typecho-nav-list .child li a:hover | |
{ | |
background:#292D33; | |
color:#FFF | |
} | |
#typecho-nav-list .child li.focus a | |
{ | |
color:#6DA1BB; | |
font-weight:bold | |
} | |
.typecho-head-nav .operate | |
{ | |
float:right | |
} | |
.typecho-head-nav .operate a | |
{ | |
display:inline-block; | |
margin-left:-1px; | |
padding:0 20px; | |
border:1px solid #383D45; | |
border-width:0 1px; | |
line-height:36px; | |
color:#BBB | |
} | |
.typecho-head-nav .operate a:hover | |
{ | |
background-color:#202328; | |
color:#FFF | |
} | |
.typecho-foot | |
{ | |
padding:4em 0; | |
color:#999; | |
line-height:1.8; | |
text-align:center | |
} | |
.typecho-foot .resource | |
{ | |
color:#CCC | |
} | |
.typecho-foot .resource a | |
{ | |
margin:0 3px; | |
color:#999 | |
} | |
.browsehappy | |
{ | |
border:none; | |
text-align:center | |
} | |
.popup | |
{ | |
display:none; | |
position:absolute; | |
top:0; | |
left:0; | |
margin:0; | |
padding:8px 0; | |
border:none; | |
width:100%; | |
z-index:10; | |
text-align:center; | |
-moz-border-radius:0; | |
-webkit-border-radius:0; | |
border-radius:0 | |
} | |
.popup ul | |
{ | |
list-style:none; | |
margin:0; | |
padding:0; | |
text-align:center | |
} | |
.popup ul li | |
{ | |
display:inline-block; | |
margin-right:10px | |
} | |
.loading | |
{ | |
padding-left:20px!important; | |
background:transparent url(../img/ajax-loader.gif) no-repeat left center | |
} | |
.typecho-option | |
{ | |
list-style:none; | |
margin:1em 0; | |
padding:0 | |
} | |
.typecho-option-submit li | |
{ | |
border-bottom:none | |
} | |
.typecho-option label.typecho-label | |
{ | |
display:block; | |
margin-bottom:.5em; | |
font-weight:bold | |
} | |
.typecho-option label.required:after | |
{ | |
content:" *"; | |
color:#B94A48 | |
} | |
.typecho-option span | |
{ | |
margin-right:15px | |
} | |
.typecho-option .description | |
{ | |
margin:.5em 0 0; | |
color:#999; | |
font-size:.92857em | |
} | |
.front-archive | |
{ | |
padding-left:1.5em | |
} | |
.typecho-install-patch | |
{ | |
margin-bottom:2em; | |
padding:2em 0; | |
background-color:#292D33; | |
color:#FFF; | |
text-align:center | |
} | |
.typecho-install-patch ol | |
{ | |
list-style:none; | |
margin:3em 0 1em; | |
padding:0; | |
color:#999 | |
} | |
.typecho-install-patch li | |
{ | |
display:inline-block; | |
margin:0 .8em | |
} | |
.typecho-install-patch span | |
{ | |
display:inline-block; | |
margin-right:5px; | |
width:20px; | |
height:20px; | |
line-height:20px; | |
border:2px solid #999; | |
text-align:center; | |
border-radius:2em | |
} | |
.typecho-install-patch li.current | |
{ | |
color:#FFF; | |
font-weight:bold | |
} | |
.typecho-install-patch li.current span | |
{ | |
border-color:#FFF | |
} | |
.typecho-install .typecho-install-body input | |
{ | |
width:100% | |
} | |
.typecho-install-body .typecho-option li | |
{ | |
margin:1em 0 | |
} | |
#typecho-welcome | |
{ | |
margin:1em 0; | |
padding:1em 2em; | |
background-color:#E9E9E6 | |
} | |
.typecho-login | |
{ | |
margin:150px auto 0; | |
width:280px; | |
height:100%; | |
text-align:center | |
} | |
.typecho-login .more-link | |
{ | |
margin-top:2em; | |
color:#CCC | |
} | |
.typecho-login .more-link a | |
{ | |
margin:0 3px | |
} | |
.typecho-page-title h2 | |
{ | |
margin:25px 0 10px; | |
font-size:1.28571em | |
} | |
.typecho-page-title h2 a | |
{ | |
margin-left:10px; | |
padding:3px 8px; | |
background:#E9E9E6; | |
font-size:.8em; | |
border-radius:2px | |
} | |
.typecho-page-title h2 a:hover | |
{ | |
text-decoration:none | |
} | |
.typecho-dashboard ul | |
{ | |
list-style:none; | |
padding:0 | |
} | |
.typecho-dashboard li | |
{ | |
margin-bottom:5px | |
} | |
.typecho-option-tabs | |
{ | |
list-style:none; | |
margin:1em 0 0; | |
padding:0; | |
font-size:13px; | |
text-align:center | |
} | |
.typecho-option-tabs.fix-tabs | |
{ | |
margin-bottom:1em | |
} | |
.typecho-option-tabs a | |
{ | |
display:block; | |
margin-right:-1px; | |
border:1px solid #D9D9D6; | |
padding:0 15px; | |
height:26px; | |
line-height:26px; | |
color:#666; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.typecho-option-tabs a:hover | |
{ | |
background-color:#E9E9E6; | |
color:#666; | |
text-decoration:none | |
} | |
.typecho-option-tabs li | |
{ | |
float:left | |
} | |
.typecho-option-tabs li:first-child a | |
{ | |
-webkit-border-radius:2px 0 0 2px; | |
-moz-border-radius:2px 0 0 2px; | |
-ms-border-radius:2px 0 0 2px; | |
-o-border-radius:2px 0 0 2px; | |
border-radius:2px 0 0 2px | |
} | |
.typecho-option-tabs li:last-child a | |
{ | |
-webkit-border-radius:0 2px 2px 0; | |
-moz-border-radius:0 2px 2px 0; | |
-ms-border-radius:0 2px 2px 0; | |
-o-border-radius:0 2px 2px 0; | |
border-radius:0 2px 2px 0 | |
} | |
.typecho-option-tabs.right | |
{ | |
float:right | |
} | |
.typecho-option-tabs li.current a,.typecho-option-tabs li.active a | |
{ | |
background-color:#E9E9E6 | |
} | |
.typecho-list-operate | |
{ | |
margin:1em 0 | |
} | |
.typecho-list-operate input,.typecho-list-operate button,.typecho-list-operate select | |
{ | |
vertical-align:bottom | |
} | |
.typecho-list-operate input[type="checkbox"] | |
{ | |
vertical-align:text-top | |
} | |
.typecho-list-operate .operate | |
{ | |
float:left | |
} | |
.typecho-list-operate .search | |
{ | |
float:right | |
} | |
.typecho-list-operate span.operate-delete,a.operate-delete,.typecho-list-operate span.operate-button-delete,a.operate-button-delete | |
{ | |
color:#B94A48 | |
} | |
a.operate-edit | |
{ | |
color:#070 | |
} | |
a.operate-reply | |
{ | |
color:#545c30 | |
} | |
.typecho-list-operate a:hover | |
{ | |
text-decoration:none | |
} | |
.typecho-list-table-title | |
{ | |
margin:1em 0; | |
color:#999; | |
text-align:center | |
} | |
.typecho-table-wrap | |
{ | |
padding:30px; | |
background:#FFF | |
} | |
.typecho-list-table | |
{ | |
width:100% | |
} | |
.typecho-list-table.deactivate | |
{ | |
color:#999 | |
} | |
.typecho-list-table .right | |
{ | |
text-align:right | |
} | |
.typecho-list-table th | |
{ | |
padding:0 10px 10px; | |
border-bottom:2px solid #F0F0EC; | |
text-align:left | |
} | |
.typecho-list-table td | |
{ | |
padding:10px; | |
border-top:1px solid #F0F0EC; | |
word-break:break-all | |
} | |
.typecho-list-table .status | |
{ | |
margin-left:5px; | |
color:#999; | |
font-size:.92857em; | |
font-style:normal | |
} | |
.typecho-list-table tbody tr:hover td | |
{ | |
background-color:#F6F6F3 | |
} | |
.typecho-list-table tbody tr.checked td | |
{ | |
background-color:#FFF9E8 | |
} | |
.warning | |
{ | |
color:#B94A48 | |
} | |
.typecho-list-table tr td .hidden-by-mouse | |
{ | |
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
opacity:0 | |
} | |
.typecho-list-table tr:hover td .hidden-by-mouse | |
{ | |
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | |
opacity:1 | |
} | |
.comment-reply-content | |
{ | |
position:relative; | |
margin:1em 0; | |
padding:0 1em; | |
border:1px solid transparent; | |
background-color:#F0F0EC | |
} | |
.comment-reply-content:after | |
{ | |
position:absolute; | |
right:1em; | |
border:8px solid #F0F0EC; | |
border-color:#F0F0EC #F0F0EC transparent transparent; | |
content:" " | |
} | |
.comment-meta span,.comment-date | |
{ | |
font-size:.92857em; | |
color:#999 | |
} | |
.comment-action a,.comment-action span | |
{ | |
margin-right:4px | |
} | |
.comment-edit label | |
{ | |
display:block | |
} | |
#typecho-respond | |
{ | |
padding:10px; | |
display:none | |
} | |
.typecho-theme-list img | |
{ | |
margin:1em 0; | |
max-width:100%; | |
max-height:240px | |
} | |
.typecho-theme-list cite | |
{ | |
font-style:normal; | |
color:#999 | |
} | |
.typecho-theme-list tbody tr.current td | |
{ | |
background-color:#FFF9E8 | |
} | |
.typecho-page-main .typecho-option input.text | |
{ | |
width:100% | |
} | |
.typecho-page-main .typecho-option input.num | |
{ | |
width:40px | |
} | |
.typecho-page-main .typecho-option textarea | |
{ | |
width:100%; | |
height:100px | |
} | |
.typecho-page-main .typecho-option span.multiline | |
{ | |
display:block; | |
margin:.3em 0 | |
} | |
.typecho-select-theme | |
{ | |
height:25px; | |
line-height:25px; | |
margin:15px 0 | |
} | |
.typecho-select-theme h5 | |
{ | |
color:#E47E00; | |
font-weight:bold; | |
float:left; | |
font-size:14px; | |
width:120px; | |
margin-right:10px | |
} | |
.typecho-select-theme select | |
{ | |
width:150px | |
} | |
.typecho-edit-theme ul | |
{ | |
list-style:none; | |
margin:0; | |
padding:0 | |
} | |
.typecho-edit-theme li | |
{ | |
padding:3px 10px | |
} | |
.typecho-edit-theme .current | |
{ | |
background-color:#E6E6E3 | |
} | |
.typecho-edit-theme .current a | |
{ | |
color:#444 | |
} | |
.typecho-edit-theme textarea | |
{ | |
font-size:.92857em; | |
line-height:1.2; | |
height:500px | |
} | |
.typecho-post-area .edit-draft-notice | |
{ | |
color:#999; | |
font-size:.92857em | |
} | |
.typecho-post-area .edit-draft-notice a | |
{ | |
color:#B94A48 | |
} | |
.typecho-post-area .typecho-label | |
{ | |
display:block; | |
margin:1em 0 -0.5em; | |
font-weight:bold | |
} | |
.typecho-post-area #auto-save-message | |
{ | |
display:block; | |
margin-top:.5em; | |
color:#999; | |
font-size:.92857em | |
} | |
.typecho-post-area .submit .right button | |
{ | |
margin-left:5px | |
} | |
.typecho-post-area .right | |
{ | |
float:right; | |
padding-left:24px | |
} | |
.typecho-post-area .left | |
{ | |
float:left | |
} | |
.typecho-post-area .out-date | |
{ | |
border:1px solid #D3DBB3; | |
padding:3px; | |
background:#fff | |
} | |
.typecho-post-area input.title | |
{ | |
font-size:1.17em; | |
font-weight:bold | |
} | |
.typecho-post-area .url-slug | |
{ | |
margin-top:-0.5em; | |
color:#AAA; | |
font-size:.92857em; | |
word-break:break-word | |
} | |
.typecho-post-area #slug | |
{ | |
padding:2px; | |
border:none; | |
background:#FFFBCC; | |
color:#666 | |
} | |
.typecho-post-area #text | |
{ | |
resize:none; | |
font-size:.92857em | |
} | |
#advance-panel-btn | |
{ | |
font-size:.92857em | |
} | |
#advance-panel | |
{ | |
display:none | |
} | |
#custom-field | |
{ | |
margin:1em 0; | |
padding:10px 15px; | |
background:#FFF | |
} | |
#custom-field.fold table,#custom-field.fold .description | |
{ | |
display:none | |
} | |
#custom-field .description | |
{ | |
margin-top:10px; | |
text-align:right | |
} | |
#custom-field .description button | |
{ | |
float:left | |
} | |
#custom-field .typecho-label | |
{ | |
margin:0; | |
cursor:pointer | |
} | |
#custom-field .typecho-label:hover | |
{ | |
color:#467B96 | |
} | |
#custom-field table | |
{ | |
margin-top:10px | |
} | |
#custom-field td | |
{ | |
padding:10px 5px; | |
font-size:.92857em; | |
border-bottom:1px solid #F0F0EC; | |
vertical-align:top | |
} | |
#custom-field td label | |
{ | |
font-size:1em; | |
font-weight:normal | |
} | |
#custom-field select | |
{ | |
height:27px | |
} | |
.typecho-post-area .is-draft | |
{ | |
background:#FFF1A8 | |
} | |
.typecho-post-option .description | |
{ | |
margin-top:-0.5em; | |
color:#999; | |
font-size:.92857em | |
} | |
.category-option ul | |
{ | |
list-style:none; | |
border:1px solid #D9D9D6; | |
padding:6px 12px; | |
background-color:#FFF; | |
border-radius:2px | |
} | |
.category-option li | |
{ | |
margin:3px 0 | |
} | |
.visibility-option ul,.allow-option ul | |
{ | |
list-style:none; | |
padding:0 | |
} | |
#edit-secondary #tab-files | |
{ | |
display:none | |
} | |
.typecho-page-main ul.tag-list | |
{ | |
list-style:none; | |
margin:0; | |
padding:20px; | |
background-color:#FFF | |
} | |
.typecho-page-main ul.tag-list li | |
{ | |
display:inline-block; | |
margin:0 0 5px 0; | |
padding:5px 5px 5px 10px; | |
cursor:pointer | |
} | |
.typecho-page-main ul.tag-list li:hover | |
{ | |
background-color:#E9E9E6 | |
} | |
.typecho-page-main ul.tag-list li input | |
{ | |
display:none | |
} | |
.typecho-page-main ul.tag-list li.checked | |
{ | |
background-color:#FFFBCC | |
} | |
.typecho-page-main ul.tag-list li.size-5 | |
{ | |
font-size:1em | |
} | |
.typecho-page-main ul.tag-list li.size-10 | |
{ | |
font-size:1.2em | |
} | |
.typecho-page-main ul.tag-list li.size-20 | |
{ | |
font-size:1.4em | |
} | |
.typecho-page-main ul.tag-list li.size-30 | |
{ | |
font-size:1.6em | |
} | |
.typecho-page-main ul.tag-list li.size-0 | |
{ | |
font-size:1.8em | |
} | |
.typecho-page-main .tag-edit-link | |
{ | |
visibility:hidden | |
} | |
.typecho-page-main li:hover .tag-edit-link | |
{ | |
visibility:visible | |
} | |
.typecho-attachment-photo | |
{ | |
border:1px solid #E6E6E3; | |
max-width:100% | |
} | |
#upload-panel | |
{ | |
border:1px dashed #D9D9D6; | |
background-color:#FFF; | |
color:#999; | |
font-size:.92857em | |
} | |
#upload-panel.drag | |
{ | |
background-color:#FFFBCC | |
} | |
.upload-area | |
{ | |
padding:15px; | |
text-align:center | |
} | |
#file-list | |
{ | |
list-style:none; | |
margin:0 10px; | |
padding:0 | |
} | |
#file-list li | |
{ | |
padding:8px 0; | |
border-top:1px dashed #D9D9D6 | |
} | |
#file-list .file | |
{ | |
margin-left:5px | |
} | |
#file-list .insert | |
{ | |
display:block; | |
max-width:100%; | |
overflow:hidden; | |
white-space:nowrap; | |
text-overflow:ellipsis | |
} | |
#file-list .info | |
{ | |
text-transform:uppercase | |
} | |
.edit-media button | |
{ | |
margin-right:6px | |
} | |
.resize | |
{ | |
display:block; | |
margin:2px auto 0; | |
padding:2px 0; | |
border:1px solid #D9D9D6; | |
border-width:1px 0; | |
width:60px; | |
cursor:row-resize | |
} | |
.resize i | |
{ | |
display:block; | |
height:1px; | |
background-color:#D9D9D6 | |
} | |
.tDnD_whileDrag | |
{ | |
background-color:#FFFBCC | |
} | |
.icon-sprite-hack | |
{ | |
background:url('../img/icons-s2ebed63329.png') | |
} | |
.i-edit,.i-delete,.i-exlink,.mime-office,.mime-text,.mime-image,.mime-html,.mime-archive,.mime-application,.mime-audio,.mime-script,.mime-video,.mime-unknow | |
{ | |
width:16px; | |
height:16px; | |
display:inline-block; | |
vertical-align:text-bottom; | |
background:url(../img/icons.png) no-repeat | |
} | |
.i-edit:hover,.i-delete:hover,.i-exlink:hover,.mime-office:hover,.mime-text:hover,.mime-image:hover,.mime-html:hover,.mime-archive:hover,.mime-application:hover,.mime-audio:hover,.mime-script:hover,.mime-video:hover,.mime-unknow:hover | |
{ | |
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); | |
opacity:.75 | |
} | |
.i-edit | |
{ | |
background-position:0 -32px | |
} | |
.i-delete | |
{ | |
background-position:0 -16px | |
} | |
.i-caret-up,.i-caret-down,.i-caret-left,.i-caret-right | |
{ | |
display:inline-block; | |
border-style:solid; | |
border-color:transparent transparent #BBB transparent; | |
border-width:3px 4px 5px | |
} | |
.i-caret-down | |
{ | |
border-color:#BBB transparent transparent transparent; | |
border-width:5px 4px 3px | |
} | |
.i-caret-left | |
{ | |
border-color:transparent #BBB transparent transparent; | |
border-width:4px 5px 4px 3px | |
} | |
.i-caret-right | |
{ | |
border-color:transparent transparent transparent #BBB; | |
border-width:4px 3px 4px 5px | |
} | |
.i-exlink | |
{ | |
background-position:0 0 | |
} | |
.mime-office | |
{ | |
background-position:0 -80px | |
} | |
.mime-text | |
{ | |
background-position:0 -176px | |
} | |
.mime-image | |
{ | |
background-position:0 -48px | |
} | |
.mime-html | |
{ | |
background-position:0 -96px | |
} | |
.mime-archive | |
{ | |
background-position:0 -192px | |
} | |
.mime-application | |
{ | |
background-position:0 -112px | |
} | |
.mime-audio | |
{ | |
background-position:0 -224px | |
} | |
.mime-script | |
{ | |
background-position:0 -144px | |
} | |
.mime-video | |
{ | |
background-position:0 -64px | |
} | |
.mime-unknow | |
{ | |
background-position:0 -160px | |
} | |
.editor | |
{ | |
margin-bottom:-0.5em | |
} | |
.wmd-button-row | |
{ | |
list-style:none; | |
margin:0; | |
padding:0; | |
height:26px; | |
line-height:1 | |
} | |
.wmd-button-row li | |
{ | |
display:inline-block; | |
margin-right:4px; | |
padding:3px; | |
cursor:pointer; | |
-webkit-border-radius:2px; | |
-moz-border-radius:2px; | |
-ms-border-radius:2px; | |
-o-border-radius:2px; | |
border-radius:2px | |
} | |
.wmd-button-row li:hover | |
{ | |
background-color:#E9E9E6 | |
} | |
.wmd-button-row li.wmd-spacer | |
{ | |
height:20px; | |
margin:0 10px 0 6px; | |
padding:3px 0; | |
width:1px; | |
background:#E9E9E6; | |
cursor:default | |
} | |
#wmd-button-row span | |
{ | |
display:block; | |
width:20px; | |
height:20px; | |
background:transparent url(../img/editor.png) no-repeat | |
} | |
.wmd-edittab | |
{ | |
float:right; | |
margin-top:3px; | |
font-size:.92857em | |
} | |
.wmd-edittab a | |
{ | |
display:inline-block; | |
padding:0 8px; | |
margin-left:5px; | |
height:20px; | |
line-height:20px | |
} | |
.wmd-edittab a:hover | |
{ | |
text-decoration:none | |
} | |
.wmd-edittab a.active | |
{ | |
background:#E9E9E6; | |
color:#999 | |
} | |
.wmd-hidetab | |
{ | |
display:none | |
} | |
.wmd-visualhide | |
{ | |
visibility:hidden | |
} | |
.wmd-prompt-background | |
{ | |
background-color:#000 | |
} | |
.wmd-prompt-dialog | |
{ | |
position:fixed; | |
z-index:1001; | |
top:50%; | |
left:50%; | |
margin-top:-95px; | |
margin-left:-200px; | |
padding:20px; | |
width:360px; | |
background:#F6F6F3 | |
} | |
.wmd-prompt-dialog p | |
{ | |
margin:0 0 5px | |
} | |
.wmd-prompt-dialog form | |
{ | |
margin-top:10px | |
} | |
.wmd-prompt-dialog input[type="text"] | |
{ | |
margin-bottom:10px; | |
width:100% | |
} | |
.wmd-prompt-dialog button | |
{ | |
margin-right:10px | |
} | |
#wmd-preview | |
{ | |
background:#FFF; | |
margin:1em 0; | |
padding:0 15px; | |
word-wrap:break-word; | |
overflow:auto; | |
-webkit-border-radius:2px; | |
-moz-border-radius:2px; | |
-ms-border-radius:2px; | |
-o-border-radius:2px; | |
border-radius:2px | |
} | |
#wmd-preview img | |
{ | |
max-width:100% | |
} | |
#wmd-preview code,#wmd-preview pre | |
{ | |
padding:2px 4px; | |
background:#F3F3F0; | |
font-size:.92857em | |
} | |
#wmd-preview code | |
{ | |
color:#B94A48 | |
} | |
#wmd-preview pre | |
{ | |
padding:1em | |
} | |
#wmd-preview pre code | |
{ | |
padding:0; | |
color:#444 | |
} | |
#wmd-preview blockquote | |
{ | |
margin:1em 1.5em; | |
padding-left:1.5em; | |
border-left:4px solid #E9E9E6; | |
color:#777 | |
} | |
#wmd-preview hr | |
{ | |
margin:2em auto; | |
width:100px; | |
border:1px solid #E9E9E6; | |
border-width:2px 0 0 0 | |
} | |
#wmd-preview .summary:after | |
{ | |
display:block; | |
margin:2em 0; | |
background:#FFF9E8; | |
color:#ce9900; | |
font-size:.85714em; | |
text-align:center; | |
content:"- more -" | |
} | |
.fullscreen #wmd-button-bar,.fullscreen #text,.fullscreen #wmd-preview,.fullscreen .submit | |
{ | |
position:absolute; | |
top:0; | |
width:50%; | |
background:#FFF; | |
z-index:999; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
-ms-border-radius:0; | |
-o-border-radius:0; | |
border-radius:0 | |
} | |
.fullscreen #wmd-button-bar | |
{ | |
left:0; | |
padding:13px 20px; | |
border-bottom:1px solid #F3F3F0; | |
z-index:1000 | |
} | |
.fullscreen #text | |
{ | |
top:53px; | |
left:0; | |
padding:20px; | |
border:none; | |
outline:none | |
} | |
.fullscreen #wmd-preview | |
{ | |
top:53px; | |
right:0; | |
margin:0; | |
padding:5px 20px; | |
border:none; | |
border-left:1px solid #F3F3F0; | |
background:#F6F6F3; | |
overflow:auto | |
} | |
.fullscreen #wmd-preview code,.fullscreen #wmd-preview pre | |
{ | |
background:#F0F0EC | |
} | |
.fullscreen .submit | |
{ | |
right:0; | |
margin:0; | |
padding:10px 20px; | |
border-bottom:1px solid #F3F3F0 | |
} | |
.fullscreen .wmd-edittab,.fullscreen .typecho-post-option,.fullscreen .title,.fullscreen .url-slug,.fullscreen .typecho-page-title,.fullscreen .typecho-head-nav,.fullscreen .message,.fullscreen #upload-panel | |
{ | |
display:none | |
} | |
.fullscreen .wmd-hidetab | |
{ | |
display:block | |
} | |
.fullscreen .wmd-visualhide | |
{ | |
visibility:visible | |
} | |
#ui-datepicker-div | |
{ | |
display:none; | |
margin-top:-1px; | |
padding:10px; | |
border:1px solid #D9D9D6; | |
background:#FFF | |
} | |
.ui-timepicker-div .ui-widget-header | |
{ | |
margin-bottom:8px | |
} | |
.ui-timepicker-div dl | |
{ | |
text-align:left | |
} | |
.ui-timepicker-div dl dt | |
{ | |
float:left; | |
clear:left | |
} | |
.ui-timepicker-div dl dd | |
{ | |
margin:0 0 10px 40% | |
} | |
.ui-tpicker-grid-label | |
{ | |
background:none; | |
border:none; | |
margin:0; | |
padding:0 | |
} | |
#ui-datepicker-div .ui-datepicker-header | |
{ | |
margin-bottom:10px; | |
padding-bottom:10px; | |
border-bottom:1px solid #EEE | |
} | |
#ui-datepicker-div .ui-datepicker-prev | |
{ | |
float:left; | |
cursor:pointer | |
} | |
#ui-datepicker-div .ui-datepicker-next | |
{ | |
float:right; | |
cursor:pointer | |
} | |
#ui-datepicker-div .ui-datepicker-title | |
{ | |
font-weight:bold; | |
text-align:center | |
} | |
#ui-datepicker-div .ui-datepicker-calendar th | |
{ | |
line-height:24px | |
} | |
#ui-datepicker-div .ui-datepicker-calendar a | |
{ | |
display:block; | |
width:30px; | |
background-color:#F3F3F0; | |
line-height:24px; | |
text-align:center | |
} | |
#ui-datepicker-div .ui-datepicker-calendar a:hover | |
{ | |
background-color:#E9E9E6; | |
text-decoration:none | |
} | |
#ui-datepicker-div .ui-datepicker-today a | |
{ | |
background-color:#E9E9E6; | |
color:#444 | |
} | |
#ui-datepicker-div .ui-datepicker-current-day a | |
{ | |
background-color:#467B96!important; | |
color:#FFF | |
} | |
#ui-datepicker-div .ui-timepicker-div | |
{ | |
margin-top:20px; | |
border-top:1px solid #EEE | |
} | |
#ui-datepicker-div .ui-slider | |
{ | |
position:relative; | |
margin-top:18px; | |
border:1px solid #E9E9E6; | |
background-color:#F6F6F3; | |
height:4px | |
} | |
#ui-datepicker-div .ui-slider .ui-slider-handle | |
{ | |
position:absolute; | |
top:-7px; | |
margin-left:-5px; | |
z-index:2; | |
width:10px; | |
height:16px; | |
background-color:#467B96 | |
} | |
#ui-datepicker-div .ui-datepicker-buttonpane | |
{ | |
padding-top:10px; | |
border-top:1px solid #EEE | |
} | |
#ui-datepicker-div button | |
{ | |
height:28px | |
} | |
#ui-datepicker-div .ui-datepicker-current | |
{ | |
float:left | |
} | |
#ui-datepicker-div .ui-datepicker-close | |
{ | |
float:right | |
} | |
.ui-effects-transfer | |
{ | |
border:2px dotted #ccc | |
} | |
ul.token-input-list | |
{ | |
list-style:none; | |
margin:0; | |
padding:0 4px; | |
min-height:32px; | |
border:1px solid #D9D9D6; | |
cursor:text; | |
z-index:999; | |
background-color:#FFF; | |
clear:left; | |
border-radius:2px; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
ul.token-input-list li | |
{ | |
margin:4px 0 | |
} | |
ul.token-input-list li input | |
{ | |
padding:0; | |
border:0; | |
width:100%; | |
-webkit-appearance:caret | |
} | |
li.token-input-token | |
{ | |
padding:0 6px; | |
height:27px; | |
line-height:27px; | |
background-color:#F3F3F0; | |
cursor:default; | |
font-size:.92857em; | |
text-align:right; | |
white-space:nowrap | |
} | |
li.token-input-token p | |
{ | |
float:left; | |
display:inline; | |
margin:0 | |
} | |
li.token-input-token span | |
{ | |
color:#BBB; | |
font-weight:bold; | |
cursor:pointer | |
} | |
li.token-input-selected-token | |
{ | |
background-color:#E9E9E6 | |
} | |
li.token-input-input-token | |
{ | |
padding:0 4px | |
} | |
div.token-input-dropdown | |
{ | |
position:absolute; | |
background-color:#FFF; | |
overflow:hidden; | |
border:1px solid #D9D9D6; | |
border-top-width:0; | |
cursor:default; | |
z-index:1; | |
font-size:.92857em | |
} | |
div.token-input-dropdown p | |
{ | |
margin:0; | |
padding:5px 10px; | |
color:#777; | |
font-weight:bold | |
} | |
div.token-input-dropdown ul | |
{ | |
list-style:none; | |
margin:0; | |
padding:0 | |
} | |
div.token-input-dropdown ul li | |
{ | |
padding:4px 10px; | |
background-color:#FFF | |
} | |
div.token-input-dropdown ul li.token-input-dropdown-item | |
{ | |
background-color:#FFF | |
} | |
div.token-input-dropdown ul li em | |
{ | |
font-style:normal | |
} | |
div.token-input-dropdown ul li.token-input-selected-dropdown-item | |
{ | |
background-color:#467B96; | |
color:#FFF | |
} | |
.hidden | |
{ | |
display:none!important; | |
visibility:hidden | |
} | |
.visuallyhidden | |
{ | |
border:0; | |
height:1px; | |
margin:-1px; | |
overflow:hidden; | |
padding:0; | |
position:absolute; | |
width:1px | |
} | |
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus | |
{ | |
clip:auto; | |
height:auto; | |
margin:0; | |
overflow:visible; | |
position:static; | |
width:auto | |
} | |
.invisible | |
{ | |
visibility:hidden | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment