assets/css/default.scss

   1 @import "include/env";
   2 @import "include/post";
   3 @import "include/syntax";
   4 @import "include/tag";
   5
   6 body {
   7   /* font-size:0.750em; */
   8   color:black;
   9   font-family:sans-serif;
  10   font-size:9pt;
  11   line-height: 1.4em;
  12   line-height:1.4;/*em*/
  13   margin: auto;
  14   max-width: 45em;
  15   //min-width: 20em;
  16   padding: 1em;
  17   //margin:2ex auto;
  18   //width:650px;
  19   > header {
  20     h1 {
  21       //font-size: 2.2em;
  22       font-size: 100%;
  23       font-weight: bold;
  24     }
  25     h2 {
  26       //font-size: 1.1em;
  27       font-size: 100%;
  28       font-weight: normal;
  29     }
  30     a, a:hover {
  31       color: black;
  32       text-decoration: none;
  33     }
  34   }
  35   > footer {
  36     text-align: center;
  37     border-top: 1px solid black;
  38     margin-top: 10px;
  39   }
  40 }
  41
  42 h1, h2, h3, h4, h5, h6 {
  43   line-height: 1.1em;
  44   font-family: Helvetica, Arial, sans-serif;
  45 }
  46
  47 p {
  48   margin-bottom: 1.2em;
  49   -webkit-hyphens: auto;
  50   -moz-hyphens: auto;
  51   -ms-hyphens: auto;
  52   hyphens: auto;
  53   color: #333;
  54   //margin:0 0 0 0;
  55   //padding:0 0 0 0;
  56 }
  57 ul, ol, dl {
  58   margin:0 0 0 0;
  59   padding:0 0 0 0;
  60 }
  61 li {
  62   margin-left:1em;
  63   text-align:justify;
  64 }
  65 q:after, q:before { content:""; }
  66 cite { font-style:normal; }
  67 blockquote {
  68   position: relative;
  69   font-style: italic;
  70   margin: 1ex 1em;
  71 }
  72
  73 a {
  74   //color:#C4451D;
  75   //text-decoration:none;
  76 }
  77 a:active {
  78   //color:red !important;
  79   //text-decoration:underline;
  80 }
  81 a:empty {
  82   margin:0 0 0 0 !important;
  83   padding:0 0 0 0 !important;
  84 }
  85 @media screen {
  86   a:hover {
  87     //background-color:#F4F2E2 !important;
  88     //color:#C4451D !important;
  89     //text-decoration:underline !important;
  90   }
  91   a:visited {
  92     //color:rgb(171,105,84);
  93   }
  94 }
  95
  96 menu {
  97   padding: 0;
  98   margin: 0;
  99 }
 100
 101 nav {
 102   text-align: center;
 103   border-top: 1px solid black;
 104   border-bottom: 1px solid black;
 105   padding-top: 10px;
 106   padding-bottom: 10px;
 107   a {
 108     color: #000;
 109     text-decoration: none;
 110     padding: 0 2em;
 111     &:hover {
 112       color: #808080;
 113       text-decoration: none;
 114     }
 115   }
 116 }
 117
 118 article {
 119   > header {
 120     p {
 121     }
 122   }
 123   h1 {
 124   }
 125   h2 {
 126   }
 127 }
 128
 129 .figure .caption {
 130   font-style: italic;
 131 }
 132 .print-only {
 133   display:none;
 134 }
 135 @media print {
 136   .no-print { display:none; }
 137   span.print-only { display:inline !important; }
 138   div.print-only { display:block !important; }
 139 }
 140 @page:first {
 141   @top-center {
 142     content:normal;
 143   }
 144   @top-left {
 145     content:normal;
 146   }
 147   @top-right {
 148     content:normal;
 149   }
 150 }
 151
 152 span.hi { background-color:yellow; }
 153 em {
 154   font-style:toggle(italic, normal);
 155  }
 156 code, pre, samp {
 157   background-color:#F4F2E2;
 158   font-family:monospace;
 159   font-size:90%;
 160   margin:0 0 0 0;
 161   /* page-break-inside:avoid; */
 162   white-space:pre-line;
 163   overflow-x: auto;
 164 }
 165 pre {
 166   white-space:pre;
 167 }
 168 @media print {
 169   pre {
 170     white-space:pre-wrap;
 171   }
 172 }
 173 span.sc { font-variant:small-caps; }
 174 sup { font-size:80%; }
 175 sub { font-size:80%; }