MARKDOWN: add epic editor
[citadel.git] / webcit / epic / themes / preview / preview-dark.css
1 html { padding:0 10px; }
2
3 body {
4   margin:0;
5   padding:10px 0;
6   background:#000;
7 }
8
9 #epiceditor-preview h1,
10 #epiceditor-preview h2,
11 #epiceditor-preview h3,
12 #epiceditor-preview h4,
13 #epiceditor-preview h5,
14 #epiceditor-preview h6,
15 #epiceditor-preview p,
16 #epiceditor-preview blockquote {
17     margin: 0;
18     padding: 0;
19 }
20 #epiceditor-preview {
21     background:#000;
22     font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
23     font-size: 13px;
24     line-height: 18px;
25     color: #ccc;
26 }
27 #epiceditor-preview a {
28     color: #fff;
29 }
30 #epiceditor-preview a:hover {
31     color: #00ff00;
32     text-decoration: none;
33 }
34 #epiceditor-preview a img {
35     border: none;
36 }
37 #epiceditor-preview p {
38     margin-bottom: 9px;
39 }
40 #epiceditor-preview h1,
41 #epiceditor-preview h2,
42 #epiceditor-preview h3,
43 #epiceditor-preview h4,
44 #epiceditor-preview h5,
45 #epiceditor-preview h6 {
46     color: #cdcdcd;
47     line-height: 36px;
48 }
49 #epiceditor-preview h1 {
50     margin-bottom: 18px;
51     font-size: 30px;
52 }
53 #epiceditor-preview h2 {
54     font-size: 24px;
55 }
56 #epiceditor-preview h3 {
57     font-size: 18px;
58 }
59 #epiceditor-preview h4 {
60     font-size: 16px;
61 }
62 #epiceditor-preview h5 {
63     font-size: 14px;
64 }
65 #epiceditor-preview h6 {
66     font-size: 13px;
67 }
68 #epiceditor-preview hr {
69     margin: 0 0 19px;
70     border: 0;
71     border-bottom: 1px solid #ccc;
72 }
73 #epiceditor-preview blockquote {
74     padding: 13px 13px 21px 15px;
75     margin-bottom: 18px;
76     font-family:georgia,serif;
77     font-style: italic;
78 }
79 #epiceditor-preview blockquote:before {
80     content:"\201C";
81     font-size:40px;
82     margin-left:-10px;
83     font-family:georgia,serif;
84     color:#eee;
85 }
86 #epiceditor-preview blockquote p {
87     font-size: 14px;
88     font-weight: 300;
89     line-height: 18px;
90     margin-bottom: 0;
91     font-style: italic;
92 }
93 #epiceditor-preview code, #epiceditor-preview pre {
94     font-family: Monaco, Andale Mono, Courier New, monospace;
95 }
96 #epiceditor-preview code {
97     background-color: #000;
98     color: #f92672;
99     padding: 1px 3px;
100     font-size: 12px;
101     -webkit-border-radius: 3px;
102     -moz-border-radius: 3px;
103     border-radius: 3px;
104 }
105 #epiceditor-preview pre {
106     display: block;
107     padding: 14px;
108     color:#66d9ef;
109     margin: 0 0 18px;
110     line-height: 16px;
111     font-size: 11px;
112     border: 1px solid #d9d9d9;
113     white-space: pre-wrap;
114     word-wrap: break-word;
115 }
116 #epiceditor-preview pre code {
117     background-color: #000;
118     color:#ccc;
119     font-size: 11px;
120     padding: 0;
121 }