www.mtkn.jp

Manuscripts for my personal webpage.
git clone https://git.mtkn.jp/www.mtkn.jp
Log | Files | Refs | LICENSE

style.css (1326B)

      1 :root {
      2 	--dbg:  #000000;
      3 	--dbg2: #000000;
      4 	--dfg:  #ffffff;
      5 	--dfg2: #80ff80;
      6 	--lbg:  #ffffff;
      7 	--lbg2: #ffffff;
      8 	--lfg:  #000000;
      9 	--lfg2: #009900;
     10 }
     11 
     12 a {
     13 	text-decoration: none;
     14 }
     15 
     16 i {
     17 	font-style: italic;
     18 }
     19 
     20 figure {
     21 	padding: 1em;
     22 	overflow-x: auto;
     23 }
     24 
     25 figcaption {
     26 	font-style: italic;
     27 }
     28 
     29 table {
     30 	border-collapse: collapse;
     31 }
     32 
     33 table th,
     34 table td {
     35 	border: 1px solid;
     36 }
     37 
     38 img {
     39 	max-width: 100%;
     40 }
     41 
     42 code {
     43 }
     44 
     45 pre {
     46 	padding: 1em;
     47 	border-style: solid;
     48 	border-radius: 5px;
     49 	border-width: 1px;
     50 	overflow-x: auto;
     51 }
     52 
     53 body {
     54 	font-family: serif;
     55 	max-width: 1100px;
     56 	margin: 5px auto;
     57 }
     58 
     59 header {
     60 	padding: 5px;
     61 	border-bottom: 1px solid;
     62 }
     63 
     64 header a {
     65 	word-break: keep-all;
     66 }
     67 
     68 main {
     69 	padding: 5px;
     70 }
     71 
     72 footer {
     73 	padding: 5px;
     74 	border-top: 1px solid;
     75 }
     76 
     77 footer *{
     78 	display: inline;
     79 }
     80 
     81 @media (prefers-color-scheme: dark) {
     82 	html {
     83 		background-color: var(--dbg);
     84 		color: var(--dfg);
     85 	}
     86 	a {
     87 		color: var(--dfg2);
     88 	}
     89 	pre {
     90 		background-color: var(--dbg2);
     91 		border-color: var(--dfg);
     92 	}
     93 }
     94 
     95 @media (prefers-color-scheme: light) {
     96 	html {
     97 		background-color: var(--lbg);
     98 		color: var(--lfg);
     99 	}
    100 	a {
    101 		color: var(--lfg2);
    102 	}
    103 	pre {
    104 		background-color: var(--lbg2);
    105 		border-color: var(--lfg);
    106 	}
    107 }
    108 
    109 .portrait {
    110 	margin: 10px;
    111 }
    112 
    113 .farm-journal-item {
    114 	margin: 30px auto;
    115 }
    116 
    117 .farm-journal-date time{
    118 	font-size: x-small;
    119 }