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