markdown-live-preview/css/style.css

155 lines
2.0 KiB
CSS
Raw Normal View History

2011-05-16 20:26:21 +04:00
body {
margin: 0;
padding: 0;
2011-05-17 17:17:47 +04:00
background-color: #D1D1BC;
font-family: helvetica, arial, freesans, clean, sans-serif;
2011-05-16 20:26:21 +04:00
font-size: 1em;
line-height: 2em;
}
h1, h2, h3, h4, h5, h6, p {
font-size: 1em;
margin: 0;
padding: 0;
font-weight: normal;
}
p {
margin: 1em;
}
2011-05-17 18:50:41 +04:00
a:link,
a:visited,
a:hover
a:active {
color: #6C8C84;
}
h1#header {
2011-05-18 18:18:07 +04:00
position: relative;
2011-05-17 18:50:41 +04:00
height: 50px;
2011-05-17 17:17:47 +04:00
color: #fff;
padding: 5px;
2011-05-17 18:50:41 +04:00
padding-left: 20px;
line-height: 50px;
2011-05-17 17:17:47 +04:00
background-color: #302C29;
2011-05-17 18:50:41 +04:00
font-size: 1.5em;
2011-05-17 17:17:47 +04:00
font-weight: bold;
2011-05-18 18:18:07 +04:00
-moz-box-shadow: 0 1px 4px #000;
-webkit-box-shadow: 0 1px 4px #000;
box-shadow: 0 1px 4px #000;
2011-05-17 17:17:47 +04:00
}
2011-05-17 18:50:41 +04:00
2011-05-16 20:26:21 +04:00
#container {
2011-05-17 17:17:47 +04:00
width: 960px;
padding: 20px;
2011-05-16 20:26:21 +04:00
margin: 0 auto;
2011-05-17 17:17:47 +04:00
background-color: #fff;
overflow: hidden;
2011-05-18 18:18:07 +04:00
min-height: 100%;
height: 100% !important;
2011-05-16 20:26:21 +04:00
}
2011-05-17 18:50:41 +04:00
2011-05-16 20:26:21 +04:00
#container .section {
margin-bottom: 20px;
}
2011-05-17 18:50:41 +04:00
.section h2 {
color: #466964;
font-weight: bold;
2011-05-18 18:18:07 +04:00
font-size: 1.5em;
2011-05-17 18:50:41 +04:00
}
2011-05-17 17:17:47 +04:00
#leftColumn {
float: left;
width: 700px;
}
#rightColumn {
width: 240px;
float: right;
}
textarea#markdown {
padding: 0;
margin: 0;
width: 100%;
2011-05-16 20:26:21 +04:00
height: 200px;
font-size: 1em;
2011-05-17 18:50:41 +04:00
border: 2px solid #D1D1BC;
2011-05-16 20:26:21 +04:00
}
#output {
background-color: #f8f8f8;
2011-05-17 18:50:41 +04:00
border: 2px solid #A7C4BB;
2011-05-16 20:26:21 +04:00
min-height: 100px;
padding: 10px;
}
#output p {
line-height: 1.3em;
}
#output h1,
#output h2,
#output h3,
#output h4,
#output h5,
#output h6 {
font-weight: bold;
2011-05-17 18:50:41 +04:00
color: #000;
2011-05-16 20:26:21 +04:00
}
#output h1 {
font-size: 1.7em;
}
#output h2 {
font-size: 1.5em;
}
#output h3 {
font-size: 1em;
}
#output ol,
#output ul {
margin: 0;
}
#output blockquote,
#output pre {
margin: 0;
padding: 5px;
color: #444;
background-color: #eee;
border: 1px solid #ddd;
line-height: 1.5em;
}
#output code {
margin: 0;
padding: 0;
line-height: 1em;
}
2011-05-17 18:50:41 +04:00
#footer {
clear: both;
width: 100%;
height: 50px;
background-color: #302C29;
color: #fff;
line-height: 50px;
text-align: center;
2011-05-18 18:18:07 +04:00
-moz-box-shadow: 0 -1px 4px #000;
-webkit-box-shadow: 0 -1px 4px #000;
box-shadow: 0 -1px 4px #000;
2011-05-17 18:50:41 +04:00
}
#footer a {
color: #fff;
}