Skip to content

Instantly share code, notes, and snippets.

@shamiao
Last active December 30, 2015 00:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shamiao/7747795 to your computer and use it in GitHub Desktop.
Save shamiao/7747795 to your computer and use it in GitHub Desktop.
[SegmentFault.com]Q1010000000349642:style.css
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