git.m6w6.name Git - awesomized/ext-ion/blob - docs/v0.0/index.css

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