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, 'Inconsolata Awesome', 'Andale Mono', Monaco, '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         padding-bottom: 1em;
  44         margin-bottom: 1em;
  45 }
  46 .sidebar>ul {
  47 }
  48 .sidebar ul {
  49         margin-left: 1em;
  50         margin-top: .5em;
  51         margin-bottom: 0;
  52         padding: 0;
  53         list-style-type: none;
  54 }
  55
  56 .sidebar .edit {
  57         display: block;
  58         position: relative;
  59         top: 2em;
  60         right: 0;
  61         -webkit-transform: rotate(45deg);
  62         transform: rotate(45deg);
  63         text-decoration: none;
  64         font-weight: bold;
  65         text-shadow: 0 0 5px red;
  66         float: right;
  67 }
  68
  69 .sidebar .edit a {
  70         color: white !important;
  71 }
  72 code {
  73         border-radius: 2px;
  74         padding: 0px 2px 2px 2px;
  75         background: #f0f0f0;
  76         color: #606060;
  77         box-shadow: 0 0 1px #999;
  78 }
  79
  80 code code {
  81         display: inline;
  82         padding: 0;
  83         background: transparent;
  84         border: none;
  85         box-shadow: none;
  86 }
  87
  88 pre>code {
  89         display: inline-block;
  90         padding: 1em;
  91         min-width: 50%;
  92         line-height: 1.2;
  93 }
  94
  95 pre>code, pre>code code {
  96         background: #333;
  97         color: #eee;
  98 }
  99
 100 p, pre, table, dl {
 101         margin: 1em 2em;
 102         margin-left: 2em !important;
 103 }
 104
 105 pre>code, table, dl {
 106         margin-bottom: 2em !important;
 107 }
 108
 109 li>p {
 110         margin: 1em 0;
 111 }
 112
 113 blockquote {
 114         border-top: 1px solid #800000;
 115         border-bottom: 1px solid #800000;
 116         background: #ffe4e1;
 117         margin: 2em 0 !important;
 118 }
 119
 120 ul {
 121         margin-top: 1em;
 122         margin-bottom: 2em;
 123 }
 124 ol {
 125         list-style-type: none;
 126 }
 127 ol ul {
 128         margin-top: 0;
 129         margin-bottom: 0;
 130 }
 131 ol li {
 132         margin-bottom: 0;
 133 }
 134 ol>li {
 135         font-weight: bold;
 136         margin-bottom: .5em;
 137 }
 138 ol>li>* {
 139         font-weight: normal;
 140 }
 141 li {
 142         margin-bottom: .5em;
 143 }
 144 a, h1 code>a {
 145         color: #2f4f4f;
 146 }
 147 a:hover {
 148         text-decoration: none;
 149 }
 150 a[href^="http:"]:after, a[href^="https:"]:after {
 151         content: " ⬈";
 152 }
 153
 154 a.permalink {
 155         position: relative;
 156         top: 0;
 157         right: 0;
 158         color: #999999;
 159         opacity: 0.25;
 160 }
 161
 162 .var {
 163         color: #800000;
 164 }
 165 .constant {
 166         color: #2e8b57;
 167 }
 168
 169 h1, li h3, th, footer {
 170         background: #708090;
 171         color: #f5f5dc;
 172 }
 173
 174 h1, footer {
 175         margin: 0;
 176         max-width: 1200px;
 177         padding: 1em;
 178 }
 179
 180 h1 {
 181         line-height: 1.5;
 182         margin-left: 0 !important;
 183         padding-left: 2em;
 184 }
 185 h1 code {
 186         font-weight: normal;
 187         font-size: .9em;
 188         line-height: 1.33;
 189 }
 190 h1 a.permalink {
 191         left: -.8em;
 192         margin-right: -.6em;
 193 }
 194
 195 li h3 {
 196         border-radius: 4px;
 197         display: inline-block;
 198         width: auto;
 199         padding: .2em;
 200         margin: .5em 0 0 0;
 201 }
 202
 203 div.page>h3, div.page>div>h3 {
 204         margin-left: 1.25em;
 205 }
 206 div.page>h4, div.page>div>h4 {
 207         margin-left: 1.5em;
 208 }
 209 div.page>h5, div.page>div>h5 {
 210         margin-left: 1.75em;
 211 }
 212 div.page>h6, div.page>div>h6 {
 213         margin-left: 2em;
 214 }
 215
 216 h1 .constant, pre>code .consant, li h3 .constant {
 217         color: #98fb98;
 218 }
 219
 220 h1 .var, pre>code .var, li h3 .var {
 221         color: #f4a460;
 222 }
 223 h1 {
 224         font-size: 125%;
 225 }
 226 h2 {
 227         font-size: 120%;
 228 }
 229 h3 {
 230         font-size: 110%;
 231 }
 232 h4 {
 233         font-size: 100%;
 234 }
 235 footer a, h1 a, pre>code a, li h3 a {
 236         color: #b0e0e6;
 237 }
 238 li h3 {
 239         font-size: 100%;
 240 }
 241 li h3 a {
 242         text-decoration: none;
 243 }
 244 li h3 a:hover {
 245         text-decoration: underline;
 246 }
 247
 248 #disqus_thread {
 249         margin-top: 8em;
 250         margin-right: 2em;
 251 }
 252
 253 footer {
 254         font-size: smaller;
 255         text-align: center;
 256         clear: both;
 257         position: fixed;
 258         bottom: 0;
 259         width: 100%;
 260         padding: 0;
 261         margin: 0 !important;
 262 }
 263
 264 footer ul {
 265         margin: 0;
 266         padding: 1em 0;
 267 }
 268
 269 footer li {
 270         list-style-type: none;
 271         display: inline-block;
 272         margin: 0 1em;
 273 }
 274
 275 footer a {
 276         text-decoration: none;
 277 }
 278
 279 footer a:hover {
 280         text-decoration: underline;
 281 }
 282
 283 table {
 284         border-collapse: collapse;
 285 }
 286 th, td {
 287         padding: .4em;
 288         border-bottom: 1px solid rgba(112, 128, 144, 0.1);
 289 }
 290 dt {
 291         font-weight: bold;
 292         margin-top: 1em;
 293 }
 294 dd {
 295         line-height: 1.33;
 296         margin-left: 1em;
 297 }
 298 h1, footer, table, .sidebar, pre>code, li h3 {
 299         box-shadow: 0 0 4px #708090;
 300 }