diff --git a/public/themes/pterodactyl/css/pterodactyl.css b/public/themes/pterodactyl/css/pterodactyl.css index a4e4c4cf7..b367ce50c 100644 --- a/public/themes/pterodactyl/css/pterodactyl.css +++ b/public/themes/pterodactyl/css/pterodactyl.css @@ -482,3 +482,300 @@ label.control-label > span.field-optional:before { padding: 15px 10px 0; } + +/* ******* + + > Version v0.8 + +******* */ + +body { + color: #cad1d8; +} + +.fixed .main-header { + box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08); +} + +.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { + background-color: #181f27; + box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08); +} + +.skin-blue .main-header .logo { + background-color: #1f2933; + color: #9aa5b1; +} + +.skin-blue .main-header .navbar .sidebar-toggle { + color: #9aa5b1; +} + +.skin-blue .main-header .navbar .nav>li>a { + color: #9aa5b1; +} + +.skin-blue .sidebar-menu>li.header { + color: #444a5d; + background: #0e111582; +} + +.skin-blue .main-header .navbar { + background-color: #1f2933; +} + +.skin-blue .main-header .navbar .sidebar-toggle:hover { + background-color: #1c252e; +} + +.skin-blue .main-header .logo:hover { + background-color: #1c252e; +} + +.main-footer { + background: #1f2933; + color: #9aa5b1; + border-top: 1px solid #1f2933; +} + +.skin-blue .sidebar-menu>li.active>a { + border-left-color: #099aa5; +} + +.text-gray { + color: #9aa5b1 !important; +} + +.text-muted { + color: #9aa5b1 !important; +} + +.content-wrapper { + background-color: #33404d; +} + +.btn-success { + background-color: #189a1c; + border-color: #0f8513; +} + +.btn.btn-green:hover { + background-color: #0f8513; + border-color: #0e7717; +} + +.btn-primary { + background-color: #0967d3; + border-color: #0550b3; +} + +.btn.btn-primary:hover { + background-color: #0550b3; + border-color: #0345a0; +} + +.box { + box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08) !important; + background: #3f4d5a; + border-top: 3px solid #1f2933; +} + +.box-header { + color: #cad1d8; + background: #1f2933; +} + +.box-header.with-border { + border-bottom: 1px solid #1f2933; +} + +.box.box-success { + border-top-color: #1f2933; +} + +.box.box-primary { + border-top-color: #1f2933; +} + +.box.box-default { + border-top-color: #1f2933; +} + +.box.box-danger { + border-top-color: #1f2933; +} + +.box-footer { + border-top: 1px solid #4d5b69; + background-color: #3f4d5a; +} +.content-header>.breadcrumb>li>a { + color: #cad1d8; +} + +.breadcrumb>.active { + color: #cad1d8; +} + +.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { + color: #cad1d8; +} + +.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { + border-top: 1px solid #4d5b69; +} + +.table>thead>tr>th { + border-bottom: 2px solid #4d5b69; +} + +.table-hover>tbody>tr:hover { + background-color: #33404d; +} + +a { + color: #007eff; +} + +.nav-tabs-custom { + background: #1f2933; +} + +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: #099aa5; +} + +.nav-tabs-custom>.nav-tabs>li.active>a { + border-top-color: transparent; + border-left-color: #15161c; + border-right-color: #15161c; + background: #13181e; +} + +.nav-tabs-custom>.nav-tabs>li>a { + color: #9aa5b1; +} + +.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a { + color: #9aa5b1; +} + +input.form-control { + padding: .75rem; + background-color: #515f6c; + border-width: 1px; + border-color: #606d7b; + border-radius: .25rem; + color: #cad1d8; + box-shadow: none; + -webkit-transition: border .15s linear,box-shaodw .15s ease-in; + transition: border .15s linear,box-shaodw .15s ease-in; +} + +textarea.form-control { + padding: .75rem; + background-color: #515f6c; + border-width: 1px; + border-color: #606d7b; + border-radius: .25rem; + color: #cad1d8; + box-shadow: none; + -webkit-transition: border .15s linear,box-shaodw .15s ease-in; + transition: border .15s linear,box-shaodw .15s ease-in; +} + +.input-group .input-group-addon { + border-color: #606d7b; + background-color: #515f6c; + color: #cad1d8; +} + +.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { + border: 1px solid #606d7b; +} + +.select2-container--default .select2-selection--single { + background-color: #515f6c; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: #cad1d8; +} + +.select2-container--default .select2-selection--multiple { + background-color: #515f6c; +} + +.select2-container--default .select2-selection--multiple { + border: 1px solid #606d7b; + border-radius: 0; +} +code { + background-color: #515f6c; + color: #999; + border: 1px solid rgba(0, 0, 0, .25); +} + +.btn-default { + background-color: #33404d; + color: #cad1d8; + border-color: #606d7b; +} + +.select2-results__option { + background-color: #b5bcc1; + color: #444; +} + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: #3c8dbc; +} + +.modal-body { + background: #3f4d5a; +} + +.modal-header { + background: #3f4d5a; + border-bottom-color: #4d5b69; +} + +.modal-footer { + background: #3f4d5a; + border-top-color: #4d5b69; +} + +@media (max-width: 991px) { + .content-header>.breadcrumb { + background: #1f2933 !important; + } +} + +.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a { + background-color: #101216; +} + +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + color: #fff; +} + +.select2-dropdown { + background-color: #515f6c; + border: 1px solid #606d7b; +} +.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { + border-color: #d2d6de !important; + background-color: #515f6c; +} + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: #099aa5; +} + +a { + color: #099aa5; +} + +a:hover { + color: #0967d3; +}