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 b7cb0a785fe870dafeee7535607f98a273757a27..057225f410744ac2435c4d6b5706fa2d5fad202f 100644 (file)
--- a/css/unrealircd-admin.css
+++ b/css/unrealircd-admin.css
@@ -5,7 +5,50 @@
        width: 25%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
 }
+
+.badge-pill {
+       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;
+}
+.navbar-nav li> {
+       border-radius: 4px;
+}
+.navbar-nav li>a:hover,.navbar-nav li.active {
+       color: white;
+       background-color: #4B86EE;
+       border-radius: 4px;
+}
+.navbar-nav li>a:hover,.navbar-nav li>a:focus {
+       color: white;
+       background-color: #6ca0f8;
+       border-radius: 4px;
+}
+
 .tkl_add_boxheader {
+       
        font-weight: bold;
        background-color: #4B86EE;
        width: 24%;
@@ -43,22 +86,7 @@
 .input_text {
        border-radius: 7px;
 }
-select {
-       border-radius: 7px;
-}
-
-a {
-       color: white;
-       text-decoration: none;
-}
-
-.thuf {
-       border-bottom-left-radius: 10px;
-}
 
-.thuffer {
-       border-bottom-right-radius: 10px;
-}
 .filter-fields {
        height: 30px;
        width: 400px;
@@ -67,27 +95,6 @@ a {
        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;
@@ -101,21 +108,6 @@ a {
        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;
@@ -123,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,
@@ -211,15 +150,6 @@ html {
        color: #4B86EE;
 }
 
-.row {
-       display: flex;
-}
-
-.column {
-       flex: 50%;
-       padding: 5px;
-}
-
 .topnav {
        background-color: #333;
        overflow: hidden;
@@ -332,11 +262,16 @@ html {
 
 
 body {
-       background-image: url("/img/linen.png");
+       padding-top: 45px;
+       background-image: url("../img/linen.png");
        display: flex;
        flex-direction: column;
 }
 
+@media screen and (max-width: 768px) {
+       body { padding-top: 0px; }
+}
+
 /* CSS */
 .cute_button {
        align-items: center;
@@ -422,38 +357,7 @@ body {
        box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
 }
 
-.alert {
-       padding: 10px;
-       background-color: #b62c22;
-       /* Red */
-       color: white;
-       margin-bottom: 15px;
-       margin-top: 15px;
-       border-radius: 7px;
-       width: 100%;
-}
 
-.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 {