diff --git a/inc/user.css b/inc/user.css index 91e4f47..b85874a 100644 --- a/inc/user.css +++ b/inc/user.css @@ -9,9 +9,173 @@ body { background-color: inherit; } -.markdownHelp { - background-color: #FFFFFF; +fieldset { + border: 1px solid #CDCDCD; + border-radius: 0.3em; padding: 0.3em; + margin: 0.3em 0; +} + +legend { + padding: 0 0.3em; + margin: 0 0 0 0.6em; + color: #FFFFFF; + font-weight: bolder; +} + +p { + margin: 1em 0; +} + +img { + max-width: 100%; +} + +h1, h2, h3, h4, h5, h6 { + font-weight: normal; + line-height: 1em; + color: #111; + margin-bottom: 0.5em; +} + +h4, h5, h6 { + font-weight: bold; +} + +h1 { + font-size: 2.5em; +} + +h2 { + font-size: 2em; +} + +h3 { + font-size: 1.5em; +} + +h4 { + font-size: 1.2em; +} + +h5 { + font-size: 1em; +} + +h6 { + font-size: 0.9em; +} + +blockquote { + margin: 1.2em; + padding-left: 0.3em; + border-left: 0.5em #EEE solid; + color: #666666; +} + +hr { + display: block; + height: 2px; + margin: 1em 0; + padding: 0; + border: 0; + border-top: 1px solid #aaa; + border-bottom: 1px solid #eee; +} + +pre, code, kbd, samp { + font-family: monospace, monospace; + font-size: 0.98em; + color: #000; + _font-family: 'courier new', monospace; +} + +pre { + padding: 0.3em; + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +pre { + background-color: #f7f7f7; +} + +pre code { + border-radius: 3px; + overflow-x: auto; + white-space: normal; +} + +b, strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +ins { + text-decoration: none; + color: #000; + background: #ff9; +} + +mark { + font-style: italic; + font-weight: bold; + color: #000; + background: #ff0; +} + +sub, sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +ul, ol { + margin: 1em 0; + padding: 0 0 0 2em; +} + +li p:last-child { + margin: 0; +} + +dd { + margin: 0 0 0 2em; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td { + vertical-align: top; +} + +del, ins { + text-decoration: line-through; +} + +em { + font-style: italic; } a, .linkdescription a { @@ -23,10 +187,9 @@ a:hover, .linkdescription a:hover { color: #F57900; } -pre code { - border-radius: 3px; - overflow-x: auto; - white-space: normal; +.markdownHelp { + background-color: #FFFFFF; + padding: 0.3em; } .thumbnail { @@ -295,169 +458,6 @@ pre code { padding: 0; } -fieldset { - border: 1px solid #CDCDCD; - border-radius: 0.3em; - padding: 0.3em; - margin: 0.3em 0; -} - -legend { - padding: 0 0.3em; - margin: 0 0 0 0.6em; - color: #FFFFFF; - font-weight: bolder; -} - -p { - margin: 1em 0; -} - -img { - max-width: 100%; -} - -h1, h2, h3, h4, h5, h6 { - font-weight: normal; - line-height: 1em; - color: #111; - margin-bottom: 0.5em; -} - -h4, h5, h6 { - font-weight: bold; -} - -h1 { - font-size: 2.5em; -} - -h2 { - font-size: 2em; -} - -h3 { - font-size: 1.5em; -} - -h4 { - font-size: 1.2em; -} - -h5 { - font-size: 1em; -} - -h6 { - font-size: 0.9em; -} - -blockquote { - margin: 1.2em; - padding-left: 0.3em; - border-left: 0.5em #EEE solid; - color: #666666; -} - -hr { - display: block; - height: 2px; - margin: 1em 0; - padding: 0; - border: 0; - border-top: 1px solid #aaa; - border-bottom: 1px solid #eee; -} - -pre, code, kbd, samp { - font-family: monospace, monospace; - font-size: 0.98em; - color: #000; - _font-family: 'courier new', monospace; -} - -pre { - padding: 0.3em; - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -pre { - background-color: #f7f7f7; -} - -b, strong { - font-weight: bold; -} - -dfn { - font-style: italic; -} - -ins { - text-decoration: none; - color: #000; - background: #ff9; -} - -mark { - font-style: italic; - font-weight: bold; - color: #000; - background: #ff0; -} - -sub, sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -ul, ol { - margin: 1em 0; - padding: 0 0 0 2em; -} - -li p:last-child { - margin: 0; -} - -dd { - margin: 0 0 0 2em; -} - -img { - border: 0; - vertical-align: middle; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td { - vertical-align: top; -} - -del, ins { - text-decoration: line-through; -} - -em { - font-style: italic; -} - .linkWallabag { font-size: 8pt; color: #888;