陈奇网络工作室

markdownpad2自定义github-css样式

系统运输

对于在windows上使用markdownpad2语法编辑器的用户来说,支持的功能很少,定制也很困难,但是定制css可以实现简单的代码样式。 这是我修改的效果。

主要是修改了这些,以后再讨论吧。 毕竟css也不是那么详细,而是一边看着html颜色代码一边一个一个地尝试着。 稍后我们来看看用自己写的js嵌入编辑器能否实现语法的高亮度。 以下是我修改的css代码:

/* githubstylesheetformarkdownpad ( http://markdown pad.com ) /

/* author:Nicolas hery-http://Nicolas hery.com * /

/* version:b 13fe 65ca 28 d2e 568 C6 ed5d 7f 06581183 df8f2ff * /

/* source:https://github.com/Nicola hery/markdown pad-github * /

/*RESET

=========================================================================================

html、body、div、span、小程序、object、iframe、h2、h3、h4、h5、h6、h7、p、blockquote、pre、a、abbr、acronym sted fieldset,form,label,legend,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,rut

边距: 0

垫: 0;

border:0

}

/*BODY

=========================================================================================

body{

font-family:Helvetica,arial,freesans,clean,sans-serif;

font-size:14px;

行高度: 1.6;

颜色: # 333;

background-color:#fff;

padding:20px;

最大宽度: 960 px;

边距: 0自动;

}

body * :第一个child {

边距-顶级: 0! 导入;

}

body*:last-child{

边距-底部: 0! 导入;

}

/*BLOCKS

=========================================================================================

p,blockquote,ul,ol,dl,table,pre{

边距: 15px 0;

}

/*头

=========================================================================================

h2,h3,h4,h5,h6,h7{

margin:20px010px;

垫: 0;

font-weight:bold;

- WebKit-font-smoothing:antialiased;

}

h2tt、h2code、h3tt、h3code、h4tt、h4code、h5tt、h5code、h6tt、h6code、h7tt、h7code{

font-size:inherit;

}

h2{

font-size:28px;

颜色: # 000;

}

h3{

font-size:24px;

border-bottom:1pxsolid#ccc;

颜色: # 000;

}

h4{

font-size:18px;

}

h5{

font-size:16px;

}

h6{

font-size:14px;

}

h7{

color:#777;

font-size:14px;

}

bodyh3:first-child,bodyh2:first-child,bodyh2:first-child h3,bodyh4:first-child,bodyh5:first-child

边距-顶部: 0;

padding-top:0;

}

a:first-childh2,a:first-childh3,a:first-childh4,a:first-childh5,a:first-childh6,a:first-child

边距-顶部: 0;

padding-top:0;

}

h2 p、h3 p、h4 p、h5 p、h6 p、h7 p{

边距- top:10px;

}

/*LINKS

=========================================================================================

a{

color:#4183C4;

text-decoration:none;

}

答: a:hover{

文本解码: underline;

}

/*LISTS

=========================================================================================

ul,ol{

padding-left:30px;

}

ulli:first-child,

olli :第一把交椅,

ulliul:first-of-type,

olliol:first-of-type,

ulliol:first-of-type,

olliul:first-of-type{

margin-top:0px;

}

ulul,ulol,olol,olul{

边距-底部: 0;

}

dl{

垫: 0;

}

dldt{

font-size:14px;

font-weight:bold;

font-style:italic;

垫: 0;

margin:15px05px;

}

dldt:first-child{

垫: 0;

}

dldt:first-child{

margin-top:0px;

}

dldt:last-child{

边距- bottom:0px;

}

dldd{

边距: 0015 px;

padding:015px;

}

dldd:first-child{

margin-top:0px;

}

dldd:last-child{

边距- bottom:0px;

}

/*代码

=========================================================================================

代码,tt{

font-size:12px;

font-family:Consolas,LiberationMono,Courier,monospace; 颜色:红色

}

pre{

font-size:12px;

font-family:Consolas,LiberationMono,Courier,monospace,color:black

}

代码,tt{

边距: 00px;

padding:0px0px;

white-space:nowrap;

border:#cccsolidthin;

ackground-color:#F5F5;

border-radius:3px;

}

前代码{

边距: 0

垫: 0;

white-space:pre;

border:none;

background:transparent;

color :黑色

}

pre{

ackground-color:#F5F5;

border:1pxsolid#FFFFFF;

font-size:13px;

line-height:19px;

overflow:auto;

padding:6px10px;

border-radius:3px;

}

precode,prett{

background-color:transparent;

border:none;

}

kbd{

-moz-border-bottom-colors:none;

-moz-border-left-colors:none;

-moz-border-right-colors:none;

-moz-border-top-colors:none;

background-color:#DDDDDD;

background-p _ w _ picpath:linear-gradient ( # f1 f1,#DDDDDD );

background-repeat:repeat-x;

border-color:# dddddd # cccccccc # ccccccc # dddddd;

border-p_w_picpath:none;

border-radius:2px2px2px2px;

border-style:solid;

border-width:1px;

font-family:HelveticaNeue,Helvetica,Arial,sans-serif;

line-height:10px;

padding:1px4px;

}

/*QUOTES

=========================================================================================

阻止质量{

border-left:4pxsolid#2F4F4F;

padding:015px;

color:#777;

background-color:#edf2f7;

}

blockquote:first-child{

margin-top:0px;

}

blockquote:last-child{

边距- bottom:0px;

}

/*HORIZONTALRULES

=========================================================================================

hr{

clear:both;

边距: 15px 0;

height:0px;

overflow:hidden;

border:none;

background:transparent;

border-bottom:4pxsolid#ddd;

垫: 0;

}

/*表

=========================================================================================

选项卡

{

border-collapse:collapse;

}

tableth{

font-weight:bold;

文本-对齐:左;

padding-top:5px;

padding-bottom:4px;

ackground-color:#F5F5;

颜色: # 000000;

}

tableth,tabletd{

border:1pxsolid#ccc;

padding:6px13px;

}

tabletr{

border-top:1pxsolid#ccc;

background-color:#fff;

}

tabletr:nth-child(2n ) {

ackground-color:#F8F8;

}

/*IMAGES

=========================================================================================

img{

最大宽度: 100 %

}

详情请访问云服务器、域名注册、虚拟主机的问题,请访问西部数码代理商官方网站: www.chenqinet.cn

相关推荐

后台-系统设置-扩展变量-手机广告位-内容页底部广告位3