Nautilus_Star.png
sample.md
sample.xhtml
@@ -1,9 +1,11 @@
+/* Extracted and interpreted from adcstyle.css and frameset_styles.css */
+
/* body */
body {
margin: 20px 40px;
background-color: #fff;
color: #000;
- font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
+ font: 13px "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* links */
@@ -21,23 +23,16 @@ a:hover {
color: #f60;
text-decoration: underline;
}
-
+
a:active {
color: #f60;
text-decoration: underline;
}
-/* html tags */
-th, td, ul, ol, li {
- font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
-}
-code, pre {
- font-family: 'DejaVu Sans Mono', monaco, 'Courier New', courier, monospace;
- font-size: 10px;
-}
+/* html tags */
- /* Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net */
+/* Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net */
* html code {
font-size: 101%;
@@ -47,137 +42,179 @@ code, pre {
font-size: 101%;
}
-h1 code, h2 code, h3 code, h4 code, th code { font-size: 95%; font-weight: normal; }
+/* code */
+
+pre, code {
+ font-size: 11px; font-family: monaco, courier, consolas, monospace;
+}
pre {
- border: 1px solid #BEC5CC;
- background: #EFF2F7;
- padding: 5px;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ border: 1px solid #c7cfd5;
+ background: #f1f5f9;
+ margin: 20px 0;
+ padding: 8px;
+ text-align: left;
+}
+
+hr {
+ color: #919699;
+ size: 1;
+ width: 100%;
+ noshade: "noshade"
}
/* headers */
+
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
+ font-weight: bold;
+}
+
h1 {
- margin: 20px 0 15px 0;
- padding: 0;
- font: bold 20px 'Myriad', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
+ margin-top: 1em;
+ margin-bottom: 25px;
color: #000;
+ font-weight: bold;
+ font-size: 30px;
}
-
h2 {
- margin: 15px 0 5px 0;
- padding: 0;
- font-size: 16px;
+ margin-top: 2.5em;
+ font-size: 24px;
color: #000;
+ padding-bottom: 2px;
+ border-bottom: 1px solid #919699;
}
-
h3 {
- margin: 10px 0 0 0;
- padding: 0;
- font-size: 12px;
+ margin-top: 2em;
+ margin-bottom: .5em;
+ font-size: 17px;
color: #000;
}
-
h4 {
- margin: 0;
- padding: 0;
- font-size: 12px;
-}
-
-h5 {
-
-}
-
-h6 {
- margin: 0;
- padding: 0;
- font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
+ margin-top: 2em;
+ margin-bottom: .5em;
+ font-size: 15px;
color: #000;
}
-
-p {
- margin: 0 0 10px 0;
- padding: 0;
- font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
+h5 {
+ margin-top: 20px;
+ margin-bottom: .5em;
+ padding: 0;
+ font-size: 13px;
color: #000;
}
-form {
- margin: 0;
+h6 {
+ margin-top: 20px;
+ margin-bottom: .5em;
+ padding: 0;
+ font-size: 11px;
+ color: #000;
}
-button {
- margin: 3px 0 10px 0;
+p {
+ margin-top: 0px;
+ margin-bottom: 10px;
}
/* lists */
+
ul {
list-style: square outside;
margin: 0 0 0 30px;
- padding: 0 0 1em 0;
+ padding: 0 0 12px 6px;
}
li {
- margin-top: 3px;
+ margin-top: 7px;
+}
+
+ol {
+ list-style-type: decimal;
+ list-style-position: outside;
+ margin: 0 0 0 30px;
+ padding: 0 0 12px 6px;
}
+
+ol ol {
+ list-style-type: lower-alpha;
+ list-style-position: outside;
+ margin: 7px 0 0 30px;
+ padding: 0 0 0 10px;
+ }
ul ul {
margin-left: 40px;
+ padding: 0 0 0 6px;
}
-ol {
- margin: 0 0 10px 1.5em;
- padding-left: 1.5em;
-}
+li>p { display: inline }
+li>p+p { display: block }
+li>a+p { display: block }
+
+/* table */
-/* tables */
table {
- border: 1px solid #919699;
- margin-bottom: 10px;
+ border-top: 1px solid #919699;
+ border-left: 1px solid #919699;
+ border-spacing: 0;
}
-
-th {
+
+table th {
padding: 4px 8px 4px 8px;
background: #E2E2E2;
font-size: 12px;
- font-weight: bold;
border-bottom: 1px solid #919699;
border-right: 1px solid #919699;
}
-
-td {
+table th p {
+ font-weight: bold;
+ margin-bottom: 0px;
+}
+
+table td {
padding: 8px;
font-size: 12px;
- text-align: left;
vertical-align: top;
border-bottom: 1px solid #919699;
border-right: 1px solid #919699;
}
-
-table td {
- border: none;
- padding: 0;
- vertical-align: middle;
+table td p {
+ margin-bottom: 0px;
+}
+table td p + p {
+ margin-top: 5px;
+}
+table td p + p + p {
+ margin-top: 5px;
}
/* forms */
-#forms input {
+
+form {
+ margin: 0;
+}
+
+button {
+ margin: 3px 0 10px 0;
+}
+input {
vertical-align: middle;
padding: 0;
margin: 0 0 5px 0;
}
-#forms select {
+select {
vertical-align: middle;
padding: 0;
margin: 0 0 3px 0;
}
-#forms textarea {
+textarea {
margin: 0 0 10px 0;
width: 100%;
}
-
-#forms p {
- margin-top: 7px;
-}
styles.css
75af152c3bc3ec4247dae862b471304c771bc3b3
Jean-Olivier Irisson
irisson@normalesup.org
http://github.com/toland/qlmarkdown/commit/3a1115c6f8cf22f8075e8a4cb0f7581aa3938832
3a1115c6f8cf22f8075e8a4cb0f7581aa3938832
2009-08-21T08:50:44-07:00
2009-03-14T13:15:20-07:00
Improved css ADC-like styling
- the stylesheet is reinterpreted from the ADC style
- added the sample MultiMarkdown document as a test. It does not contain all cases but is fairly comprehensive already
Signed-off-by: Phillip Toland <phil.toland@gmail.com>
0ced0a474c9aa17c3126ad6d58146eb385ab7150
Phillip Toland
phil.toland@gmail.com