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

   1 * {
   2         font-size: 99.9%;
   3 }
   4
   5 html, body{
   6         height: 100%;
   7         min-height: 100%;
   8 }
   9 body, code {
  10         font-family: Inconsolata, 'Courier New', Courier, monospace;
  11 }
  12 body {
  13         line-height: 1.5;
  14         font-size: 1.1em;
  15         margin: 0;
  16         padding: 0;
  17         color: #3f3f3f;
  18 }
  19
  20 div.page {
  21         margin: auto;
  22         max-width: 1200px;
  23         min-height: 100%;
  24         padding-bottom: 5em;
  25         box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
  26 }
  27
  28 div.page>* {
  29         margin-left: 1em;
  30 }
  31 div.page>ul, div.page>div>ul {
  32         margin-left: 2em;
  33 }
  34
  35 .sidebar {
  36         float: right;
  37         background: #f0f0f0;
  38         border-bottom-left-radius: 10px;
  39         padding: 0;
  40         width: auto;
  41         min-width: 200px;
  42         padding-right: 1em;
  43 }
  44 .sidebar>ul {
  45 }
  46 .sidebar ul {
  47         margin-left: 1em;
  48         margin-top: .5em;
  49         padding: 0;
  50         list-style-type: none;
  51 }
  52
  53 .sidebar .edit {
  54         display: block;
  55         position: relative;
  56         top: 2em;
  57         right: 0;
  58         -webkit-transform: rotate(45deg);
  59         transform: rotate(45deg);
  60         text-decoration: none;
  61         font-weight: bold;
  62         text-shadow: 0 0 5px red;
  63         float: right;
  64 }
  65
  66 .sidebar .edit a {
  67         color: white !important;
  68 }
  69 code {
  70         border-radius: 2px;
  71         padding: 0px 2px 2px 2px;
  72         background: #f0f0f0;
  73         color: #606060;
  74         box-shadow: 0 0 1px #999;
  75 }
  76
  77 code code {
  78         display: inline;
  79         padding: 0;
  80         background: transparent;
  81         border: none;
  82         box-shadow: none;
  83 }
  84
  85 pre>code {
  86         display: inline-block;
  87         padding: 1em;
  88         min-width: 50%;
  89         line-height: 1.2;
  90 }
  91
  92 pre>code, pre>code code {
  93         background: #333;
  94         color: #eee;
  95 }
  96
  97 p, pre, table, dl {
  98         margin: 1em 2em;
  99         margin-left: 2em !important;
 100 }
 101
 102 pre>code, table, dl {
 103         margin-bottom: 2em !important;
 104 }
 105
 106 li>p {
 107         margin: 1em 0;
 108 }
 109
 110 blockquote {
 111         border-top: 1px solid #800000;
 112         border-bottom: 1px solid #800000;
 113         background: #ffe4e1;
 114         margin: 2em 0 !important;
 115 }
 116
 117 ul {
 118         margin-top: 1em;
 119         margin-bottom: 2em;
 120 }
 121 li {
 122         margin-bottom: .5em;
 123 }
 124 a, h1 code>a {
 125         color: #2f4f4f;
 126 }
 127 a:hover {
 128         text-decoration: none;
 129 }
 130 a[href^="http:"]:after, a[href^="https:"]:after {
 131         content: " ⬈";
 132 }
 133
 134 a.permalink {
 135         position: relative;
 136         top: 0;
 137         right: 0;
 138         color: #999999;
 139         opacity: 0.25;
 140 }
 141
 142 .var {
 143         color: #800000;
 144 }
 145 .constant {
 146         color: #2e8b57;
 147 }
 148
 149 h1 {
 150         line-height: 1.5;
 151         margin-left: 0 !important;
 152 }
 153 h1 code {
 154         font-weight: normal;
 155         font-size: .9em;
 156         line-height: 1.33;
 157 }
 158
 159 footer, h1, li h3, th {
 160         background: #708090;
 161         color: #f5f5dc;
 162 }
 163
 164 footer, h1 {
 165         margin: 0;
 166         max-width: 1200px;
 167         padding: 1em;
 168 }
 169
 170 li h3 {
 171         border-radius: 4px;
 172         display: inline-block;
 173         width: auto;
 174         padding: .2em;
 175         margin: .5em 0 0 0;
 176 }
 177
 178 div.page>h3, div.page>div>h3 {
 179         margin-left: 1.25em;
 180 }
 181 div.page>h4, div.page>div>h4 {
 182         margin-left: 1.5em;
 183 }
 184 div.page>h5, div.page>div>h5 {
 185         margin-left: 1.75em;
 186 }
 187 div.page>h6, div.page>div>h6 {
 188         margin-left: 2em;
 189 }
 190
 191 h1 .constant, pre>code .consant, li h3 .constant {
 192         color: #98fb98;
 193 }
 194
 195 h1 .var, pre>code .var, li h3 .var {
 196         color: #f4a460;
 197 }
 198
 199 footer a, h1 a, pre>code a, li h3 a {
 200         color: #b0e0e6;
 201 }
 202
 203 li h3 a {
 204         text-decoration: none;
 205 }
 206 li h3 a:hover {
 207         text-decoration: underline;
 208 }
 209
 210 #disqus_thread {
 211         margin-top: 8em;
 212         margin-right: 2em;
 213 }
 214
 215 footer {
 216         font-size: smaller;
 217         text-align: center;
 218         clear: both;
 219         position: fixed;
 220         bottom: 0;
 221         width: 100%;
 222         padding: 0;
 223         margin: 0 !important;
 224 }
 225
 226 footer ul {
 227         margin: 0;
 228         padding: 1em 0;
 229 }
 230
 231 footer li {
 232         list-style-type: none;
 233         display: inline-block;
 234         margin: 0 1em;
 235 }
 236
 237 footer a {
 238         text-decoration: none;
 239 }
 240
 241 footer a:hover {
 242         text-decoration: underline;
 243 }
 244
 245 table {
 246         border-collapse: collapse;
 247 }
 248 th, td {
 249         padding: .4em;
 250 }
 251 dt {
 252         font-weight: bold;
 253         margin-top: 1em;
 254 }
 255 dd {
 256         line-height: 1.33;
 257         margin-left: 1em;
 258 }
 259 h1, footer, table, .sidebar, pre>code, li h3 {
 260         box-shadow: 0 0 4px #708090;
 261 }