yukkuri.css

   1 html {
   2     background-color: #E2C0F2;
   3     background-image: linear-gradient(#E2C0F2, #F4C7C7 100%);
   4     font-size: 16px;
   5 }
   6
   7 @media (max-width: 320px) {
   8     html { font-size: 10px; }
   9 }
  10
  11 main {
  12     top: 1.5em;
  13 }
  14
  15 [onclick] {
  16     cursor: pointer;
  17     text-decoration: underline;
  18 }
  19
  20 section {
  21     padding: 1em;
  22     box-shadow: 0 0 0 #50257c;
  23     border-radius: 0.3333em;
  24     background-color: white;
  25     font-family: serif;
  26     border-bottom: 0.3333em solid #CE84F2;
  27     border-top: 0.3333em solid #F47E7E;
  28     border-radius: 2em;
  29 }
  30
  31 section:target {
  32     box-shadow: 0 0 0.667em #50257c;
  33 }
  34
  35 section:before {
  36     font-weight: 100;
  37     font-size: 0.8em;
  38     margin-bottom: 1em;
  39 }
  40
  41 header {
  42     z-index: 1;
  43     padding-top: 0.5em;
  44     padding-bottom: 0.5em;
  45     height: 1em;
  46     position: fixed;
  47     left: 0;
  48     right: 0;
  49     background: #9d6bd0;
  50     color: white;
  51     text-align: center;
  52     font-family: sans-serif;
  53 }
  54
  55 header h1 {
  56     display: inline-block;
  57     margin: 0;
  58     padding: 0;
  59     font-size: 1em;
  60 }
  61
  62 header a {
  63     color: white;
  64     text-decoration: none;
  65 }
  66
  67 main a {
  68     color: #50257c;
  69 }
  70
  71 h1, h2 {
  72     font-family: sans-serif;
  73 }
  74
  75 h1 { font-size: 1.5em; font-weight: bold; margin: 0.5em 0; }
  76 h2 { font-size: 1.0em; font-weight: bold; margin: 0; margin-top: 1em; }
  77 p { margin: 0.5em; }
  78 li { margin: 0.5em; }
  79
  80 h1 a {
  81     text-decoration: none;
  82 }
  83
  84 nav {
  85     margin: 0 0.25em;
  86     font-size: 1.125em;
  87     line-height: 1em;
  88 }
  89
  90 section:before {
  91     font-family: sans-serif;
  92 }
  93
  94 pre, code {
  95     font-size: 0.75em;
  96 }
  97
  98 .flipX {
  99     transform: scaleX(-1);
 100     -webkit-transform: scaleX(-1);
 101 }
 102
 103 @media print {
 104     header { position: static; }
 105     html {
 106         background-color: white;
 107         background-image: none;
 108     }
 109     section {
 110         border-left: 0.1667em solid #CE84F2;
 111         border-right: 0.1667em solid #F47E7E;
 112         box-shadow: 0 0 0.667em #50257c;
 113     }
 114 }