CSS 9
Ipfire dark CSS File By siosios on 20th February 2024 03:51:22 PM
  1.  
  2. /* This controls the width of the fixed width layouts */
  3.  
  4. .fixed {
  5.         width: 960px !important;
  6. }
  7.  
  8. /* Fonts */
  9.  
  10. @font-face {
  11.         font-family: "Prompt";
  12.         font-style: normal;
  13.         font-weight: 400;
  14.         src: local("Prompt Regular"), local("Prompt-Regular"), url(../fonts/Prompt-Regular.ttf) format("truetype");
  15.         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;
  16. }
  17.  
  18. @font-face {
  19.         font-family: "Prompt";
  20.         font-style: normal;
  21.         font-weight: 400;
  22.         src: local("Prompt Regular"), local("Prompt-Regular"), url(../fonts/Prompt-Regular.ttf) format("truetype");
  23.         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;
  24. }
  25.  
  26. @font-face {
  27.         font-family: 'Prompt';
  28.         font-style: normal;
  29.         font-weight: 500;
  30.         src: local("Prompt Medium"), local("Prompt-Medium"), url(../fonts/Prompt-Medium.ttf) format("truetype");
  31.         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;
  32. }
  33.  
  34. @font-face {
  35.         font-family: 'Prompt';
  36.         font-style: normal;
  37.         font-weight: 500;
  38.         src: local("Prompt Medium"), local("Prompt-Medium"), url(../fonts/Prompt-Medium.ttf) format("truetype");
  39.         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;
  40. }
  41.  
  42. @font-face {
  43.         font-family: "Prompt";
  44.         font-style: normal;
  45.         font-weight: 700;
  46.         src: local("Prompt Bold"), local("Prompt-Bold"), url(../fonts/Prompt-Bold.ttf) format("truetype");
  47.         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;
  48. }
  49.  
  50. @font-face {
  51.         font-family: "Prompt";
  52.         font-style: normal;
  53.         font-weight: 700;
  54.         src: local("Prompt Bold"), local("Prompt-Bold"), url(../fonts/Prompt-Bold.ttf) format("truetype");
  55.         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;
  56. }
  57.  
  58. /* Basic Stuff */
  59.  
  60. * {
  61.         margin: 0;
  62. }
  63.  
  64. html {
  65.         height: 100vh;
  66. }
  67.  
  68. body {
  69.         background-color: rgb(54, 54, 54);
  70.  
  71.         font-family: "Prompt", sans-serif;
  72.         font-size: 9pt;
  73.  
  74.         color: #363636;
  75. }
  76.  
  77. h1, h2, h3, h4, h5, h6 {
  78.         font-size: 20px;
  79.         font-weight: normal;
  80.         letter-spacing: -1px;
  81.         text-align: left;
  82. }
  83.  
  84. br.clear {
  85.         clear: both;
  86. }
  87.  
  88. img {
  89.         padding: 3px;
  90. }
  91.  
  92. a {
  93.         text-decoration: underline;
  94.         color: #ff2e52;
  95. }
  96.  
  97. a:hover {
  98.         text-decoration: none;
  99. }
  100.  
  101. p {
  102.         line-height: 1.8em;
  103. }
  104.  
  105. hr {
  106.         margin: 0.3em 0 0.3em 0;
  107. }
  108.  
  109. iframe {
  110.         border: 0;
  111. }
  112.  
  113. .pull-right {
  114.         float: right !important;
  115. }
  116.  
  117. /* Header */
  118.  
  119. #header {
  120.         margin: 0 auto;
  121. }
  122.  
  123. /* Logo */
  124.  
  125. #logo {
  126.         height: 65px;
  127.         margin-top: 1em;
  128. }
  129.  
  130. #logo h1 {
  131.         color: #eeeeee;
  132.         font-size: 3.5em;
  133.         font-weight: bold;
  134. }
  135.  
  136. #logo h1 a {
  137.         color: inherit;
  138.         text-decoration: none;
  139. }
  140.  
  141. /* Main */
  142.  
  143. .bigbox {
  144.         margin: 0 auto;
  145.         margin-top: 0.5em;
  146.         padding: 1.5em 2em 0 2em;
  147.         background: #eee;
  148.         border: 2px solid black;
  149.         border-radius: 3px 3px 3px 3px;
  150. }
  151.  
  152. #main_inner {
  153.         padding-bottom: 1.5em;
  154. }
  155.  
  156. #main_inner p {
  157.         text-align: justify;
  158.         margin-bottom: 2em;
  159. }
  160.  
  161. #main_inner ul {
  162.         margin-bottom: 2em;
  163. }
  164.  
  165. #main_inner h1 {
  166.         font-size: 1.8em;
  167.         margin-bottom: 1em;
  168. }
  169.  
  170. #main_inner .post {
  171.         border: 1px solid silver;
  172.         padding: 1em 2em 1em 2em;
  173.         margin-bottom: 1em;
  174.         clear: both;
  175. }
  176.  
  177. #main_inner .post h2 {
  178.         border-bottom: dotted 1px #e1e1e1;
  179.         font-size: 1.6em;
  180.         margin-bottom: 1em;
  181. }
  182.  
  183. #main_header > * {
  184.         display: inline-block;
  185.         vertical-align: baseline;
  186. }
  187.  
  188. #main_header > span {
  189.         margin-left: 0.8em;
  190. }
  191.  
  192. #main_header img {
  193.         padding: 0;
  194. }
  195.  
  196. #footer {
  197.         height: 2.5em;
  198.         margin-bottom: 1.5em;
  199.         padding-bottom: 0.5em;
  200. }
  201.  
  202. #footer a {
  203.         color: inherit;
  204.         text-decoration: none;
  205. }
  206.  
  207. #footer a:hover {
  208.         text-decoration: underline;
  209. }
  210.  
  211. #traffic {
  212.         float: right;
  213.         min-width: 20em;
  214.         line-height: 32px;
  215. }
  216.  
  217. /* Menu */
  218. #cssmenu {
  219.         padding-top: 0;
  220.         font-weight: 500;
  221.         height: 32px;
  222. }
  223.  
  224. #cssmenu a {
  225.         color: #363636;
  226.         display: inline-block;
  227.         line-height: 32px;
  228.         padding: 0 1em;
  229.         text-decoration: none;
  230. }
  231.  
  232. #cssmenu ul {
  233.         list-style: none;
  234.         padding: 0;
  235. }
  236.  
  237. #cssmenu > ul > li {
  238.         display: inline-block;
  239. }
  240.  
  241. #cssmenu > ul > li.active a, #cssmenu > ul > li:hover > a {
  242.         color: #eeeeee;
  243.         background: #363636;
  244. }
  245.  
  246. #cssmenu .has-sub:hover > ul {
  247.         display: block;
  248. }
  249.  
  250. #cssmenu .has-sub ul {
  251.         display: none;
  252.         position: absolute;
  253.         z-index: 1;
  254. }
  255.  
  256. #cssmenu .has-sub ul li a {
  257.         min-width: 12em;
  258.         background: #eeeeee;
  259.         color: #363636;
  260.         display: block;
  261.         line-height: 40%;
  262.         padding: 12px 5px;
  263.         border: 1px solid black;
  264. }
  265.  
  266. #cssmenu .has-sub ul li:hover a {
  267.         color: #eeeeee;
  268.         background: #363636;
  269. }
  270.  
  271. /* This decorates all tables with class="tbl" */
  272.  
  273. table {
  274.         *border-collapse: collapse; /* IE7 and lower */
  275.         border-spacing: 0;
  276. }
  277.  
  278. .tbl th {
  279.         color: #eeeeee;
  280.         border-top: 1px solid #363636;
  281.         border-bottom: 1px solid #363636;
  282.         background: #363636;
  283.         padding-left: 0.5em;
  284.         padding-right: 0.5em;
  285. }
  286.  
  287. .tbl th:first-child {
  288.         border-left: 1px solid #363636;
  289.         border-top: 1px solid #363636;
  290.         border-bottom: 1px solid #363636;
  291. }
  292.  
  293. .tbl th:last-child {
  294.         border-right: 1px solid #363636;
  295.         border-top: 1px solid #363636;
  296.         border-bottom: 1px solid #363636;
  297. }
  298.  
  299. .tbl th:only-child {
  300.         border: 1px solid #363636;
  301. }
  302.  
  303. .tbl td {
  304.         padding: 0.25em 0.5em;
  305. }
  306.  
  307. .tbl tr td:first-child {
  308.         border-left: 1px solid #363636;
  309. }
  310.  
  311. .tbl tr td:last-child {
  312.         border-right: 1px solid #363636;
  313. }
  314.  
  315. .tbl tr:first-child td {
  316.         border-top: 1px solid #363636;
  317. }
  318.  
  319. .tbl tr:last-child td:only-child {
  320.         border-bottom: 1px solid #363636;
  321. }
  322.  
  323. .tbl tr:last-child td:first-child {
  324.         border-bottom: 1px solid #363636;
  325. }
  326.  
  327. .tbl tr:last-child td:last-child {
  328.         border-bottom: 1px solid #363636;
  329. }
  330.  
  331. .tbl tr:last-child td {
  332.         border-bottom: 1px solid #363636;
  333. }
  334.  
  335. table.fw-nat tbody tr td {
  336.         height: 2.25em;
  337. }
  338.  
  339. /* RRD graph images */
  340.  
  341. div.rrdimage > ul {
  342.         list-style-type: none;
  343.         margin: 0;
  344.         display: flex;
  345.         justify-content: center;
  346. }
  347.  
  348. .rrdimage li:not(:first-child)::before {
  349.         content: "-";
  350.         padding: 0 0.3em;
  351. }
  352.  
  353. .rrdimage button {
  354.         padding: 0.3em;
  355.         font-weight: 700;
  356.         color: #ff2e52;
  357.         border: none;
  358.         background: none;
  359.         cursor: pointer;
  360.         text-decoration: none;
  361. }
  362.  
  363. .rrdimage button:focus {
  364.         outline: none;
  365.         box-shadow: none;
  366. }
  367.  
  368. .rrdimage button.selected {
  369.         text-decoration: underline;
  370. }
  371.  
  372. div.rrdimage > img {
  373.         padding: 0;
  374.         max-width: 100%;
  375.         min-height: 290px;
  376. }

N/U PasteBin е място за публикуване на код или текст за по-лесно отстраняване на грешки.

Влез или се Регистрай за да редактираш, изтриваш или преглеждаш хронология на твоето публикувано съдържание

Raw Paste

Влез или се Регистрирай за да редактираш или задържиш това съдържание.