www.mtkn.jp

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

style.css (1503B)

      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: 1300px;
     56 	margin: 0px auto;
     57 	display: flex;
     58 	flex-direction: column;
     59 	min-height: 100vh;
     60 }
     61 
     62 header {
     63 	padding: 5px;
     64 	border-bottom: 1px solid;
     65 }
     66 
     67 header a {
     68 	word-break: keep-all;
     69 }
     70 
     71 main {
     72 	padding: 5px;
     73 	flex-grow: 1;
     74 }
     75 
     76 footer {
     77 	padding: 5px;
     78 	border-top: 1px solid;
     79 }
     80 
     81 footer *{
     82 	display: inline;
     83 }
     84 
     85 @media (prefers-color-scheme: dark) {
     86 	html {
     87 		background-color: var(--dbg);
     88 		color: var(--dfg);
     89 	}
     90 	a {
     91 		color: var(--dfg2);
     92 	}
     93 	pre {
     94 		background-color: var(--dbg2);
     95 		border-color: var(--dfg);
     96 	}
     97 }
     98 
     99 @media (prefers-color-scheme: light) {
    100 	html {
    101 		background-color: var(--lbg);
    102 		color: var(--lfg);
    103 	}
    104 	a {
    105 		color: var(--lfg2);
    106 	}
    107 	pre {
    108 		background-color: var(--lbg2);
    109 		border-color: var(--lfg);
    110 	}
    111 }
    112 
    113 .portrait {
    114 	margin: 10px;
    115 }
    116 
    117 .farm-journal-item {
    118 	margin: 30px auto;
    119 }
    120 
    121 .farm-journal-date time{
    122 	font-size: x-small;
    123 }
    124 
    125 .galind {
    126 	display: flex;
    127 	flex-wrap: wrap;
    128 	list-style: none;
    129 }
    130 
    131 .galind li {
    132 	max-width: 300px;
    133 }