Improve Markdown css

This commit is contained in:
Frédéric Guillot
2014-11-30 20:09:41 -05:00
parent 81df6a36b4
commit 67eae33fb8
4 changed files with 61 additions and 28 deletions

View File

@@ -640,7 +640,8 @@ nav .active a {
.page-header h2 { .page-header h2 {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 140%; font-size: 1.4em;
font-weight: bold;
border-bottom: 1px dotted #ccc; border-bottom: 1px dotted #ccc;
} }
@@ -925,6 +926,11 @@ a.task-board-nobody {
color: #333; color: #333;
} }
.task-show-description {
border-left: 4px solid #333;
padding-left: 20px;
}
.description-textarea { .description-textarea {
width: 99%; width: 99%;
max-width: 99%; max-width: 99%;
@@ -1073,25 +1079,37 @@ tr td.task-orange,
}/* markdown content */ }/* markdown content */
.markdown { .markdown {
line-height: 1.4em; line-height: 1.4em;
font-size: 1.0em;
} }
.markdown h1 { .markdown h1 {
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 2em; font-size: 1.5em;
padding-bottom: 3px; font-weight: bold;
border-bottom: 1px dotted #000; text-decoration: underline;
} }
.markdown h2 { .markdown h2 {
font-size: 1.2em;
font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }
.markdown h3 { .markdown h3 {
font-weight: bold; font-size: 1.1em;
text-decoration: underline; text-decoration: underline;
} }
.markdown h4 {
font-size: 1.1em;
text-decoration: underline;
}
.markdown p {
margin-bottom: 10px;
}
.markdown ol, .markdown ol,
.markdown ul { .markdown ul {
margin-left: 25px; margin-left: 25px;
@@ -1100,23 +1118,22 @@ tr td.task-orange,
} }
.markdown pre { .markdown pre {
background: #fafafa; background: #fdfdfd;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #ccc; border: 1px solid #ddd;
overflow: auto; overflow: auto;
color: brown; color: #444;
} }
.markdown blockquote { .markdown blockquote {
font-style: italic; font-style: italic;
border-left: 5px solid #ddd; border-left: 3px solid #ddd;
padding-left: 8px; padding-left: 10px;
}
.markdown p {
margin-bottom: 10px; margin-bottom: 10px;
}/* listing block */ margin-left: 20px;
}
/* listing block */
.listing { .listing {
border-radius: 4px; border-radius: 4px;
padding: 8px 35px 8px 14px; padding: 8px 35px 8px 14px;

View File

@@ -60,7 +60,8 @@ nav .active a {
.page-header h2 { .page-header h2 {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 140%; font-size: 1.4em;
font-weight: bold;
border-bottom: 1px dotted #ccc; border-bottom: 1px dotted #ccc;
} }

View File

@@ -1,25 +1,37 @@
/* markdown content */ /* markdown content */
.markdown { .markdown {
line-height: 1.4em; line-height: 1.4em;
font-size: 1.0em;
} }
.markdown h1 { .markdown h1 {
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 2em; font-size: 1.5em;
padding-bottom: 3px; font-weight: bold;
border-bottom: 1px dotted #000; text-decoration: underline;
} }
.markdown h2 { .markdown h2 {
font-size: 1.2em;
font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }
.markdown h3 { .markdown h3 {
font-weight: bold; font-size: 1.1em;
text-decoration: underline; text-decoration: underline;
} }
.markdown h4 {
font-size: 1.1em;
text-decoration: underline;
}
.markdown p {
margin-bottom: 10px;
}
.markdown ol, .markdown ol,
.markdown ul { .markdown ul {
margin-left: 25px; margin-left: 25px;
@@ -28,20 +40,18 @@
} }
.markdown pre { .markdown pre {
background: #fafafa; background: #fdfdfd;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #ccc; border: 1px solid #ddd;
overflow: auto; overflow: auto;
color: brown; color: #444;
} }
.markdown blockquote { .markdown blockquote {
font-style: italic; font-style: italic;
border-left: 5px solid #ddd; border-left: 3px solid #ddd;
padding-left: 8px; padding-left: 10px;
}
.markdown p {
margin-bottom: 10px; margin-bottom: 10px;
} margin-left: 20px;
}

View File

@@ -170,6 +170,11 @@ a.task-board-nobody {
color: #333; color: #333;
} }
.task-show-description {
border-left: 4px solid #333;
padding-left: 20px;
}
.description-textarea { .description-textarea {
width: 99%; width: 99%;
max-width: 99%; max-width: 99%;