���ѧۧݧ�ӧ�� �ާ֧ߧ֧էا֧� - ���֧էѧܧ�ڧ��ӧѧ�� - /home/rickpfrv/status.rickard.co/css/main.css
���ѧ٧ѧ�
img { height: auto; max-width: 100%; } a { padding: 0; margin: 0; text-decoration: none; } a:hover, a:focus { text-decoration: none; color: #3566a8; } .centered { text-align: center } .navbar { padding-top: 5px; margin-bottom: 0px; } .navbar-brand { padding: 10px 15px; } .navbar-default .navbar-nav > li > a { color: #f5f4f4; font-size: 1em; } .navbar-default .navbar-nav > li > a:hover { color: #a7a7a7; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: transparent; } .navbar-collapse { background: #2f60a3; } .navbar-default { z-index: 200; background-color: #2f60a3; border-color: transparent; border-radius: 0px; height: 77px; } .admins_color h4 { color: #3a72bd; font-weight: bold; } .navbar-right { margin-top: 15px; } .navbar-left { margin-top: 8px; } div.center { margin-left: auto; margin-right: auto; } #wrapper { max-width: 900px; min-height: calc(100vh - 157px); padding-right: 15px; padding-left: 15px } #status-container { border-radius: 5px; border: 1px solid #e0e0e0; } #status-container .item:last-child { border: none; } #status-container .item { border-bottom: 1px solid #e0e0e0; } .service { float: left; box-sizing: border-box; padding: 15px 35px; font-weight: bold; font-size: 1.1em; font-family: 'Fira Sans', sans-serif; } body a h1 { font-size: 1.3em; margin: 0; line-height: 1.3em } .status { float: right; box-sizing: border-box; padding: 15px 35px; text-align: right; font-size: 1.05em; font-family: 'Fira Sans', sans-serif; } .status.success { color: #2fcc66; } .status.warning { color: #edaa16; } .status.danger { color: #e74c3c; } .status.primary { color: #3A72BD; } .panel-success { border-color: #388E3C; } .navbar-header .btn { margin-top: 15px; margin-right: 10px } .panel-warning { border-color: #FFC400; } .panel-danger { border-color: #e74c3c; } .panel-success .panel-heading, #status-big.success { background: #2fcc66; border-color: rgba(0, 0, 0, 0.1); } .panel-warning .panel-heading, #status-big.warning { background: #FFC400; border-color: rgba(0, 0, 0, 0.1); } .panel-danger .panel-heading, #status-big.danger { background: #e74c3c; border-color: rgba(0, 0, 0, 0.1); } #status-big.primary { background: #3A72BD; } #wrapper .panel-heading { color: white; } #status-big { width: 100%; margin-bottom: 15px; float: none; color: white; text-align: left; padding: 15px; border-radius: 5px; font-size: 1.3em; font-family: 'Fira Sans', sans-serif; } .timeline { position: relative; padding: 0 0px 10px; margin-top: 4px; } .timeline .line { position: absolute; width: 2px; display: block; background: #c2c2c2; top: 0px; bottom: 0px; margin-left: 31px; } .timeline .panel { position: relative; margin: 10px 0px 21px 70px; clear: both; } .timeline .panel::before { position: absolute; display: block; top: 8px; left: -24px; content: ''; width: 0px; height: 0px; border: inherit; border-width: 12px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .timeline .panel .panel-heading.icon * { /*This shouldn't be relative in size...*/ font-size: 20px; vertical-align: middle; line-height: 40px; } .timeline .panel .panel-heading.icon { position: absolute; left: -59px; display: block; width: 40px; height: 40px; padding: 0px; border-radius: 50%; text-align: center; float: left; } .timeline .panel-outline { border-color: transparent; background: transparent; box-shadow: none; } .timeline .panel-outline .panel-body { padding: 10px 0px; } .timeline .panel-outline .panel-heading:not(.icon), .timeline .panel-outline .panel-footer { display: none; } .timeline .line::before { top: -4px; } .timeline .line::before { content: ''; position: absolute; left: -4px; width: 10px; height: 10px; display: block; border-radius: 50%; background: #c2c2c2; } .panel-heading h2 { display: inline-block; } /* Footer */ #footerwrap { min-height: 60px; padding-top: 15px; padding-bottom: 10px; background: #2f60a3; } #footerwrap a { color: #6daddc; } #footerwrap a:hover { color: #a4ceea; } #footerwrap p { color: #e5e5e5; margin-top: 4px; } #footerwrap h4 { color: white; } #footerwrap i { font-size: 1.7em; color: #ebebeb; padding-right: 15px; } #footerwrap i:hover { color: #c5c5c5; } #footerwrap .col-md-4, #footerwrap .col-md-8 { color: #e5e5e5; margin-top: 4px; } #footerwrap .col-md-4 { margin-top: 2px; } @media (max-width: 991px) { body #footerwrap .col-md-8, #footerwrap .col-md-4 { text-align: center; } } #timeline { padding-top: 50px } #timeline h3 { margin-top: 40px; padding-left: 70px; margin-bottom: 15px } #login-form { max-width: 500px; padding-top: 20px } .navbar-right.navbar-admin { margin-top: 10px } .panel-footer input, .panel-heading input { background: transparent; border: none; border-bottom: 1px solid #777; } .panel-footer input.error, .panel-heading input.error { border-bottom: 1px solid red; color: red; } input, textarea { outline: none } /*Stupid chrome can't have this in one selector...*/ body .panel-heading input::-webkit-input-placeholder { color: white; } body .panel-heading input::-moz-placeholder { color: white; } body .panel-heading input:-ms-input-placeholder { color: white; } body .panel-heading input:-moz-placeholder { color: white; } body .panel-heading input::placeholder { color: white; } .panel.panel-primary input#title { width: 50%; } #time input { max-width: 100% } .panel.panel-primary #time { display: inline-block; float: right; width: 40%; max-width: 40% } .panel.panel-primary input#title { width: 50%; max-width: 50% } .panel:not(.panel-primary) input#title { width: 100%; } .panel:not(.panel-primary) #time, .panel:not(.panel-primary) #end_time_wrapper { display: none; } #time::-moz-placeholder, #title::-moz-placeholder { opacity: 1; } .panel-body textarea { width: 100%; background: transparent; border: none; resize: vertical; min-height: 100px } #type { max-width: 200px; margin-left: 70px } #wrapper.admin #timeline { padding-top: 0 } #wrapper.admin #timeline .service { padding-left: 15px } #wrapper.admin #timeline .service input[type=checkbox] { margin-right: 4px; margin-top: 0; vertical-align: middle; } body.admin table td { word-break: break-all; } section { padding-top: 20px; } section h3 { margin: 0; margin-bottom: 20px; line-height: 34px; } i.success { color: #2fcc66; } i.danger { color: #e74c3c; } .col-md-2 strong { line-height: 34px } .table-responsive { width: 100%; } .col-md-6 { line-height: 34px } .margin-top { margin-top: 10px } #status-container.error input { box-shadow: 0px 0 2px 1px rgba(255, 0, 0, 1) } .delete { margin-left: 5px; font-size: 1.2em; color: white; line-height: 25px } .delete:hover, .delete:focus { color: #EEE } .new-service { width: 40%; min-width: 250px; } .delete-service { color: red; font-size: 1em } .service label { margin-bottom: 0 } .install { padding-bottom: 25px } .install .btn { margin-top: 30px } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } #footerwrap .dropdown-menu { background: #337ab7 } #footerwrap .dropdown-menu a { color: white; width: 100%; padding: 2px 5px; display: block; transition: 125ms ease-in-out background-color; background-color: #337ab7 } #footerwrap .dropdown-menu a:hover { background-color: #2f8ad8; } #footerwrap .btn-group.dropup img { max-height: 20px; max-width: 25px; margin-right: 5px; vertical-align: middle; } .col-md-4.text-left, .col-md-4.text-right { line-height: 2.5; } .dropup hr.divider { margin: 2px; border: 1px; } body .h1, body .h2, body .h3, body h1, body h2, body h3 { margin-top: 18px; } .md-checkbox { position: relative; margin: 16px 0; text-align: left; } .md-checkbox.md-checkbox-inline { display: inline-block; } .md-checkbox label { cursor: pointer; } .md-checkbox label:before, .md-checkbox label:after { content: ""; position: absolute; left: 0; top: 0; } .md-checkbox label:before { width: 20px; height: 20px; background: #fff; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 2px; cursor: pointer; transition: background .3s; } .md-checkbox input[type="checkbox"] { outline: 0; margin-right: 10px; visibility: hidden; } .md-checkbox input[type="checkbox"]:checked + label:before { background: #FFC371; border: none; } .md-checkbox input[type="checkbox"]:checked + label:after { transform: rotate(-45deg); top: 5px; left: 4px; width: 12px; height: 6px; border: 2px solid #fff; border-top-style: none; border-right-style: none; } .md-checkbox input[type="checkbox"]:disabled + label:before { border-color: rgba(0, 0, 0, 0.26); } .md-checkbox input[type="checkbox"]:disabled:checked + label:before { background: rgba(0, 0, 0, 0.26); } *, *:before, *:after { box-sizing: border-box; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .panel-body { padding: 15px } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .list-group+.panel-footer { border-top-width: 0 } .panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom: 0 } .panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-right: 15px; padding-left: 15px } .panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 3px } .panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } .panel>.table-responsive { margin-bottom: 0; border: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd } .panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #337ab7 } .panel-primary>.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #337ab7 } .panel-primary>.panel-heading .badge { color: #337ab7; background-color: #fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #337ab7 } .panel-success { border-color: #388E3C } .panel-success>.panel-heading { color: #3c763d; background-color: #388E3C; border-color: #388E3C } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #388E3C } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1 } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #FFC400 } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #FFC400; border-color: #FFC400 } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #FFC400 } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #FFC400 } .panel-danger { border-color: #e53935 } .panel-danger>.panel-heading { color: #a94442; background-color: #e53935; border-color: #e53935 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #e53935 } .panel-danger>.panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #e53935 } .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | ���֧ߧ֧�ѧ�ڧ� ����ѧߧڧ��: 0 |
proxy
|
phpinfo
|
���ѧ����ۧܧ�