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 {
margin: 0;
padding: 0.4em 0 0 0;
margin-top: 1em;
text-align: center;
color: #002;
}
#header > h1 {
@ -27,7 +25,7 @@ textarea {
position: absolute;
top: 0;
bottom: 0;
margin-top: 2.4em;
margin-top: 5em;
width: 100%;
}
@ -55,25 +53,7 @@ textarea {
}
.label {
margin: 0;
padding: 0;
position: relative;
width: 100%;
display: block;
}
.label * {
position: relative;
font-weight: 900;
}
.label span {
color: #444;
}
#outputType {
display: block;
margin-left: auto;
float: none !important;
}
.pane {
@ -135,3 +115,10 @@ textarea {
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" />
</head>
<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">
<h1><a href="https://github.com/markedjs/marked/">Marked</a> Demo</h1>
<h1>Marked Demo</h1>
</div>
<div id="bothContainers">