Adjust theme

This commit is contained in:
Skylar Ittner 2018-07-25 17:39:07 -06:00
parent 288d6aaf44
commit fb298289cf
1 changed files with 9 additions and 6 deletions

View File

@ -2,7 +2,7 @@
<meta charset=utf-8> <meta charset=utf-8>
<meta content="width=device-width,initial-scale=1" name=viewport> <meta content="width=device-width,initial-scale=1" name=viewport>
<title>Captcheck</title> <title>Captcheck</title>
<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.minty.min.css" /> <link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.materia.min.css" />
<link rel="stylesheet" href="https://static.netsyms.net/prism/prism.css" /> <link rel="stylesheet" href="https://static.netsyms.net/prism/prism.css" />
<script async src="https://static.netsyms.net/fontawesome/5.2/js/all.min.js"></script> <script async src="https://static.netsyms.net/fontawesome/5.2/js/all.min.js"></script>
<script defer async src="https://static.netsyms.net/prism/prism.js"></script> <script defer async src="https://static.netsyms.net/prism/prism.js"></script>
@ -15,6 +15,9 @@
padding-left: 5px; padding-left: 5px;
} }
.bg-minty {
background-color: #7dffd2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) { @media only screen and (min-width: 768px) and (max-width: 991px) {
h2, h3 { h2, h3 {
@ -58,18 +61,18 @@
<div class="row my-4"> <div class="row my-4">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="card"> <div class="card">
<div class="card-header bg-primary text-light"> <div class="card-header bg-minty">
<h4 class="card-heading d-flex"><span class="mr-auto">Demo</span> <a onclick="document.getElementById('demoframe').src = document.getElementById('demoframe').src" title="Reset demo"><i class="fas fa-sync-alt"></i></a></h4> <h4 class="card-heading d-flex mb-0"><span class="mr-auto">Demo</span> <a onclick="document.getElementById('demoframe').src = document.getElementById('demoframe').src" title="Reset demo"><i class="fas fa-sync-alt"></i></a></h4>
</div> </div>
<div class="card-body"> <div class="card-body">
<iframe style="border: 0px solid white; width: 100%; height: 100%; height: 200px;" src="test.html" id="demoframe"></iframe> <iframe style="border: 0px solid white; width: 100%; height: 100%; height: 350px;" src="test.html" id="demoframe"></iframe>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="card"> <div class="card">
<div class="card-header bg-primary text-light"> <div class="card-header bg-minty">
<h4 class="card-heading">Use</h4> <h4 class="card-heading mb-0">Use</h4>
</div> </div>
<div class="card-body"> <div class="card-body">
<b>Put this in your page somewhere:</b> <b>Put this in your page somewhere:</b>