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         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         font-size: .9em;
  25         float: right;
  26         background: #f0f0f0;
  27         border-bottom-left-radius: 10px;
  28         padding: 0;
  29         width: auto;
  30         min-width: 200px;
  31         padding-right: 1em;
  32 }
  33 .sidebar>ul {
  34 }
  35 .sidebar ul {
  36         margin-left: 1em;
  37         margin-top: .5em;
  38         padding: 0;
  39         list-style-type: none;
  40 }
  41
  42 .sidebar .edit {
  43         display: block;
  44         position: absolute;
  45         top: 2em;
  46         right: 0.5em;
  47         -webkit-transform: rotate(45deg);
  48         transform: rotate(45deg);
  49         text-decoration: none;
  50         color: white;
  51         font-weight: bold;
  52         text-shadow: 0 0 5px red;
  53 }
  54
  55 code {
  56         display: inline-block;
  57         border-radius: 2px;
  58         padding: 0px 2px 2px 2px;
  59         background: #e0e0e0;
  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         padding: 1em;
  74         min-width: 50%;
  75 }
  76 pre>code, pre>code code {
  77         background: #333;
  78         color: #eee;
  79 }
  80
  81 p, pre, table {
  82         margin: 1em 2em 2em 2em;
  83 }
  84
  85 li>p {
  86         margin: 1em 0;
  87 }
  88
  89 blockquote {
  90         border-top: 1px solid #800000;
  91         border-bottom: 1px solid #800000;
  92         background: #ffe4e1;
  93         margin: 2em 0;
  94 }
  95
  96 ul {
  97         margin-bottom: 2em;
  98 }
  99 li {
 100         margin-bottom: .5em;
 101 }
 102 a, h1 code>a {
 103         color: #2f4f4f;
 104 }
 105 a:hover {
 106         text-decoration: none;
 107 }
 108 a[href^="http:"]:after, a[href^="https:"]:after {
 109         content: " ⬈";
 110 }
 111
 112 .var {
 113         color: #800000;
 114 }
 115 .constant {
 116         color: #2e8b57;
 117 }
 118
 119 h1 {
 120         line-height: 1.5;
 121 }
 122 h1 code {
 123         font-weight: normal;
 124         font-size: .9em;
 125         line-height: 1.33;
 126 }
 127
 128 footer, h1, li h3, th {
 129         background: #708090;
 130         color: #f5f5dc;
 131 }
 132
 133 footer, h1 {
 134         margin: 0;
 135         padding: 1em;
 136 }
 137
 138 li h3 {
 139         border-radius: 4px;
 140         display: inline-block;
 141         width: auto;
 142         padding: .2em;
 143         margin: .5em 0 0 0;
 144 }
 145
 146 body>h3, body>div>h3 {
 147         margin-left: 2em;
 148 }
 149
 150 h1 .constant, pre>code .consant, li h3 .constant {
 151         color: #98fb98;
 152 }
 153
 154 h1 .var, pre>code .var, li h3 .var {
 155         color: #f4a460;
 156 }
 157
 158 footer a, h1 a, pre>code a, li h3 a {
 159         color: #b0e0e6;
 160 }
 161
 162 li h3 a {
 163         text-decoration: none;
 164 }
 165 li h3 a:hover {
 166         text-decoration: underline;
 167 }
 168
 169 #disqus_thread {
 170         margin-top: 8em;
 171         margin-right: 2em;
 172 }
 173
 174 footer {
 175         font-size: smaller;
 176         text-align: center;
 177         clear: both;
 178         position: fixed;
 179         bottom: 0;
 180         width: 100%;
 181         padding: 0;
 182 }
 183
 184 footer ul {
 185         margin: 0;
 186         padding: 1em 0;
 187 }
 188
 189 footer li {
 190         list-style-type: none;
 191         display: inline-block;
 192         margin: 0 1em;
 193 }
 194
 195 footer a {
 196         text-decoration: none;
 197 }
 198
 199 footer a:hover {
 200         text-decoration: underline;
 201 }
 202
 203 table {
 204         border-collapse: collapse;
 205 }
 206 th, td {
 207         padding: .4em;
 208 }
 209
 210 h1, footer, table, .sidebar, pre>code, li h3 {
 211         box-shadow: 0 0 4px #708090;
 212 }