Style for phpinfo

body {
    background: #181818 url('https://blagoyar-tishina.inf.ua/img/phpinfo.png') !important;
    background-repeat: repeat-x !important;
    background-repeat: repeat-y !important;
    background-attachment: fixed !important;
    font-weight: normal !important;
    /*  font-family: Arial, sans-serif;*/
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 7px 74px 19px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 7px 74px 19px rgba(0, 0, 0, 1);
    box-shadow: 0px 7px 74px 19px rgba(0, 0, 0, 1);
}
.phpinfo-container {
    width: 100%;
    margin: 20px auto;
    border-radius: 10px;
    position: relative;

}
.center {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    background: #333 !important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.6);
}
.center>table:nth-child(1) {
    border-bottom:3px solid #000;
    margin-bottom:30px;
}
::selection {
  color: #D93939 !important;
}
::-moz-selection {
    background: #C3C3F3 !important;
    color: #3B3B3B !important;
    text-shadow: 2px 2px 2px #000,0 -2px 3px #000,-2px 0 3px #000 !important;
}
.e::-moz-selection {
    background: #C3C3F3 !important;
    color: #B8B8B8 !important;
    text-shadow:2px 2px 2px #fff,0 -2px 3px #fff,-2px 0 3px #fff !important;
}
h1::-moz-selection, h2::-moz-selection, a::-moz-selection {
    background: #E6E6E6 !important;
    color: #B8B8B8 !important;
    text-shadow:2px 2px 2px #fff,0 -2px 3px #fff,-2px 0 3px #fff !important;
}
.p::-moz-selection {
    background:#9999CC !important;
    color:#B8B8B8 !important;
}
tr.h a {
    float: inline-start;
    margin: -30px 0 -35px 70px;
}
a:link {
    color: #ACDB1A !important;
    background:none !important;
}
a:visited {
    color: #89B800 !important;
    background:none !important;
}
pre {
    font-weight: bold !important;
    font-size: 110% !important;
    font-family:'Ubuntu', sans-serif !important;
}
table {
    border-radius:5px !important;
    border-spacing:8px !important;
    border-collapse:separate !important;
    table-layout: fixed;
    width: 100%;

}
.center table:nth-child(3), .center table tr.h th, td {
    width: 100%;
}
hr {
    border: none;
    border-top: 2px solid #000 !important;
}
td, th, h1, h2 {
    font-family:'Ubuntu', sans-serif !important;
}
.h {
    color: #fff !important;
}
.color-FF8000 {
    color: #FF8000 !important;
}
.color-FF8000 {
    color: #FF8000 !important;
}
.color-0000BB {
    color: #0000BB !important;
}
.color-0000BB {
    color: #0000BB !important;
}
.color-000000 {
    color: #000000 !important;
}
.color-000000 {
    color: #000000 !important;
}
.color-007700 {
    color: #007700 !important;
}
.color-007700 {
    color: #007700 !important;
}
.color-DD0000 {
    color: #DD0000 !important;
}
.color-DD0000 {
    color: #DD0000 !important;
}
.available-text {
    color: #AFFFAF !important;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000 !important;
    background:#252525 !important;
    border-radius:3px !important;
    padding:5px !important;
}
.enabled-text {
    color: #9ACD32 !important;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000 !important;
    background:#252525 !important;
    border-radius:3px !important;
    padding:5px !important;
}
.enabled-int {
    color: #9ACD32 !important;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000 !important;
    background:#252525 !important;
    border-radius:3px !important;
    padding: 5px 10px 5px 10px !important;
}
.disabled-text {
    color: #FF7F50 !important;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000 !important;
    background:#252525 !important;
    border-radius:3px !important;
    padding:5px !important;
}
.disabled-int {
    color: #FF7F50 !important;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000 !important;
    background:#252525;
    border-radius:3px !important;
    padding: 5px 10px 5px 10px !important;
}
.no-text {
    color: #666 !important;
    font-size:16px !important;
}
th {
    background-color:rgba(255,255,255, 0.1) !important;
    border:rgba(255,255,255, 0.0) !important;
    border-radius:5px !important;
    text-align:center !important;
    font-size: 110% !important;
    vertical-align:middle !important;
    text-shadow:0px 0px 1px #fff !important;
    box-shadow: 0 0 1px 2px #000 !important;
    padding: 6px 0 6px 0;
}
td {
    text-align:center !important;
    border:none !important;
    border-radius:5px !important;
    vertical-align:middle !important;
    padding: 10px !important;
}
h1:not(.p) {
    font-size:170% !important;
    color:#F07427 !important;
    background-color:#222 !important;
    text-shadow:1px 1px 3px #000,0 -1px 3px #000,-1px 0 3px #000 !important;
    text-align: center !important;
    padding: 20px 0 20px 0 !important;
}
h2:last-child {
    text-align: center !important;
}
h2 {
    font-size:170% !important;
    color:#FFFF87 !important;
    text-shadow:1px 1px 3px #000,0 -1px 3px #000,-1px 0 3px #000 !important;
    padding-left: 10px !important;
}

table td.e + td.v:only-of-type {
    width: 100% !important;
    max-width: 100% !important;
    display: table-cell;
    font-size: 110% !important;
}

/* Для случая, когда их два, оставляем прежнюю ширину */
table td.e + td.v + td.v {
    width: 35.2% !important;
    font-size: 110% !important;
}

td.v {
    word-break: break-word !important; /* Перенос слов */
    white-space: normal !important; /* Позволяет перенос */
    font-weight:bold !important;
    outline:1px dashed #000;
    outline-offset:-2px;
    border-radius:5px !important;
    background-color:rgba(215,215,215, 0.9) !important;
    color:#000 !important;
    text-align:center !important;
    box-shadow:0 0 3px #000 !important;
}
tr.v {
    background:rgba(43,43,114, 0.5) !important;
    box-shadow: 0px 0px 3px 3px rgba(10, 10, 22, 1);
    -webkit-box-shadow: 0px 0px 3px 3px rgba(10, 10, 22, 1);
    -moz-box-shadow: 0px 0px 3px 3px rgba(10, 10, 22, 1);
    text-align:center !important;
    font-weight:bold !important;
    color:#FFF !important;
    border:none !important;
    border-radius:5px !important;
    font-size: 90% !important;
    line-height: 3;
}
tr.v > td > a {
    float: left;
    margin: 45px 0 0 0;
}
td.e {
    width:48% !important;
    color:#fff !important;
    background-color:#151515 !important;
    outline:1px dashed #444;
    outline-offset:-4px;
    border-radius:5px !important;
    box-shadow:0 0 3px #000 !important;
    text-align: left !important;
    font-size: 80% !important;
}
.p {
    text-align:center !important;
    margin: 30px 20px 0px 700px !important;
    border:none !important;
    border-radius:5px !important;
    font-size:170% !important;
    color:#F07427 !important;
    text-shadow:1px 1px 3px #000,0 -1px 3px #000,-1px 0 3px #000 !important;
    text-shadow:0px 0px 5px #000,0 -1px 4px #000,-1px 0 4px #000,0px 0px 10px #000 !important;
}

@media only screen and (max-width: 600px) {

    .phpinfo-container, .center {
        max-width: 100%;
        width: 100vw;
        margin: 0;
        border-radius: 0;
        padding: 10px;
    }
    .center {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        background: #333 !important;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.6);
    }
    table {
    table-layout: fixed;
    width: 100%;
        border-radius: 5px !important;
        border-spacing: 8px !important;
        border-collapse: separate !important;
    }
table td.e + td.v:only-of-type {
    width: 100% !important;
    max-width: 100% !important;
    display: table-cell;
    font-size: 110% !important;
}

/* Для случая, когда их два, оставляем прежнюю ширину */
table td.e + td.v + td.v {
    font-size: 110% !important;
    width: 35.2% !important;
}

    td.v {
        word-break: break-word !important;
        font-weight: bold !important;
        outline: 1px dashed #000;
        outline-offset: -2px;
        border-radius: 5px !important;
        background-color: rgba(215, 215, 215, .9) !important;
        color: #000 !important;
        text-align: center !important;
        box-shadow: 0 0 3px #000 !important;
    }
    .p {
        text-align:center !important;
        margin: 30px 20px 0px 700px !important;
        border:none !important;
        border-radius:5px !important;
        font-size:170% !important;
        color:#F07427 !important;
        text-shadow:1px 1px 3px #000,0 -1px 3px #000,-1px 0 3px #000 !important;
        text-shadow:0px 0px 5px #000,0 -1px 4px #000,-1px 0 4px #000,0px 0px 10px #000 !important;
    }
}