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         -webkit-transform: rotate(45deg);
  47         transform: rotate(45deg);
  48         text-decoration: none;
  49         color: white;
  50         font-weight: bold;
  51         text-shadow: 0 0 5px red;
  52 }
  53
  54 code {
  55         display: inline-block;
  56         border-radius: 2px;
  57         padding: 0px 2px 2px 2px;
  58         background: #e0e0e0;
  59         color: #606060;
  60         box-shadow: 0 0 1px #999;
  61 }
  62
  63 code code {
  64         display: inline;
  65         padding: 0;
  66         background: transparent;
  67         border: none;
  68         box-shadow: none;
  69 }
  70
  71 pre>code {
  72         padding: 1em;
  73 }
  74 pre>code, pre>code code {
  75         background: #333;
  76         color: #eee;
  77 }
  78
  79 p, pre {
  80         margin: 1em 2em;
  81 }
  82
  83 li>p {
  84         margin: 1em 0;
  85 }
  86
  87 blockquote {
  88         border-top: 1px solid #800000;
  89         border-bottom: 1px solid #800000;
  90         background: #ffe4e1;
  91         margin: 2em 0;
  92 }
  93
  94 ul {
  95         margin-bottom: 2em;
  96 }
  97 li {
  98         margin-bottom: .5em;
  99 }
 100 a, h1 code>a {
 101         color: #2f4f4f;
 102 }
 103 a:hover {
 104         text-decoration: none;
 105 }
 106
 107 .var {
 108         color: #800000;
 109 }
 110 .constant {
 111         color: #2e8b57;
 112 }
 113
 114 h1 {
 115         line-height: 1.5;
 116 }
 117 h1 code {
 118         font-weight: normal;
 119         font-size: .9em;
 120         line-height: 1.33;
 121 }
 122
 123 footer, h1, li h3 {
 124         background: #708090;
 125         color: #f5f5dc;
 126 }
 127
 128 footer, h1 {
 129         margin: 0;
 130         padding: 1em;
 131 }
 132
 133 li h3 {
 134         border-radius: 4px;
 135         display: inline-block;
 136         width: auto;
 137         padding: .2em;
 138         margin: .5em 0 0 0;
 139 }
 140
 141 h1 .constant, pre>code .consant, li h3 .constant {
 142         color: #98fb98;
 143 }
 144
 145 h1 .var, pre>code .var, li h3 .var {
 146         color: #f4a460;
 147 }
 148
 149 footer a, h1 a, pre>code a, li h3 a {
 150         color: #b0e0e6;
 151 }
 152
 153 li h3 a {
 154         text-decoration: none;
 155 }
 156 li h3 a:hover {
 157         text-decoration: underline;
 158 }
 159
 160 #disqus_thread {
 161         margin-top: 8em;
 162         margin-right: 2em;
 163 }
 164
 165 footer {
 166         font-size: smaller;
 167         text-align: center;
 168         clear: both;
 169         margin-top: 8em;
 170 }
 171
 172 footer ul {
 173         margin: 0;
 174         padding: 0;
 175 }
 176
 177 footer li {
 178         list-style-type: none;
 179         display: inline-block;
 180         margin: 0 1em;
 181 }
 182
 183 footer a {
 184         text-decoration: none;
 185 }
 186
 187 footer a:hover {
 188         text-decoration: underline;
 189 }