Add "Fork me on GitHub" ribbon

This commit is contained in:
Steven 2018-03-25 20:35:07 -04:00
parent 5618acf9cd
commit 473c155615
2 changed files with 15 additions and 24 deletions

View File

@ -13,10 +13,8 @@ textarea {
} }
#header { #header {
margin: 0; margin-top: 1em;
padding: 0.4em 0 0 0;
text-align: center; text-align: center;
color: #002;
} }
#header > h1 { #header > h1 {
@ -27,7 +25,7 @@ textarea {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin-top: 2.4em; margin-top: 5em;
width: 100%; width: 100%;
} }
@ -55,25 +53,7 @@ textarea {
} }
.label { .label {
margin: 0; float: none !important;
padding: 0;
position: relative;
width: 100%;
display: block;
}
.label * {
position: relative;
font-weight: 900;
}
.label span {
color: #444;
}
#outputType {
display: block;
margin-left: auto;
} }
.pane { .pane {
@ -135,3 +115,10 @@ textarea {
font-size: 1.3em; font-size: 1.3em;
} }
.github-ribbon {
position: absolute;
top: 0;
right: 0;
border: 0;
z-index: 1000;
}

View File

@ -5,8 +5,12 @@
<link rel="stylesheet" href="demo.css" type="text/css" /> <link rel="stylesheet" href="demo.css" type="text/css" />
</head> </head>
<body> <body>
<a href="https://github.com/markedjs/marked">
<img class="github-ribbon" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
</a>
<div id="header"> <div id="header">
<h1><a href="https://github.com/markedjs/marked/">Marked</a> Demo</h1> <h1>Marked Demo</h1>
</div> </div>
<div id="bothContainers"> <div id="bothContainers">