html { } body { margin: auto; #margin-top: .5%; #margin-bottom: .5%; max-width: 1792px; #font-family: sans-serif; font-family: Avenir, "Helvetica Neue", Helvetica, Roboto, Corbel, sans-serif; #font-family: courier; #font-family: 'Courier New', monospace; font-size: 160%; font-weight: 400; #line-height: 0; #font-size: 1.8rem; #-ms-text-size-adjust: 100%; #-webkit-text-size-adjust: 100%; } .initial { float: left; display: block; color: #903; font-size: 118px; line-height: 0.80em; padding-top: 10px; padding-right: 11px; padding-left: 0px; margin-left: -6px; font-weight: bold; text-shadow: 3px 3px 10px #2a2f35; } .shadow { -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); -moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); } div { /* Debug */ border: 0px solid; } div.rightbox { margin-left: 30px; margin-bottom: 0; margin-top: 0; padding: 0; float: right; } div.rightboxalignment { width: 30%; margin-top: 35px;" } div.leftbox { margin-right: 30px; margin-bottom: 0; margin-top: 0; padding: 0; float: left; } div.leftboxalignment { width: 30%; margin-top: 35px;" } p { margin-bottom: 0; text-align: justify; } h1 { font-size: 230%; margin-top: 0; margin-bottom: 0; font-weight: 900; } h2 { margin-top: 1em; margin-bottom: 1rem; } a, a:visited { color: black; text-decoration: none; font-weight: 400; } a:hover { color: blue; text-decoration: none; } p a, a:visited { color: black; text-decoration: underline; font-weight: 400; } p a:hover { color: black; text-decoration: none; } a.menu, a:visited.visited { color: red; text-decoration: none; font-weight: 400; } a.menu:hover { color: #0cc; color: white; text-decoration: none; } strong { color: #303030; } ::selection { background: #ffff0a; background: #ff1dce; background: #ccff00; text-shadow: none; } ul { margin-bottom: 0px; text-align: justify; } blockquote { font-style: italic; border-left: 3px solid #666; padding-left: 1em; margin-left: 0em; margin-right: 0em; line-height: 1.6; } img { width: 100%; border: 0; margin: 0; } img.alignemnt { margin-top: 1rem; } .leftside { min-width: 280px; width: 20%; display: inline-block; } .leftside p { text-align: right; } .rightside { width: 80%; margin: 0px; display: inline-block; } .menupadding { padding: 10px; } .contentcontainer { display: flex; } .contentleftside { min-width: 280px; width: 20%; text-align: right; } .contentrightside { width: 80%; margin: 0px; display: inline-block; } .contentpaddingleft { padding: 58px; padding-left: 0px; padding-top: 40px; padding-bottom: 0px; } .contentpaddingright { padding: 38px; padding-top: 15px; padding-bottom: 20px; } .tableofcontents { column-count: 2; column-gap: 50px; column-rule: 2px solid lightgrey; } .footnote { font-size: 60%; } ol { margin-bottom: 0px; } .footnotes { clear: both; padding: 0; padding-right: 1em; margin-top: 1em; margin-bottom: 0; border-top: 2px solid rgba(0, 0, 0, 0.1); border-radius: 5px; } .footnotes p { font-size: 0.95em; color: #594f40; line-height: 1.0; margin-top: 0px; } .footnotes p:last-child { margin-bottom: 0.65rem; } .footnotes p:target { background-color: #ffffeb; padding: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .rainbow{ width: 100%; height: 8px; background-repeat:repeat-x; background: linear-gradient(to right, #eb5252, #f78f2f, #f4c151, #75d850, #6284FF, #eb5252); animation: rainbow 10s linear infinite; background-size: 200% 100% !important; } @keyframes rainbow{ 0% {background-position: 0;} 100% {background-position: 800% 0;} } .rightfloatingbox { position: fixed; top: 50%; transform: translateY(-50%); right: 0; background-color: black; z-index: 1; opacity: 1; #visibility: hidden; #opacity: 0; #transition: visibility 0s 1s, opacity 1s linear; -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); -moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); } .photosource { font-family: "Source Code Pro", Monaco, monospace; font-size: 20px; } /* @media only screen and ( max-width: 800px ) { body { disabled_font-size: 1.7rem; } .contentcontainer { display: table; } .contentleftside { width: 100%; text-align: left; } .contentrightside { width: 100%; } .contentpaddingleft { padding: 20px; } .tableofcontents { column-count: 1; column-gap: 50px; column-rule: 2px solid lightgrey; } } @media only screen and ( max-device-width: 500px ) { body { font-size: 1.7rem; } .contentcontainer { display: table; } .contentleftside { width: 100%; text-align: left; } .contentrightside { width: 100%; } .contentpaddingleft { padding: 10px; text-align: left; } .tableofcontents { column-count: 1; column-gap: 50px; column-rule: 2px solid lightgrey; } } */ /* Create four equal columns that floats next to each other */ .column { margin-top: -0.7em; float: left; width: 23%; padding: 1%; } .column img { margin-top: 4%; margin-bottom: 4%; width: 100%; } .row { margin-left: -1%; margin-right: -1%; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } pre { margin-top: 0; margin-bottom: .4; padding: 0rem; font-size: 1rem; line-height: 1.4; background-color: #ffffff; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } pre.terminal { border: 2px solid black; background-color: #333; line-height: 1.25; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #17cc00; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; padding: 0.8em; font-family: "Courier New", Courier, monospace; margin-top: 0.5em; margin-bottom: 0.5em; } pre.terminal::selection { background: #00ff00; text-shadow: none; color: black; } pre.terminal a, .post pre.terminal a:hover, .post pre.terminal a:visited { background-color: #333; color: #17cc00; } pre.terminal strong { color: #00ff00; } pre.terminal strong::selection { background: #00ff00; text-shadow: none; color: black; }
Ez pedig 1 jobb oldali text
lesz asasasa asaasas
sddssdsdsds
ToDo:
WWWText skdslksd iiiiii
Lásd fentebb.
var s = "JavaScript syntax highlighting";
alert(s);
var s = "JavaScript syntax highlighting";
alert(s);
var s = "JavaScript syntax highlighting";
alert(s);
var s = "JavaScript syntax highlighting";
alert(s);
var s = "JavaScript syntax highlighting";
alert(s);
Lists must be preceded by a blank line (or block element)
dsdskdjsk
*- works too
1. 1. and let me sort it outThis is a table:
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
You can align cell contents with syntax like this:
| Left Aligned | Center Aligned | Right Aligned |
|---|---|---|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
The left- and right-most pipes (|) are only aesthetic, and can be omitted. The spaces don’t matter, either. Alignment depends solely on : marks.
Angle brackets
>are used for block quotes.
Technically not every line needs to start with a>as long as there are no empty lines between paragraphs.
Looks kinda ugly though.Block quotes can be nested.
Multiple Levels
Most markdown syntaxes work inside block quotes.
- Lists
- [Links][arbitrary_id]
- Etc.
I bet you’d like more information about this sentence 1.
The following is a list of optional inline markups supported:
| Option name | Markup | Result if enabled |
|---|---|---|
| Intra-word emphasis | So A*maz*ing | So Amazing |
| Strikethrough | ~~Much wow~~ | |
| Underline 2 | _So doge_ | So doge |
| Quote 3 | "Such editor" | Such editor |
| Highlight | ==So good== | So good |
| Superscript | hoge\^(fuga) | hogefuga |
| Autolink | http://t.co | http://t.co |
| Footnotes | [\^4] and [\^4]: | 4 and footnote 4 |
That’s about it. Thanks for listening. I’ll be quiet from now on (unless there’s an update about the app—I’ll remind you for that!).
Happy writing!
egy teszt lista:
asassa
Well lucky for you, I’ve included more information in footnote form. ↩
If Underline is disabled _this_ will be rendered as emphasized instead of being underlined. ↩
Quote replaces literal " characters with html <q> tags. Quote and Smartypants are syntactically incompatible. If both are enabled, Quote takes precedence. Note that Quote is different from blockquote, which is part of standard Markdown. ↩
You don’t have to use a number. Arbitrary things like [^footy note4] and [^footy note4]: will also work. But they will render as numbered footnotes. Also, no need to keep your footnotes in order, I will sort out the order for you so they appear in the same order they were referenced in the text body. You can even keep some footnotes near where you referenced them, and collect others at the bottom of the file in the traditional place for footnotes. ↩