X-Git-Url: https://jfr.im/git/irc/unrealircd/unrealircd-webpanel.git/blobdiff_plain/75c101fdf81cf76433e974b2dd9194aadbd75549..f10794036cb7c1a60ebfe26bf08d138e5c529b11:/css/unrealircd-admin.css diff --git a/css/unrealircd-admin.css b/css/unrealircd-admin.css index 057225f..5fb0647 100644 --- a/css/unrealircd-admin.css +++ b/css/unrealircd-admin.css @@ -15,10 +15,6 @@ margin: 2px; } -.alert { - width: 90%; -} - .form-control { height: 10px; margin: 5px; @@ -28,7 +24,6 @@ width: 70%; } - .nav-item { margin-left: 2px; margin-right: 2px; @@ -47,42 +42,11 @@ border-radius: 4px; } -.tkl_add_boxheader { - - font-weight: bold; - background-color: #4B86EE; - width: 24%; - color: white; - margin-top: 20px; - border: 10px solid #4B86EE; - border-top-left-radius: 10px; - border-top-right-radius: 10px; -} - .align_right { width: 10px; text-align: right; } -.tkl_add_form { - background-color: lightgray; - padding: 10px; - width: 24%; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); - line-height: 30px; -} - -.tkl_add_form_contents { - margin-left: auto; - margin-right: 0; -} -.users_overview { - font-family: arial, sans-serif; - border-collapse: collapse; - border-radius: 7px; - width: 100%; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -} .input_text { border-radius: 7px; } @@ -102,21 +66,6 @@ text-align: right; } -.align_right_button_tkl_add { - width: 400px; - display: inline-block; - text-align: right; -} - -textarea { - height: 30px; - width: 400px; - padding: 5px 5px; - margin: 8px 0; - border-radius: 7px; - } - - @@ -126,29 +75,16 @@ textarea { box-sizing: inherit; /* enable the "border-box effect" everywhere */ } - -.body-for-sticky { - position: relative; - /* for the footer to move with the page size */ - min-height: 100%; - /* for the footer to be at the bottom */ +body { + padding-bottom: 120px; } - -.footer { +footer { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - position: fixed; - left: 0; + position: absolute; bottom: 0; width: 100%; - background-color: #333; - color: white; - text-align: center; -} - - -.footer a { - color: #4B86EE; -} + height: 55px; + } .topnav { background-color: #333; @@ -167,202 +103,22 @@ textarea { font-size: 17px; } -/* Change the color of links on hover */ -.topnav a:hover { - background-color: #ddd; - color: black; -} - -/* Add a color to the active/current link */ -.topnav a.active { - background-color: #4B86EE; - color: white; -} - - -[data-tab-content] { - display: none; -} - -.active[data-tab-content] { - display: block; -} - -.tab.active { - background-color: #AAA; -} - -.tab:hover { - 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/background.jpg"); display: flex; flex-direction: column; } -@media screen and (max-width: 768px) { - body { padding-top: 0px; } -} -/* CSS */ -.cute_button { - align-items: center; - appearance: none; - background-color: #4B86EE; - background-size: calc(100% + 20px) calc(100% + 20px); - border-radius: 7px; - border-width: 0; - box-shadow: none; - box-sizing: border-box; - color: #FFFFFF; - cursor: pointer; - display: inline-flex; - font-family: CircularStd, sans-serif; - font-size: 1rem; - height: auto; - justify-content: center; - line-height: 1.5; - padding: 6px 20px; - position: relative; - text-align: center; - text-decoration: none; - transition: background-color .2s, background-position .2s; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; - vertical-align: top; - white-space: nowrap; -} - -.cute_button:active, -.cute_button:focus { - outline: none; -} - -.cute_button:hover { - background-position: -20px -20px; - background-color: #034FD5; -} - -.cute_button:focus:not(:active) { - box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em; -} - -.cute_button2 { - align-items: center; - appearance: none; - height: 27px; - background-color: green; - border-radius: 7px; - font-weight: bold; - border-width: 0; - box-shadow: none; - box-sizing: border-box; - color: #FFFFFF; - cursor: pointer; - display: inline-flex; - font-family: CircularStd, sans-serif; - font-size: 1rem; - justify-content: center; - line-height: 1.5; - position: relative; - text-align: center; - text-decoration: none; - transition: background-color .2s, background-position .2s; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; - white-space: nowrap; -} - -.cute_button2:active, -.cute_button2:focus { - outline: none; -} - -.cute_button2:hover { - background-position: -20px -20px; - background-color: #353c47; +.alert-short { + width: 40%; } -.cute_button2:focus:not(:active) { - box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em; -} - - - /* The close button */ .closebtn { - margin-left: 15px; - color: white; + color: black; font-weight: bold; float: right; font-size: 22px; @@ -437,3 +193,13 @@ body { background-color: #555; color: white; } + +.table-striped>tbody>tr:nth-child(even)>td, +.table-striped>tbody>tr:nth-child(even)>th { + background-color: #a5a5a549; + } + .table-striped>tbody>tr:nth-child(odd)>td, + .table-striped>tbody>tr:nth-child(odd)>th { + background-color: #ffffff; + } + \ No newline at end of file