- /* This controls the width of the fixed width layouts */
- .fixed {
- width: 960px !important;
- }
- /* Fonts */
- @font-face {
- font-family: "Prompt";
- font-style: normal;
- font-weight: 400;
- src: local("Prompt Regular"), local("Prompt-Regular"), url(../fonts/Prompt-Regular.ttf) format("truetype");
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
- @font-face {
- font-family: "Prompt";
- font-style: normal;
- font-weight: 400;
- src: local("Prompt Regular"), local("Prompt-Regular"), url(../fonts/Prompt-Regular.ttf) format("truetype");
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
- @font-face {
- font-family: 'Prompt';
- font-style: normal;
- font-weight: 500;
- src: local("Prompt Medium"), local("Prompt-Medium"), url(../fonts/Prompt-Medium.ttf) format("truetype");
- unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
- @font-face {
- font-family: 'Prompt';
- font-style: normal;
- font-weight: 500;
- src: local("Prompt Medium"), local("Prompt-Medium"), url(../fonts/Prompt-Medium.ttf) format("truetype");
- unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
- @font-face {
- font-family: "Prompt";
- font-style: normal;
- font-weight: 700;
- src: local("Prompt Bold"), local("Prompt-Bold"), url(../fonts/Prompt-Bold.ttf) format("truetype");
- unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
- @font-face {
- font-family: "Prompt";
- font-style: normal;
- font-weight: 700;
- src: local("Prompt Bold"), local("Prompt-Bold"), url(../fonts/Prompt-Bold.ttf) format("truetype");
- unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
- /* Basic Stuff */
- * {
- margin: 0;
- }
- html {
- height: 100vh;
- }
- body {
- background-color: rgb(54, 54, 54);
- font-family: "Prompt", sans-serif;
- font-size: 9pt;
- color: #363636;
- }
- h1, h2, h3, h4, h5, h6 {
- font-size: 20px;
- font-weight: normal;
- letter-spacing: -1px;
- text-align: left;
- }
- br.clear {
- clear: both;
- }
- img {
- padding: 3px;
- }
- a {
- text-decoration: underline;
- color: #ff2e52;
- }
- a:hover {
- text-decoration: none;
- }
- p {
- line-height: 1.8em;
- }
- hr {
- margin: 0.3em 0 0.3em 0;
- }
- iframe {
- border: 0;
- }
- .pull-right {
- float: right !important;
- }
- /* Header */
- #header {
- margin: 0 auto;
- }
- /* Logo */
- #logo {
- height: 65px;
- margin-top: 1em;
- }
- #logo h1 {
- color: #eeeeee;
- font-size: 3.5em;
- font-weight: bold;
- }
- #logo h1 a {
- color: inherit;
- text-decoration: none;
- }
- /* Main */
- .bigbox {
- margin: 0 auto;
- margin-top: 0.5em;
- padding: 1.5em 2em 0 2em;
- background: #eee;
- border: 2px solid black;
- border-radius: 3px 3px 3px 3px;
- }
- #main_inner {
- padding-bottom: 1.5em;
- }
- #main_inner p {
- text-align: justify;
- margin-bottom: 2em;
- }
- #main_inner ul {
- margin-bottom: 2em;
- }
- #main_inner h1 {
- font-size: 1.8em;
- margin-bottom: 1em;
- }
- #main_inner .post {
- border: 1px solid silver;
- padding: 1em 2em 1em 2em;
- margin-bottom: 1em;
- clear: both;
- }
- #main_inner .post h2 {
- border-bottom: dotted 1px #e1e1e1;
- font-size: 1.6em;
- margin-bottom: 1em;
- }
- #main_header > * {
- display: inline-block;
- vertical-align: baseline;
- }
- #main_header > span {
- margin-left: 0.8em;
- }
- #main_header img {
- padding: 0;
- }
- #footer {
- height: 2.5em;
- margin-bottom: 1.5em;
- padding-bottom: 0.5em;
- }
- #footer a {
- color: inherit;
- text-decoration: none;
- }
- #footer a:hover {
- text-decoration: underline;
- }
- #traffic {
- float: right;
- min-width: 20em;
- line-height: 32px;
- }
- /* Menu */
- #cssmenu {
- padding-top: 0;
- font-weight: 500;
- height: 32px;
- }
- #cssmenu a {
- color: #363636;
- display: inline-block;
- line-height: 32px;
- padding: 0 1em;
- text-decoration: none;
- }
- #cssmenu ul {
- list-style: none;
- padding: 0;
- }
- #cssmenu > ul > li {
- display: inline-block;
- }
- #cssmenu > ul > li.active a, #cssmenu > ul > li:hover > a {
- color: #eeeeee;
- background: #363636;
- }
- #cssmenu .has-sub:hover > ul {
- display: block;
- }
- #cssmenu .has-sub ul {
- display: none;
- position: absolute;
- z-index: 1;
- }
- #cssmenu .has-sub ul li a {
- min-width: 12em;
- background: #eeeeee;
- color: #363636;
- display: block;
- line-height: 40%;
- padding: 12px 5px;
- border: 1px solid black;
- }
- #cssmenu .has-sub ul li:hover a {
- color: #eeeeee;
- background: #363636;
- }
- /* This decorates all tables with class="tbl" */
- table {
- *border-collapse: collapse; /* IE7 and lower */
- border-spacing: 0;
- }
- .tbl th {
- color: #eeeeee;
- border-top: 1px solid #363636;
- border-bottom: 1px solid #363636;
- background: #363636;
- padding-left: 0.5em;
- padding-right: 0.5em;
- }
- .tbl th:first-child {
- border-left: 1px solid #363636;
- border-top: 1px solid #363636;
- border-bottom: 1px solid #363636;
- }
- .tbl th:last-child {
- border-right: 1px solid #363636;
- border-top: 1px solid #363636;
- border-bottom: 1px solid #363636;
- }
- .tbl th:only-child {
- border: 1px solid #363636;
- }
- .tbl td {
- padding: 0.25em 0.5em;
- }
- .tbl tr td:first-child {
- border-left: 1px solid #363636;
- }
- .tbl tr td:last-child {
- border-right: 1px solid #363636;
- }
- .tbl tr:first-child td {
- border-top: 1px solid #363636;
- }
- .tbl tr:last-child td:only-child {
- border-bottom: 1px solid #363636;
- }
- .tbl tr:last-child td:first-child {
- border-bottom: 1px solid #363636;
- }
- .tbl tr:last-child td:last-child {
- border-bottom: 1px solid #363636;
- }
- .tbl tr:last-child td {
- border-bottom: 1px solid #363636;
- }
- table.fw-nat tbody tr td {
- height: 2.25em;
- }
- /* RRD graph images */
- div.rrdimage > ul {
- list-style-type: none;
- margin: 0;
- display: flex;
- justify-content: center;
- }
- .rrdimage li:not(:first-child)::before {
- content: "-";
- padding: 0 0.3em;
- }
- .rrdimage button {
- padding: 0.3em;
- font-weight: 700;
- color: #ff2e52;
- border: none;
- background: none;
- cursor: pointer;
- text-decoration: none;
- }
- .rrdimage button:focus {
- outline: none;
- box-shadow: none;
- }
- .rrdimage button.selected {
- text-decoration: underline;
- }
- div.rrdimage > img {
- padding: 0;
- max-width: 100%;
- min-height: 290px;
- }
Recent Pastes