X-Git-Url: https://jfr.im/git/irc/unrealircd/unrealircd-webpanel.git/blobdiff_plain/0959f2fd15318eec39f73a86759d2a4515e07d53..809f7483740d9eae0abd77aa670fe26b5ce70c41:/css/unrealircd-admin.css diff --git a/css/unrealircd-admin.css b/css/unrealircd-admin.css index 9b5f9e1..0e5912a 100644 --- a/css/unrealircd-admin.css +++ b/css/unrealircd-admin.css @@ -10,6 +10,24 @@ 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 +85,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 +94,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 +107,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 +114,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, @@ -206,7 +125,16 @@ html { box-sizing: inherit; /* enable the "border-box effect" everywhere */ } - +body { + padding-bottom: 120px; +} +footer { + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + position: absolute; + bottom: 0; + width: 100%; + height: 55px; + } .body-for-sticky { position: relative; /* for the footer to move with the page size */ @@ -214,31 +142,6 @@ html { /* for the footer to be at the bottom */ } -.footer { - font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - position: fixed; - left: 0; - bottom: 0; - width: 100%; - background-color: #333; - color: white; - text-align: center; -} - - -.footer a { - color: #4B86EE; -} - -.row { - display: flex; -} - -.column { - flex: 50%; - padding: 5px; -} - .topnav { background-color: #333; overflow: hidden; @@ -268,15 +171,6 @@ html { color: white; } - -[data-tab-content] { - display: none; -} - -.active[data-tab-content] { - display: block; -} - .tab.active { background-color: #AAA; } @@ -285,74 +179,9 @@ html { background-color: #AAA; } -#headerContainer, -#headerTitle { - background-color: #4B86EE; - font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - height: 62px; - margin-top: -10px; - padding: 10px 25px; - position: relative; -} - -#headerContainer { - margin-left: -15px; - z-index: 10; - - -webkit-box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); - box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); -} - -#headerContainer:before { - border-color: #034FD5 transparent; - border-style: solid; - border-width: 1em 0 0 1em; - bottom: -1em; - content: ''; - display: block; - left: 0; - position: absolute; -} - -#headerContainer h2, -#headerContainer h2 small { - color: white !important; - margin-bottom: 0px; - -} - -#headerContainer h2 small { - font-weight: lighter; -} - -#headerTitle { - background-color: white; - margin-right: 15px; - z-index: 9; -} - -#headerTitle h2 { - line-height: 1.5; - margin-bottom: 0px; -} - -#headerTitle h2 i { - color: #f2f2f2; - font-size: 80px; - position: absolute; - right: 0; - top: -30px; - z-index: -1; -} - -#headerTitle h2 small { - color: #bbb; -} - - body { padding-top: 45px; - background-image: url("/img/linen.png"); + background-image: url("../img/linen.png"); display: flex; flex-direction: column; } @@ -448,28 +277,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;