X-Git-Url: https://jfr.im/git/irc/unrealircd/unrealircd-webpanel.git/blobdiff_plain/5cc8ca4a058c97032fd1cc87bf1fcc6966e8e2fd..refs/pull/2/head:/css/unrealircd-admin.css diff --git a/css/unrealircd-admin.css b/css/unrealircd-admin.css index 7b75d38..2f14008 100644 --- a/css/unrealircd-admin.css +++ b/css/unrealircd-admin.css @@ -1,3 +1,7 @@ +table { + font-size: 96%; +} + .unrealircd_overview { font-family: arial, sans-serif; border-collapse: collapse; @@ -6,6 +10,33 @@ 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; } @@ -59,17 +90,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; @@ -78,27 +99,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; @@ -112,21 +112,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; @@ -134,63 +119,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, @@ -222,15 +154,6 @@ html { color: #4B86EE; } -.row { - display: flex; -} - -.column { - flex: 50%; - padding: 5px; -} - .topnav { background-color: #333; overflow: hidden; @@ -344,7 +267,7 @@ html { body { padding-top: 45px; - background-image: url("/img/linen.png"); + background-image: url("../img/linen.png"); display: flex; flex-direction: column; } @@ -438,38 +361,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 {