]> git.immae.eu Git - github/shaarli/Shaarli.git/blob - plugins/markdown/markdown.css
Merge pull request #1234 from virtualtam/lint
[github/shaarli/Shaarli.git] / plugins / markdown / markdown.css
1 /**
2 * Credit to Simon Laroche <https://github.com/simonlc/Markdown-CSS>
3 * whom created the CSS which this file is based on.
4 * License: Unlicense <http://unlicense.org/>
5 */
6
7 .markdown p{
8 margin:0.75em 0;
9 }
10
11 .markdown img{
12 max-width:100%;
13 }
14
15 .markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6{
16 font-weight:normal;
17 font-style:normal;
18 line-height:1em;
19 margin:0.75em 0;
20 }
21 .markdown h4, .markdown h5, .markdown h6{ font-weight: bold; }
22 .markdown h1{ font-size:2.5em; }
23 .markdown h2{ font-size:2em; }
24 .markdown h3{ font-size:1.5em; }
25 .markdown h4{ font-size:1.2em; }
26 .markdown h5{ font-size:1em; }
27 .markdown h6{ font-size:0.9em; }
28
29 .markdown blockquote{
30 color:#666666;
31 padding-left: 3em;
32 border-left: 0.5em #EEE solid;
33 margin:0.75em 0;
34 }
35 .markdown hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
36 .markdown pre, .markdown code, .markdown kbd, .markdown samp {
37 font-family: monospace, 'courier new';
38 font-size: 0.98em;
39 }
40 .markdown pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
41
42 .markdown b, .markdown strong { font-weight: bold; }
43
44 .markdown dfn, .markdown em { font-style: italic; }
45
46 .markdown ins { background: #ff9; color: #000; text-decoration: none; }
47
48 .markdown mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
49
50 .markdown sub, .markdown sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
51 .markdown sup { top: -0.5em; }
52 .markdown sub { bottom: -0.25em; }
53
54 .markdown ul, .markdown ol { margin: 1em 0; padding: 0 0 0 2em; }
55 .markdown li p:last-child { margin:0 }
56 .markdown dd { margin: 0 0 0 2em; }
57
58 .markdown img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
59
60 .markdown table { border-collapse: collapse; border-spacing: 0; }
61 .markdown td { vertical-align: top; }
62
63 @media only screen and (min-width: 480px) {
64 .markdown {font-size:0.9em;}
65 }
66
67 @media only screen and (min-width: 768px) {
68 .markdown {font-size:1em;}
69 }
70
71 #linklist .markdown li {
72 padding: 0;
73 border: none;
74 background: none;
75 }
76
77 #linklist .markdown ul li {
78 list-style: circle;
79 }
80
81 #linklist .markdown ol li {
82 list-style: decimal;
83 }
84
85 .markdown table {
86 padding: 0;
87 }
88 .markdown table tr {
89 border-top: 1px solid #cccccc;
90 background-color: white;
91 margin: 0;
92 padding: 0;
93 }
94 .markdown table tr:nth-child(2n) {
95 background-color: #f8f8f8;
96 }
97 .markdown table tr th {
98 font-weight: bold;
99 border: 1px solid #cccccc;
100 text-align: left;
101 margin: 0;
102 padding: 6px 13px;
103 }
104 .markdown table tr td {
105 border: 1px solid #cccccc;
106 text-align: left;
107 margin: 0;
108 padding: 6px 13px;
109 }
110 .markdown table tr th :first-child, .markdown table tr td :first-child {
111 margin-top: 0;
112 }
113 .markdown table tr th :last-child, table tr td :last-child {
114 margin-bottom: 0;
115 }
116
117 .markdown pre {
118 background-color: #eee;
119 padding: 4px 9px;
120 -webkit-border-radius: 5px;
121 -moz-border-radius: 5px;
122 border-radius: 5px;
123 overflow: auto;
124 box-shadow: 0 -1px 0 #e5e5e5,0 0 1px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
125 }
126
127 .markdown pre code {
128 color: black;
129 font-family: 'Consolas', 'Monaco', 'Andale Mono', monospace;
130 direction: ltr;
131 text-align: left;
132 white-space: pre;
133 word-spacing: normal;
134 word-break: normal;
135 line-height: 1.7;
136 font-size: 11.5px;
137 -moz-tab-size: 4;
138 -o-tab-size: 4;
139 tab-size: 4;
140 -webkit-hyphens: none;
141 -moz-hyphens: none;
142 -ms-hyphens: none;
143 hyphens: none;
144 }
145
146 .markdown :not(pre) code {
147 background-color: #eee;
148 padding: 1px 3px;
149 border-radius: 1px;
150 box-shadow: 0 -1px 0 #e5e5e5,0 0 1px rgba(0,0,0,0.12),0 1px 1px rgba(0,0,0,0.24);
151 }
152
153 #pageheader .md_help {
154 color: white;
155 }
156
157 /*
158 Remove header links style
159 */
160 #pageheader .md_help a {
161 color: lightgray;
162 font-weight: bold;
163 text-decoration: underline;
164
165 background: none;
166 box-shadow: none;
167 padding: 0;
168 margin: 0;
169 }
170
171 #pageheader .md_help a:hover {
172 color: white;
173 }