Some visual enhancements

[irc/unrealircd/unrealircd-webpanel.git] / css / unrealircd-admin.css

diff --git a/css/unrealircd-admin.css b/css/unrealircd-admin.css
index 9b5f9e1c7578d934f9126147c1fa0a10d8fe9dff..057225f410744ac2435c4d6b5706fa2d5fad202f 100644 (file)
--- a/css/unrealircd-admin.css
+++ b/css/unrealircd-admin.css
@@ -10,6 +10,25 @@
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
 }
 
+.curvy {
+       border-radius: 7px;
+       margin: 2px;
+}
+
+.alert {
+       width: 90%;
+}
+
+.form-control {
+       height: 10px;
+       margin: 5px;
+}
+  
+.short-form-control {
+       width: 70%;
+}
+
+
 .nav-item {
        margin-left: 2px;
        margin-right: 2px;
@@ -67,17 +86,7 @@
 .input_text {
        border-radius: 7px;
 }
-select {
-       border-radius: 7px;
-}
-
-.thuf {
-       border-bottom-left-radius: 10px;
-}
 
-.thuffer {
-       border-bottom-right-radius: 10px;
-}
 .filter-fields {
        height: 30px;
        width: 400px;
@@ -86,27 +95,6 @@ select {
        border-radius: 7px;
 }
 
-.secure-connection {
-       color: darkgreen;
-       border: 3px solid darkgreen;
-       background-color: rgba(0, 255, 0, 0.1);
-}
-
-.operclass-label {
-       color:brown;
-       border: 3px solid brown;
-       background-color: rgba(255, 166, 0, 0.247);
-}
-.bluelabel {
-       color: blue;
-       border: 3px solid darkblue;
-       background-color: rgba(131, 78, 255, 0.295);
-}
-.redlabel {
-       color: darkred;
-       border: 3px solid darkred;
-       background-color: rgba(255, 78, 78, 0.295);
-}
 
 .align_label {
        width: 80px;
@@ -120,21 +108,6 @@ select {
        text-align: right;
 }
 
-.label {
-       white-space: nowrap;
-       font-family: 'Heebo', sans-serif;
-       font-size: 0.65rem;
-       font-weight: 500;
-       letter-spacing: 0.025rem;
-       font-style: normal;
-       text-transform: uppercase;
-       border-radius: 7px;
-       -webkit-border-radius: 1rem;
-       -moz-border-radius: 1rem;
-       padding: 0.20rem 0.50rem;
-       border-style: solid;
-       
-       }
 textarea {
        height: 30px;
        width: 400px;
@@ -142,63 +115,10 @@ textarea {
        margin: 8px 0;
        border-radius: 7px;
   }
-table {
-       border-collapse: collapse;
-       margin: 25px 0;
-       font-size: 0.9em;
-       font-family: sans-serif;
-       min-width: 400px;
-       box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
-}
-
-td {
-       text-align: left;
-       padding: 8px;
-}
-
-th {
-       text-align: left;
-       padding: 8px;
-       background-color: #4B86EE;
-       color: white;
-}
-
-th:first-of-type {
-       border-top-left-radius: 10px;
-       color: white;
-}
 
-th:last-of-type {
-       border-top-right-radius: 10px;
-       color: white;
-}
 
-tr:last-of-type td:first-of-type {
-       border-bottom-left-radius: 10px;
 
-}
-
-tr:last-of-type td:last-of-type {
-       border-bottom-right-radius: 10px;
-}
 
-tr:nth-child(even) {
-       background-color: #bec8d3;
-}
-
-tr:nth-child(odd) {
-       background-color: whitesmoke;
-}
-
-html {
-       height: 100%;
-       /* for the page to take full window height */
-       box-sizing: border-box;
-
-       /* to have the footer displayed at the bottom of the page without scrolling */
-       font-family: arial, sans-serif;
-
-}
 
 *,
 *:before,
@@ -230,15 +150,6 @@ html {
        color: #4B86EE;
 }
 
-.row {
-       display: flex;
-}
-
-.column {
-       flex: 50%;
-       padding: 5px;
-}
-
 .topnav {
        background-color: #333;
        overflow: hidden;
@@ -352,7 +263,7 @@ html {
 
 body {
        padding-top: 45px;
-       background-image: url("/img/linen.png");
+       background-image: url("../img/linen.png");
        display: flex;
        flex-direction: column;
 }
@@ -448,28 +359,6 @@ body {
 
 
 
-.success {
-       padding: 10px;
-       background-color: #208120;
-       /* Red */
-       color: white;
-       margin-bottom: 15px;
-       margin-top: 15px;
-       border-radius: 7px;
-       width: 100%;
-}
-
-.information {
-       padding: 10px;
-       background-color: #245788;
-       /* Red */
-       color: white;
-       margin-bottom: 15px;
-       margin-top: 15px;
-       border-radius: 7px;
-       width: 100%;
-}
-
 /* The close button */
 .closebtn {
        margin-left: 15px;