Update index.css

jian-css · Aug 27, 2022 · c923486 · c923486
1 parent 933dbf3
commit c923486
Showing 1 changed file with 47 additions and 17 deletions.
diff --git a/index.css b/index.css
@@ -1,25 +1,32 @@
-strong{
-    color:red;
+.dark{
+    filter: invert(100%);
+    background-color:black;
+}
+.dark img{
+    filter: invert(100%);
 }
 .c{
-    max-width: 62em;
+    max-width: 60em;
     padding: 1.2em;
     margin: auto;
 }
 p{
-    font-size:14px;
+    font-size:16px;
 }
 .btn{
-    border: none;
-    color: white;
-    background-color:var(--blue);
+    color: var(--blue);
+    background-color: white;
+    border: solid var(--blue);
+    padding: 6px 10px;
+    margin: 4px;
+    font-size: calc(0.5vh + 10px);
     text-align: center;
-    text-decoration: none;
     display: inline-block;
-    font-size: calc(0.5vh + 10px);
-    margin: 4px 2px;
-    border-radius: 5px;
-    padding: 10px;
+    cursor: pointer;
+}
+.pri{
+    color: white;
+    background-color:var(--blue);
 }
 hr{
     border: solid var(--blue);
@@ -30,7 +37,7 @@ h3,
 h4 {
     font-weight: 300;
 }
-@media screen and (min-width:900px){
+@media screen and (min-height:900px){
 h1{
     font-size: calc(5vh - 8px);
 }
@@ -44,19 +51,42 @@ h4{
     font-size: calc(3.2vh - 10px);
 }}
 :root{
-    font-family: Arial, Helvetica, sans-serif;
+    font-family: system-ui, Helvetica, sans-serif;
     --blue:#0d6efd;
 }
 body{
     line-height: 1.5;
 }
 a:not(.btn){
-    text-decoration: none;
     color: var(--blue);
 }
 td, th {
     padding: 0.7em;
     text-align: left;
-    border-bottom: solid #eee;
-    font-size: medium;
+    border-bottom: solid #aaa;
+    font-size: 16px;
+}
+a{
+    text-decoration: none;
+}
+input,.btn{
+    border-radius: 5px;
+}
+input:focus{
+    border: 3px solid var(--blue);
+}
+input{
+    display: block;
+    padding: .375rem .75rem;
+    font-size: 1em;
+    line-height: 1.5;
+    border: 1px solid #ced4da;
+    margin: 12px 0;
+    outline: 0;
+}
+.card{
+    border: solid #d8d8d8;
+    margin-bottom: 1.25em;
+    padding: 1.25em;
+    background: #dff;
 }