/* reset.css (thanks to blueprint)*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
body {
font: 0.8em Arial, sans-serif;
background-color: white;
}
a {
color: black;
}
a:hover {
color: #654171 !important;
}
.head {
margin-top: 1.4em;
}
.head .left {
width: 9%;
float: left;
}
.head .center {
width: 61%;
float: left;
}
.head .right {
width: 29%;
float: left;
text-align: right;
}
.head .menu {
margin-left: 33%;
margin-top: 1em;
}
.head .menu li {
display: inline;
padding-left: 2.2em;
}
.head img {
float: left;
}
.head .right .inner {
margin-top: 0.8em;
padding-right: 3em;
}
.head .log-in {
background: no-repeat 0 0.2em url(/static/img/enter.gif);
padding-left: 1.2em;
}
.madein {
padding-left:8%;
}
.in {
padding-left:11px;
}
#madein {
position: relative;
left: 1px;
top: 0px;
}
.when {
padding-top: 2px;
font-size:7pt;
color:#c0bfbc;
}
.head .mydumps {
margin-left: 2em;
}
.footer {
margin-top: 10em;
font-size: 0.85em;
margin-bottom: 2em;
}
.footer, .footer a {
/* color: #a6a3a3; */
}
.footer .left {
margin-left: 6%;
float: left;
}
.footer .left img {
float: left;
}
.footer .left .designed {
margin-left: 1em;
float: left;
}
.designed div {
margin-top:-2px;
}
.footer .right {
text-align: right;
float: right;
margin-right: 15em;
}
.footer .right .box {
text-align: center;
}
.footer .right, .footer .right a {
color: #666;
font-size: 0.9em;
}
.clear {
clear: both;
}
.dump-form .comment-field {
float: left;
width: 57%;
}
.dump-form .password {
float: left;
width: 43%;
}
.body {
margin-top: 3em;
}
.body-row {
margin-top: 3em;
}
.body .left {
float: left;
width: 9%;
}
.body .content {
float: left;
width: 71%;
}
.body .right {
float: left;
width: 20%;
}
.dump-form textarea {
width: 100%;
height: 20em;
}
.dump-form .comment-field input, .dump-form .password input {
width: 90%;
margin-top: 0.3em;
}
.lexers {
background: no-repeat url(/static/img/scripts.gif);
padding-left: 1.5em;
}
.lexers, .more-lexers {
font-size: 0.95em;
margin-bottom: 3em;
margin-top: 0.5em;
background-color: white;
}
.more-lexers {
display: none;
position: absolute;
left: 35em;
top: 10em;
height: 50%;
width: 200px;
overflow: auto;
border: 1px solid #666;
}
.lexers a, .more-lexers a {
text-decoration: none;
border-bottom: 1px dashed #999;
margin-left: 0.5em;
}
.more-lexers a {
display: block;
border-bottom: none;
}
.more-lexers a:hover {
background-color: #3399fe;
color: white !important;
}
.lexers a.selected {
color: black;
font-weight: bold;
/*text-decoration: underline;*/
text-decoration: none;
border-bottom: none;
}
.lexers a.more {
border-bottom: 1px dashed #7b7b7b;
color: #7b7b7b;
margin-left: 1em;
}
form input, form textarea {
display: block;
}
.body em {
font-style: italic;
}
.dump-form .submit {
background-color: #eae4e4;
padding: 0.7em;
text-align: center;
margin-top: 3em;
}
.dump-form .submit input {
display: inline;
}
.body-row {
}
.body-row .left {
float: left;
width: 9%;
height: 3em;
background-color: #f4f1f1;
}
.body-row .center {
float: left;
width: 71%;
height: 3em;
overflow: hidden;
}
.body-row .header {
float: left;
width: 55%;
font-size: 1.4em;
padding-top: 0.5em;
height: 3em;
background-color: #f4f1f1;
}
.body-row .info {
float: left;
height: 3em;
background-color: white;
font-size: 1.4em;
padding-top: 0.5em;
padding-left: 3em;
color: #cbcaca;
}
.body-row .right {
float: left;
width: 19%;
}
.dumpers .intro {
width: 60%;
}
.dumpers .list {
float: left;
width: 50%;
}
.dumpers .stat {
float: left;
font-size: 1.3em;
color: #6e6960;
}
.dumpers .stat dt {
margin-top: 1em;
float: left;
clear: left;
width: 14.5em;
}
.dumpers .stat dd {
margin-top: 1em;
display: block;
}
.dumper {
list-style-type: none;
list-style-position: outside;
margin-top: 1.5em;
}
.dumper .dump_count, .dumper .lexer {
font-size: 0.83em;
color: #6e6857;
padding-left: 2em;
}
.dumper .last_visit {
padding-top:0.1em;
font-size: 0.83em;
color: #b7ac8a;
font-style: italic;
}
span.exit-left {
padding-right: 2px;
}
span.exit-right {
padding-left: 2px;
}
.big-form label {
margin-bottom: 0.3em;
display: block;
}
.big-form input {
font-size: 2em;
margin-bottom: 0.5em;
}
.big-form {
}
.big-form .submit, .medium-form .submit {
background-color: #f5ddd4;
padding: 0.7em;
margin-bottom: 1em;
margin-top: 2em;
}
.medium-form p {
margin-bottom: 2em;
}
.big-form .submit input, .medium-form .submit input {
font-size: 1em;
/*color: #333;*/
margin-bottom: 0px;
width: auto;
}
a.forgot-password {
color: #666;
}
.medium-form label {
float: left;
width: 10em;
display: block;
}
.medium-form input {
font-size: 1.3em;
margin-bottom: 0.5em;
width: 50%;
}
.medium-form {
}
.errorlist li {
list-style-type: none;
list-style-position: inside;
color: red;
font-weight: bold;
}
.errorlist {
margin-bottom: 0.5em;
}
.dumps th {
border-bottom: 2px solid #ccc;
font-size: 1.2em;
color: black;
font-weight: bold;
padding-bottom: 0.2em;
}
.dumps th.date, .dumps td.date {
color: #999;
}
.dumps tr.space td {
font-size: 0.5em;
}
.dumps tr.active td {
background-color: #f4f4f1;
}
.dumps td {
padding: 0.3em 0.2em;
}
.dumps tr.dump td {
border-bottom: 1px solid #f5f5f5;
}
.dumps td.edit {
width: 5%;
text-align: center;
}
.dumps td.link {
width: 20%;
}
.dumps td.comment {
font-style: italic;
}
.dumps td.link a {
color: green;
}
.dumps td.lexer {
width: 15%;
}
.dumps td.date {
width: 17%;
font-size: 0.9em;
}
.dumps td.delete {
width: 8%;
text-align: center;
}
.message {
font-size: 1.3em;
}
.dump-header {
zoom: 1;
}
.dump-header .header {
width: 49%;
}
.dump-header .info {
width: 49%;
padding: 0;
padding-top: 0.5em;
}
.dump-header .user .login {
color: #444;
float: left;
padding-left: 25px;
background: no-repeat 0px 1px url(/static/img/user-icon.gif);
}
.dump-header .lexer {
float: right;
padding-right: 1em;
font-size: 1.2em;
color: green;
}
.dump-header .date {
float: left;
padding-left: 2em;
color: #999;
}
.dump-header .text a {
float: right;
color: #999;
}
.dump-header .info {
}
.dump-code {
background-color: #fdfdfd;
padding: 1em;
border: 1px dashed #ddd;
font-family: monospace;
font-size: 1.3em;
}
.dump-code .highlight {
background-color: #fdfdfd;
padding-left: 1em;
}
.dump-code .linenos {
color: #999;
}
.dump-controls {
margin-bottom: 5px;
}
.dump-controls .right {
float: right;
text-align: right;
}
.dump-controls .control {
padding-left: 10px;
}
.dump-controls img {
vertical-align: middle;
}
.comment-block .tail {
background: no-repeat 34px 0px url(/static/img/comment-tail.png);
height: 17px;
}
.comment-block-out {
margin-left: 5.5%;
}
.comment-block {
padding-top: 7px;
margin-bottom: -2em;
float: left;
}
.comment-block .comment-body {
background-color: #f1e7e8;
margin: 0;
padding: 0;
zoom: 1;
}
.comment-block .content {
margin-left: 20px;
margin-right: 20px;
}
.comment-block .tl {
background: no-repeat 0% 0% url(/static/img/comment-tl.png);
height: 20px;
padding: 0;
}
.comment-block .bl {
background: no-repeat 0% 0% url(/static/img/comment-bl.png);
height: 20px;
}
.comment-block .br {
background: no-repeat 100% 100% url(/static/img/comment-br.png);
height: 20px;
}
.comment-block .tr {
background: no-repeat 100% 0% url(/static/img/comment-tr.png);
height: 20px;
}
h2 {
font-size: 1.5em;
color: #333;
margin-bottom: 0.5em;
}
#about p {
font-size: 1.1em;
padding-bottom: 15px;
line-height: 1.4em;
width: 80%;
}
#about blockquote {
padding: 5px 0 0 15px !important;
}
.name {
color: #654171;
}
.wide-form textarea {
width: 80%;
}
.wide-form input {
width: 80%;
}
.wide-form input.submit {
width: auto;
font-size: 1.5em;
color: #333;
}
.wide-form .submit-box {
background-color: #eae4e4;
padding: 0.7em;
text-align: center;
margin-top: 3em;
}
.wide-form .submit-box input {
margin: 0 auto;
}
.detect-result {
margin-bottom: 1em;
font-size: 1.5em;
color: green;
}