Browse Source

Adjust theme

Skylar Ittner 6 months ago
parent
commit
fb298289cf
1 changed files with 9 additions and 6 deletions
  1. 9
    6
      index.html

+ 9
- 6
index.html View File

@@ -2,7 +2,7 @@
2 2
 <meta charset=utf-8>
3 3
 <meta content="width=device-width,initial-scale=1" name=viewport>
4 4
 <title>Captcheck</title>
5
-<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.minty.min.css" />
5
+<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.materia.min.css" />
6 6
 <link rel="stylesheet" href="https://static.netsyms.net/prism/prism.css" />
7 7
 <script async src="https://static.netsyms.net/fontawesome/5.2/js/all.min.js"></script>
8 8
 <script defer async src="https://static.netsyms.net/prism/prism.js"></script>
@@ -15,6 +15,9 @@
15 15
         padding-left: 5px;
16 16
 
17 17
     }
18
+    .bg-minty {
19
+        background-color: #7dffd2;
20
+    }
18 21
 
19 22
     @media only screen and (min-width: 768px) and (max-width: 991px) {
20 23
         h2, h3 {
@@ -58,18 +61,18 @@
58 61
     <div class="row my-4">
59 62
         <div class="col-12 col-md-6">
60 63
             <div class="card">
61
-                <div class="card-header bg-primary text-light">
62
-                    <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>
64
+                <div class="card-header bg-minty">
65
+                    <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>
63 66
                 </div>
64 67
                 <div class="card-body">
65
-                    <iframe style="border: 0px solid white; width: 100%; height: 100%; height: 200px;" src="test.html" id="demoframe"></iframe>
68
+                    <iframe style="border: 0px solid white; width: 100%; height: 100%; height: 350px;" src="test.html" id="demoframe"></iframe>
66 69
                 </div>
67 70
             </div>
68 71
         </div>
69 72
         <div class="col-12 col-md-6">
70 73
             <div class="card">
71
-                <div class="card-header bg-primary text-light">
72
-                    <h4 class="card-heading">Use</h4>
74
+                <div class="card-header bg-minty">
75
+                    <h4 class="card-heading mb-0">Use</h4>
73 76
                 </div>
74 77
                 <div class="card-body">
75 78
                     <b>Put this in your page somewhere:</b>

Loading…
Cancel
Save