From 4d9d24b8b1ff09c216ed4bd626ea8a88ce6edf36 Mon Sep 17 00:00:00 2001 From: trashbo4t Date: Sun, 20 May 2018 06:24:21 -0400 Subject: [PATCH] New Themes and minor html tweaks --- Themes/css/evilrose.css | 478 +++++++++++++++++++++++++++++++ Themes/css/hackerblues.css | 478 +++++++++++++++++++++++++++++++ Themes/css/halflife-inverted.css | 478 +++++++++++++++++++++++++++++++ Themes/css/halflife.css | 478 +++++++++++++++++++++++++++++++ Themes/js/module.js | 1 + Themes/module.html | 46 +-- 6 files changed, 1928 insertions(+), 31 deletions(-) create mode 100644 Themes/css/evilrose.css create mode 100644 Themes/css/hackerblues.css create mode 100644 Themes/css/halflife-inverted.css create mode 100644 Themes/css/halflife.css diff --git a/Themes/css/evilrose.css b/Themes/css/evilrose.css new file mode 100644 index 0000000..cf7fd00 --- /dev/null +++ b/Themes/css/evilrose.css @@ -0,0 +1,478 @@ +.truncated { + text-overflow: ellipsis; + overflow: hidden +} + +a { + color:#ff0066; + font-family: monospace; +} + +i { + color: #ff0066; + font: monospace; +} + +b, strong { + font-weight: 700; + font-family: monospace; +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-family: monospace; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #ff0066; + text-align: center; + background-color: black; + border: 1px solid #ff0066; + border-radius: 4px; +} + +.panel-default { + border-color: #ff0066; +} + +.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { + border-top: 1px solid #ff0066; +} + +.dropdown-menu>li>a { + display:block; + padding: 3px 20px; + clear: both; + font-weight: 400; + line-height: 1.42857143; + color: #ff0066; + white-space:nowrap; + background-color: black; + border: #ff0066; +} + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #ff0066; + background-color: black; + background-image: none; + border: 1px solid #ff0066; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-bottom: 1px solid #ff0066; + border-top: 1px solid #ff0066; +} + +table { + background-color: black; +} + +.table-responsive { + min-height: .01%; + overflow-x: auto; + background-color: black; +} + +* { + color: #ff0066; + border-color: #ff0066; + border-top: #ff0066; +} +.uppercase { + text-transform: uppercase; +} + +.table-layout-fixed { + table-layout: fixed; +} + +.module-icon { + display: inline; + height: 24px; + width: 24px; +} + +.fixed-addon-width { + min-width: 70px; + text-align: left; +} + +.fixed-addon-width-2 { + min-width: 90px; + text-align: left; +} + + +.fixed-addon-width-3 { + min-width: 110px; + text-align: left; +} + +.fixed-width-200 { + min-width: 200px; +} + +.caret-reversed { + border-top-width: 0; + border-bottom: 4px solid black; +} + +.image-small-18 { + height: 18px; +} + +.center-text { + text-align: center; +} + +.scrollable-pre { + overflow: auto; + word-wrap: normal; + white-space: pre; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + color: #ff0066; + word-break: break-all; + word-wrap: break-word; + background-color: black; + border: 1px solid #ff0066; + border-radius: 4px; + font-family: monospace; +} + +.log-pre { + max-height: 300px; +} + +.btn-fixed-length { + width: 70px; +} + +.title-message { + margin-left: 10px; + padding-left: 5px; + padding-right: 5px; + height: 9px; + border-radius: 3px; +} + +.padding-left { + margin-left: 10px; +} + +.select-inline { + font-weight: normal; +} + +body { + background-color: black; +} + +.logout { + cursor: pointer; +} + +.module-nav li a { + margin-left: 30px; +} + +.module-nav li:hover { + background-color: black; +} + +.nav>li>a:focus, .nav>li>a:hover { + text-decoration: none; + background-color: #ff66a3; +} +.sidebar .sidebar-nav.navbar-collapse { + padding-right: 0; + padding-left: 0; +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #ff0000; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); +} + +.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { + background-color: black; +} + +.sidebar ul li { + cursor: pointer; + border-bottom: 1px solid #ff66a3; + color:#ff0066; +} + +.btn { + background-color: black; + font-family: monospace; +} + +.alert-info { + color: #ff0066; + background-color: black; + border-color: #ff0066; +} + +p { + color: #ff0066; + font-family: monospace; +} + +.text-muted { + color:#ff66a3; +} + +.h3 h3 { + color:#ff0066; +} +.h2, h2 { + font-size: 30px; + color:#ff0066; +} +.h1, h1 { + font-size: 30px; + color:#ff0066; +} + +.btn-default { + color:#ff0066; + border-color: #ff0066; +} + +.btn-default:hover { + color: #ff0066; + background-color: #ff0066; + border-color: #ff0066; +} + +.sidebar .active { + background-color: #13033a; +} + +@media(min-width:768px) { + .sidebar { + z-index: 1; + position: absolute; + width: 250px; + margin-top: 51px; + } + + .module-content { + position: inherit; + margin: 0 0 0 250px; + padding: 15px 30px; + border-left: 1px solid black; + } + + .navbar-top-links { + margin-left: 10px; + } +} + +.navbar-top-links { + margin-right: 5px; + margin-left: 10px; +} + +.navbar-top-links li { + display: inline-block; +} + +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + background-color: black; + opacity: 1; + color: #ff0066; +} + +.panel-footer { + padding: 10px 15px; + background-color: black; + border-top: 1px solid #ff66a3; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +textarea.form-control { + height: auto; + background-color: black; + opacity: 1; + color: #ff0066; + font-family: monospace; +} +.navbar { + margin-bottom: 0; +} + +.navbar-top-links .dropdown-menu li { + display: block; +} + +.module-content { + padding: 15px 15px; + background-color: black; +} + +.pointer { + cursor: pointer; +} + +.dropdown-menu { + cursor: pointer; +} + +.dropdown-menu-top { + max-height: 300px !important; + overflow-y: auto !important; +} + +@media(max-width:768px) { + .dropdown-menu-top { + margin: auto !important; + position: absolute !important; + background-color: #000 !important; + word-wrap: break-word !important; + border: 1px solid #000 !important; + width: 300px !important; + max-width: 300px !important; + } + .dropdown-menu-top li a { + white-space: normal !important; + } + + .dropdown-menu-logout { + max-width: 50px !important; + } +} + +.login-logo { + margin: 0 auto; + padding-bottom: 10px; + max-width: 150px; +} + +.brand-logo { + content: url('/img/logo.png'); + max-height: 30px; + padding-bottom: 5px; +} + +.brand-text::after { + content: "pineapple"; + padding-top: 3px; + padding-left: 5px; + float: right; + color:#ff0066; +} + +.alert-danger { + color: #ff0066; + background-color: black; + border-color: #ff0066; +} + +.panel-title { + background-color:black; + color: #ff0066; +} + +.panel-default>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #ff0066; +} + +.panel-body { + background-color:black; + font-family:monospace; +} + +.panel-heading { + background-color:black; +} + +.panel-default>.panel-heading { + color: #ff0066; + background-color: black; + border-color: #ff0066; + border-bottom-color: #ff0066; + border-bottom: #ff0066; +} + +td { + background-color:black; +} +.nav { + background-color:black; +} +.sidebar-nav.navbar-collapse { + background-color:black; +} +.navbar-default{ + background-color:black; +} +.navbar-static-top { + background-color:black; + border-color: #ff0066; +} +.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { + font-family: monospace; + background-color: #ff0066; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + color: black; +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 2px solid #ff0066; +} +.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ff0066; +} + +.modal-content { + position: relative; + background-color: black; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); + box-shadow: 0 3px 9px rgba(0,0,0,.5); +} \ No newline at end of file diff --git a/Themes/css/hackerblues.css b/Themes/css/hackerblues.css new file mode 100644 index 0000000..0845169 --- /dev/null +++ b/Themes/css/hackerblues.css @@ -0,0 +1,478 @@ +.truncated { + text-overflow: ellipsis; + overflow: hidden +} + +a { + color:#0066ff; + font-family: monospace; +} + +i { + color: #0066ff; + font: monospace; +} + +b, strong { + font-weight: 700; + font-family: monospace; +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-family: monospace; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #0066ff; + text-align: center; + background-color: black; + border: 1px solid #0066ff; + border-radius: 4px; +} + +.panel-default { + border-color: #0066ff; +} + +.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { + border-top: 1px solid #0066ff; +} + +.dropdown-menu>li>a { + display:block; + padding: 3px 20px; + clear: both; + font-weight: 400; + line-height: 1.42857143; + color: #0066ff; + white-space:nowrap; + background-color: black; + border: #0066ff; +} + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #0066ff; + background-color: black; + background-image: none; + border: 1px solid #0066ff; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-bottom: 1px solid #0066ff; + border-top: 1px solid #0066ff; +} + +table { + background-color: black; +} + +.table-responsive { + min-height: .01%; + overflow-x: auto; + background-color: black; +} + +* { + color: #0066ff; + border-color: #0066ff; + border-top: #0066ff; +} +.uppercase { + text-transform: uppercase; +} + +.table-layout-fixed { + table-layout: fixed; +} + +.module-icon { + display: inline; + height: 24px; + width: 24px; +} + +.fixed-addon-width { + min-width: 70px; + text-align: left; +} + +.fixed-addon-width-2 { + min-width: 90px; + text-align: left; +} + + +.fixed-addon-width-3 { + min-width: 110px; + text-align: left; +} + +.fixed-width-200 { + min-width: 200px; +} + +.caret-reversed { + border-top-width: 0; + border-bottom: 4px solid black; +} + +.image-small-18 { + height: 18px; +} + +.center-text { + text-align: center; +} + +.scrollable-pre { + overflow: auto; + word-wrap: normal; + white-space: pre; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + color: #0066ff; + word-break: break-all; + word-wrap: break-word; + background-color: black; + border: 1px solid #0066ff; + border-radius: 4px; + font-family: monospace; +} + +.log-pre { + max-height: 300px; +} + +.btn-fixed-length { + width: 70px; +} + +.title-message { + margin-left: 10px; + padding-left: 5px; + padding-right: 5px; + height: 9px; + border-radius: 3px; +} + +.padding-left { + margin-left: 10px; +} + +.select-inline { + font-weight: normal; +} + +body { + background-color: black; +} + +.logout { + cursor: pointer; +} + +.module-nav li a { + margin-left: 30px; +} + +.module-nav li:hover { + background-color: black; +} + +.nav>li>a:focus, .nav>li>a:hover { + text-decoration: none; + background-color: #00004d; +} +.sidebar .sidebar-nav.navbar-collapse { + padding-right: 0; + padding-left: 0; +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #ff0000; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); +} + +.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { + background-color: black; +} + +.sidebar ul li { + cursor: pointer; + border-bottom: 1px solid #00004d; + color:#0066ff; +} + +.btn { + background-color: black; + font-family: monospace; +} + +.alert-info { + color: #0066ff; + background-color: black; + border-color: #0066ff; +} + +p { + color: #0066ff; + font-family: monospace; +} + +.text-muted { + color:blue; +} + +.h3 h3 { + color:#0066ff; +} +.h2, h2 { + font-size: 30px; + color:#0066ff; +} +.h1, h1 { + font-size: 30px; + color:#0066ff; +} + +.btn-default { + color:#0066ff; + border-color: #0066ff; +} + +.btn-default:hover { + color: #0066ff; + background-color: #0066ff; + border-color: #0066ff; +} + +.sidebar .active { + background-color: #13033a; +} + +@media(min-width:768px) { + .sidebar { + z-index: 1; + position: absolute; + width: 250px; + margin-top: 51px; + } + + .module-content { + position: inherit; + margin: 0 0 0 250px; + padding: 15px 30px; + border-left: 1px solid black; + } + + .navbar-top-links { + margin-left: 10px; + } +} + +.navbar-top-links { + margin-right: 5px; + margin-left: 10px; +} + +.navbar-top-links li { + display: inline-block; +} + +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + background-color: black; + opacity: 1; + color: #0066ff; +} + +.panel-footer { + padding: 10px 15px; + background-color: black; + border-top: 1px solid #00004d; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +textarea.form-control { + height: auto; + background-color: black; + opacity: 1; + color: #0066ff; + font-family: monospace; +} +.navbar { + margin-bottom: 0; +} + +.navbar-top-links .dropdown-menu li { + display: block; +} + +.module-content { + padding: 15px 15px; + background-color: black; +} + +.pointer { + cursor: pointer; +} + +.dropdown-menu { + cursor: pointer; +} + +.dropdown-menu-top { + max-height: 300px !important; + overflow-y: auto !important; +} + +@media(max-width:768px) { + .dropdown-menu-top { + margin: auto !important; + position: absolute !important; + background-color: #000 !important; + word-wrap: break-word !important; + border: 1px solid #000 !important; + width: 300px !important; + max-width: 300px !important; + } + .dropdown-menu-top li a { + white-space: normal !important; + } + + .dropdown-menu-logout { + max-width: 50px !important; + } +} + +.login-logo { + margin: 0 auto; + padding-bottom: 10px; + max-width: 150px; +} + +.brand-logo { + content: url('/img/logo.png'); + max-height: 30px; + padding-bottom: 5px; +} + +.brand-text::after { + content: "pineapple"; + padding-top: 3px; + padding-left: 5px; + float: right; + color:#0066ff; +} + +.alert-danger { + color: #0066ff; + background-color: black; + border-color: #0066ff; +} + +.panel-title { + background-color:black; + color: #0066ff; +} + +.panel-default>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #0066ff; +} + +.panel-body { + background-color:black; + font-family:monospace; +} + +.panel-heading { + background-color:black; +} + +.panel-default>.panel-heading { + color: #0066ff; + background-color: black; + border-color: #0066ff; + border-bottom-color: #0066ff; + border-bottom: #0066ff; +} + +td { + background-color:black; +} +.nav { + background-color:black; +} +.sidebar-nav.navbar-collapse { + background-color:black; +} +.navbar-default{ + background-color:black; +} +.navbar-static-top { + background-color:black; + border-color: #0066ff; +} +.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { + font-family: monospace; + background-color: #0066ff; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + color: black; +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 2px solid #0066ff; +} +.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #0066ff; +} + +.modal-content { + position: relative; + background-color: black; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); + box-shadow: 0 3px 9px rgba(0,0,0,.5); +} \ No newline at end of file diff --git a/Themes/css/halflife-inverted.css b/Themes/css/halflife-inverted.css new file mode 100644 index 0000000..517cc38 --- /dev/null +++ b/Themes/css/halflife-inverted.css @@ -0,0 +1,478 @@ +.truncated { + text-overflow: ellipsis; + overflow: hidden +} + +a { + color:#991f00 ; + font-family: monospace; +} + +i { + color: #991f00 ; + font: monospace; +} + +b, strong { + font-weight: 700; + font-family: monospace; +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-family: monospace; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #991f00 ; + text-align: center; + background-color: black; + border: 1px solid #991f00 ; + border-radius: 4px; +} + +.panel-default { + border-color: #991f00 ; +} + +.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { + border-top: 1px solid #991f00 ; +} + +.dropdown-menu>li>a { + display:block; + padding: 3px 20px; + clear: both; + font-weight: 400; + line-height: 1.42857143; + color: #991f00 ; + white-space:nowrap; + background-color: black; + border: #991f00 ; +} + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #991f00 ; + background-color: black; + background-image: none; + border: 1px solid #991f00 ; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-bottom: 1px solid #991f00 ; + border-top: 1px solid #991f00 ; +} + +table { + background-color: black; +} + +.table-responsive { + min-height: .01%; + overflow-x: auto; + background-color: black; +} + +* { + color: #991f00 ; + border-color: #991f00 ; + border-top: #991f00 ; +} +.uppercase { + text-transform: uppercase; +} + +.table-layout-fixed { + table-layout: fixed; +} + +.module-icon { + display: inline; + height: 24px; + width: 24px; +} + +.fixed-addon-width { + min-width: 70px; + text-align: left; +} + +.fixed-addon-width-2 { + min-width: 90px; + text-align: left; +} + + +.fixed-addon-width-3 { + min-width: 110px; + text-align: left; +} + +.fixed-width-200 { + min-width: 200px; +} + +.caret-reversed { + border-top-width: 0; + border-bottom: 4px solid black; +} + +.image-small-18 { + height: 18px; +} + +.center-text { + text-align: center; +} + +.scrollable-pre { + overflow: auto; + word-wrap: normal; + white-space: pre; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + color: #991f00 ; + word-break: break-all; + word-wrap: break-word; + background-color: black; + border: 1px solid #991f00 ; + border-radius: 4px; + font-family: monospace; +} + +.log-pre { + max-height: 300px; +} + +.btn-fixed-length { + width: 70px; +} + +.title-message { + margin-left: 10px; + padding-left: 5px; + padding-right: 5px; + height: 9px; + border-radius: 3px; +} + +.padding-left { + margin-left: 10px; +} + +.select-inline { + font-weight: normal; +} + +body { + background-color: black; +} + +.logout { + cursor: pointer; +} + +.module-nav li a { + margin-left: 30px; +} + +.module-nav li:hover { + background-color: black; +} + +.nav>li>a:focus, .nav>li>a:hover { + text-decoration: none; + background-color: #e62e00; +} +.sidebar .sidebar-nav.navbar-collapse { + padding-right: 0; + padding-left: 0; +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: black; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); +} + +.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { + background-color: black; +} + +.sidebar ul li { + cursor: pointer; + border-bottom: 1px solid #e62e00; + color:#991f00 ; +} + +.btn { + background-color: black; + font-family: monospace; +} + +.alert-info { + color: #991f00 ; + background-color: black; + border-color: #991f00 ; +} + +p { + color: #991f00 ; + font-family: monospace; +} + +.text-muted { + color:#e62e00; +} + +.h3 h3 { + color:#991f00 ; +} +.h2, h2 { + font-size: 30px; + color:#991f00 ; +} +.h1, h1 { + font-size: 30px; + color:#991f00 ; +} + +.btn-default { + color:#991f00 ; + border-color: #991f00 ; +} + +.btn-default:hover { + color: #991f00 ; + background-color: #991f00 ; + border-color: #991f00 ; +} + +.sidebar .active { + background-color: #13033a; +} + +@media(min-width:768px) { + .sidebar { + z-index: 1; + position: absolute; + width: 250px; + margin-top: 51px; + } + + .module-content { + position: inherit; + margin: 0 0 0 250px; + padding: 15px 30px; + border-left: 1px solid black; + } + + .navbar-top-links { + margin-left: 10px; + } +} + +.navbar-top-links { + margin-right: 5px; + margin-left: 10px; +} + +.navbar-top-links li { + display: inline-block; +} + +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + background-color: black; + opacity: 1; + color: #991f00 ; +} + +.panel-footer { + padding: 10px 15px; + background-color: black; + border-top: 1px solid #e62e00; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +textarea.form-control { + height: auto; + background-color: black; + opacity: 1; + color: #991f00 ; + font-family: monospace; +} +.navbar { + margin-bottom: 0; +} + +.navbar-top-links .dropdown-menu li { + display: block; +} + +.module-content { + padding: 15px 15px; + background-color: black; +} + +.pointer { + cursor: pointer; +} + +.dropdown-menu { + cursor: pointer; +} + +.dropdown-menu-top { + max-height: 300px !important; + overflow-y: auto !important; +} + +@media(max-width:768px) { + .dropdown-menu-top { + margin: auto !important; + position: absolute !important; + background-color: black !important; + word-wrap: break-word !important; + border: 1px solid black !important; + width: 300px !important; + max-width: 300px !important; + } + .dropdown-menu-top li a { + white-space: normal !important; + } + + .dropdown-menu-logout { + max-width: 50px !important; + } +} + +.login-logo { + margin: 0 auto; + padding-bottom: 10px; + max-width: 150px; +} + +.brand-logo { + content: url('/img/logo.png'); + max-height: 30px; + padding-bottom: 5px; +} + +.brand-text::after { + content: "pineapple"; + padding-top: 3px; + padding-left: 5px; + float: right; + color:#991f00 ; +} + +.alert-danger { + color: #991f00 ; + background-color: black; + border-color: #991f00 ; +} + +.panel-title { + background-color:black; + color: #991f00 ; +} + +.panel-default>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #991f00 ; +} + +.panel-body { + background-color:black; + font-family:monospace; +} + +.panel-heading { + background-color:black; +} + +.panel-default>.panel-heading { + color: #991f00 ; + background-color: black; + border-color: #991f00 ; + border-bottom-color: #991f00 ; + border-bottom: #991f00 ; +} + +td { + background-color:black; +} +.nav { + background-color:black; +} +.sidebar-nav.navbar-collapse { + background-color:black; +} +.navbar-default{ + background-color:black; +} +.navbar-static-top { + background-color:black; + border-color: #991f00 ; +} +.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { + font-family: monospace; + background-color: #991f00 ; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + color: black; +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 2px solid #991f00 ; +} +.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #991f00 ; +} + +.modal-content { + position: relative; + background-color: black; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); + box-shadow: 0 3px 9px rgba(0,0,0,.5); +} \ No newline at end of file diff --git a/Themes/css/halflife.css b/Themes/css/halflife.css new file mode 100644 index 0000000..41d94c1 --- /dev/null +++ b/Themes/css/halflife.css @@ -0,0 +1,478 @@ +.truncated { + text-overflow: ellipsis; + overflow: hidden +} + +a { + color:black; + font-family: monospace; +} + +i { + color: black; + font: monospace; +} + +b, strong { + font-weight: 700; + font-family: monospace; +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-family: monospace; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: black; + text-align: center; + background-color: #991f00; + border: 1px solid black; + border-radius: 4px; +} + +.panel-default { + border-color: black; +} + +.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { + border-top: 1px solid black; +} + +.dropdown-menu>li>a { + display:block; + padding: 3px 20px; + clear: both; + font-weight: 400; + line-height: 1.42857143; + color: black; + white-space:nowrap; + background-color: #991f00; + border: black; +} + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: black; + background-color: #991f00; + background-image: none; + border: 1px solid black; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-bottom: 1px solid black; + border-top: 1px solid black; +} + +table { + background-color: #991f00; +} + +.table-responsive { + min-height: .01%; + overflow-x: auto; + background-color: #991f00; +} + +* { + color: black; + border-color: black; + border-top: black; +} +.uppercase { + text-transform: uppercase; +} + +.table-layout-fixed { + table-layout: fixed; +} + +.module-icon { + display: inline; + height: 24px; + width: 24px; +} + +.fixed-addon-width { + min-width: 70px; + text-align: left; +} + +.fixed-addon-width-2 { + min-width: 90px; + text-align: left; +} + + +.fixed-addon-width-3 { + min-width: 110px; + text-align: left; +} + +.fixed-width-200 { + min-width: 200px; +} + +.caret-reversed { + border-top-width: 0; + border-bottom: 4px solid #991f00; +} + +.image-small-18 { + height: 18px; +} + +.center-text { + text-align: center; +} + +.scrollable-pre { + overflow: auto; + word-wrap: normal; + white-space: pre; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + color: black; + word-break: break-all; + word-wrap: break-word; + background-color: #991f00; + border: 1px solid black; + border-radius: 4px; + font-family: monospace; +} + +.log-pre { + max-height: 300px; +} + +.btn-fixed-length { + width: 70px; +} + +.title-message { + margin-left: 10px; + padding-left: 5px; + padding-right: 5px; + height: 9px; + border-radius: 3px; +} + +.padding-left { + margin-left: 10px; +} + +.select-inline { + font-weight: normal; +} + +body { + background-color: #991f00; +} + +.logout { + cursor: pointer; +} + +.module-nav li a { + margin-left: 30px; +} + +.module-nav li:hover { + background-color: #991f00; +} + +.nav>li>a:focus, .nav>li>a:hover { + text-decoration: none; + background-color: #e62e00; +} +.sidebar .sidebar-nav.navbar-collapse { + padding-right: 0; + padding-left: 0; +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #991f00; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); +} + +.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { + background-color: #991f00; +} + +.sidebar ul li { + cursor: pointer; + border-bottom: 1px solid #e62e00; + color:black; +} + +.btn { + background-color: #991f00; + font-family: monospace; +} + +.alert-info { + color: black; + background-color: #991f00; + border-color: black; +} + +p { + color: black; + font-family: monospace; +} + +.text-muted { + color:#e62e00; +} + +.h3 h3 { + color:black; +} +.h2, h2 { + font-size: 30px; + color:black; +} +.h1, h1 { + font-size: 30px; + color:black; +} + +.btn-default { + color:black; + border-color: black; +} + +.btn-default:hover { + color: black; + background-color: black; + border-color: black; +} + +.sidebar .active { + background-color: #13033a; +} + +@media(min-width:768px) { + .sidebar { + z-index: 1; + position: absolute; + width: 250px; + margin-top: 51px; + } + + .module-content { + position: inherit; + margin: 0 0 0 250px; + padding: 15px 30px; + border-left: 1px solid #991f00; + } + + .navbar-top-links { + margin-left: 10px; + } +} + +.navbar-top-links { + margin-right: 5px; + margin-left: 10px; +} + +.navbar-top-links li { + display: inline-block; +} + +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + background-color: #991f00; + opacity: 1; + color: black; +} + +.panel-footer { + padding: 10px 15px; + background-color: #991f00; + border-top: 1px solid #e62e00; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +textarea.form-control { + height: auto; + background-color: #991f00; + opacity: 1; + color: black; + font-family: monospace; +} +.navbar { + margin-bottom: 0; +} + +.navbar-top-links .dropdown-menu li { + display: block; +} + +.module-content { + padding: 15px 15px; + background-color: #991f00; +} + +.pointer { + cursor: pointer; +} + +.dropdown-menu { + cursor: pointer; +} + +.dropdown-menu-top { + max-height: 300px !important; + overflow-y: auto !important; +} + +@media(max-width:768px) { + .dropdown-menu-top { + margin: auto !important; + position: absolute !important; + background-color: #991f00 !important; + word-wrap: break-word !important; + border: 1px solid #991f00 !important; + width: 300px !important; + max-width: 300px !important; + } + .dropdown-menu-top li a { + white-space: normal !important; + } + + .dropdown-menu-logout { + max-width: 50px !important; + } +} + +.login-logo { + margin: 0 auto; + padding-bottom: 10px; + max-width: 150px; +} + +.brand-logo { + content: url('/img/logo.png'); + max-height: 30px; + padding-bottom: 5px; +} + +.brand-text::after { + content: "pineapple"; + padding-top: 3px; + padding-left: 5px; + float: right; + color:black; +} + +.alert-danger { + color: black; + background-color: #991f00; + border-color: black; +} + +.panel-title { + background-color:#991f00; + color: black; +} + +.panel-default>.panel-heading+.panel-collapse>.panel-body { + border-top-color: black; +} + +.panel-body { + background-color:#991f00; + font-family:monospace; +} + +.panel-heading { + background-color:#991f00; +} + +.panel-default>.panel-heading { + color: black; + background-color: #991f00; + border-color: black; + border-bottom-color: black; + border-bottom: black; +} + +td { + background-color:#991f00; +} +.nav { + background-color:#991f00; +} +.sidebar-nav.navbar-collapse { + background-color:#991f00; +} +.navbar-default{ + background-color:#991f00; +} +.navbar-static-top { + background-color:#991f00; + border-color: black; +} +.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { + font-family: monospace; + background-color: black; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + color: #991f00; +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 2px solid black; +} +.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid black; +} + +.modal-content { + position: relative; + background-color: #991f00; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); + box-shadow: 0 3px 9px rgba(0,0,0,.5); +} \ No newline at end of file diff --git a/Themes/js/module.js b/Themes/js/module.js index 7f5bb04..973e109 100644 --- a/Themes/js/module.js +++ b/Themes/js/module.js @@ -437,6 +437,7 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h $scope.throbber = false; log("restoreDefault", "Successful? "+ response.success + ". " + response.message); $scope.working = "Done!"; + $window.location.reload(); }); }; $scope.sendMessage = function (t, m) { diff --git a/Themes/module.html b/Themes/module.html index 370340a..5b46ccb 100644 --- a/Themes/module.html +++ b/Themes/module.html @@ -8,20 +8,25 @@
- +
- + + +
{{ control.title }} -
Current Theme: {{ current }}
-
- Refresh

- - + +
+
Current Theme: {{ current }}
+
-
-
+ +
@@ -211,9 +216,6 @@ ng-click="changeThrobber()">
- - - @@ -238,11 +240,7 @@ ng-click="changeLogo()">
- - - - Icon @@ -266,9 +264,6 @@ ng-click="changeFavicon()"> - - - @@ -296,7 +291,6 @@ ng-options="x for x in colors" ng-value="{{ allcontrastText }}" > - {{ () }} @@ -305,7 +299,6 @@ ng-options="x for x in brightness" ng-value="{{ allcontrastBrightness }}" > - {{ () }} @@ -329,7 +322,6 @@ ng-options="x for x in colors" ng-value="{{ dashboardcontrastText }}" > - {{ () }} @@ -338,7 +330,6 @@ ng-options="x for x in brightness" ng-value="{{ dashboardcontrastBrightness }}" > - {{ () }} @@ -357,7 +348,6 @@ ng-options="x for x in colors" ng-value="{{ reconcontrastText }}" > - {{ () }}