git.m6w6.name Git - mdref/mdref/blob - public/index.css

   1 * {
   2         font-size: 99.9%;
   3 }
   4
   5 body, code {
   6         font-family: Inconsolata, Monospace, 'Courier New', Courier, monospace;
   7 }
   8 body {
   9         font-size: 1.5em;
  10         margin: 0;
  11         padding: 0;
  12         color: #3f3f3f;
  13 }
  14
  15 body>* {
  16         margin-left: 1em;
  17 }
  18 body>ul {
  19         margin-left: 2em;
  20 }
  21
  22 .sidebar {
  23         font-size: .9em;
  24         float: right;
  25         background: #f0f0f0;
  26         border-bottom-left-radius: 10px;
  27         padding: 0;
  28         width: auto;
  29         min-width: 200px;
  30         padding-right: 1em;
  31 }
  32 .sidebar>ul {
  33 }
  34 .sidebar ul {
  35         margin-left: 1em;
  36         margin-top: .5em;
  37         padding: 0;
  38         list-style-type: none;
  39 }
  40
  41 .sidebar .edit {
  42         display: block;
  43         position: absolute;
  44         top: 2em;
  45         right: 0.5em;
  46         transform: rotate(45deg);
  47         text-decoration: none;
  48         color: white;
  49         font-weight: bold;
  50         text-shadow: 0 0 5px red;
  51 }
  52
  53 code {
  54         display: inline-block;
  55         border-radius: 2px;
  56         padding: 0px 2px 2px 2px;
  57         background: #e0e0e0;
  58         color: #606060;
  59         box-shadow: 0 0 1px #999;
  60 }
  61
  62 code code {
  63         display: inline;
  64         padding: 0;
  65         background: transparent;
  66         border: none;
  67         box-shadow: none;
  68 }
  69
  70 pre>code {
  71         padding: 1em;
  72 }
  73 pre>code, pre>code code {
  74         background: #333;
  75         color: #eee;
  76 }
  77
  78 p, pre {
  79         margin: 1em 2em;
  80 }
  81
  82 li>p {
  83         margin: 1em 0;
  84 }
  85
  86 blockquote {
  87         border-top: 1px solid #800000;
  88         border-bottom: 1px solid #800000;
  89         background: #ffe4e1;
  90         margin: 2em 0;
  91 }
  92
  93 ul {
  94         margin-bottom: 2em;
  95 }
  96 li {
  97         margin-bottom: .5em;
  98 }
  99 a, h1 code>a {
 100         color: #2f4f4f;
 101 }
 102 a:hover {
 103         text-decoration: none;
 104 }
 105
 106 .var {
 107         color: #800000;
 108 }
 109 .constant {
 110         color: #2e8b57;
 111 }
 112
 113 h1 {
 114         line-height: 1.5;
 115 }
 116 h1 code {
 117         font-weight: normal;
 118         font-size: .9em;
 119         line-height: 1.33;
 120 }
 121
 122 footer, h1, li h3 {
 123         background: #708090;
 124         color: #f5f5dc;
 125 }
 126
 127 footer, h1 {
 128         margin: 0;
 129         padding: 1em;
 130 }
 131
 132 li h3 {
 133         border-radius: 4px;
 134         display: inline-block;
 135         width: auto;
 136         padding: .2em;
 137         margin: .5em 0 0 0;
 138 }
 139
 140 h1 .constant, pre>code .consant, li h3 .constant {
 141         color: #98fb98;
 142 }
 143
 144 h1 .var, pre>code .var, li h3 .var {
 145         color: #f4a460;
 146 }
 147
 148 footer a, h1 a, pre>code a, li h3 a {
 149         color: #b0e0e6;
 150 }
 151
 152 li h3 a {
 153         text-decoration: none;
 154 }
 155 li h3 a:hover {
 156         text-decoration: underline;
 157 }
 158
 159 #disqus_thread {
 160         margin-top: 8em;
 161         margin-right: 2em;
 162 }
 163
 164 footer {
 165         font-size: smaller;
 166         text-align: center;
 167         clear: both;
 168         margin-top: 8em;
 169 }
 170
 171 footer ul {
 172         margin: 0;
 173         padding: 0;
 174 }
 175
 176 footer li {
 177         list-style-type: none;
 178         display: inline-block;
 179         margin: 0 1em;
 180 }
 181
 182 footer a {
 183         text-decoration: none;
 184 }
 185
 186 footer a:hover {
 187         text-decoration: underline;
 188 }