style.css - kloeckner.com.ar - a backup of my entire webpage

style.css (8846B) - raw
   1 * {
   2     overflow-y: unset;
   3 }
   4 
   5 /* Avoid showing the background of the scrollbar when the content is small enough */
   6 html {
   7     margin-left: calc(100vw - 100%);
   8     margin-right: 0;
   9 }
  10 
  11 body {
  12     color: #000;
  13     background-color: #fff;
  14     font-family: inconsolata, monospace;
  15     font-size: 14px;
  16     max-width: 65em;
  17     margin-left: auto;
  18     margin-right: auto;
  19     margin-bottom: 10em;
  20     margin-top: 1em;
  21 }
  22 
  23 footer {
  24     color: grey;
  25     padding: 2em;
  26     text-align: center;
  27 }
  28 
  29 h1, h2, h3, h4, h5, h6 {
  30     font-size: 1em;
  31     margin: 0;
  32 }
  33 
  34 img, h1, h2 {
  35     vertical-align: middle;
  36 }
  37 
  38 img {
  39     border: 0;
  40 }
  41 
  42 ul {
  43     padding-left: 1em;
  44 }
  45 
  46 a:target {
  47     background-color: #ccc;
  48 }
  49 
  50 a.d, a.h, a.i, a.line {
  51     text-decoration: none;
  52 }
  53 
  54 #entry {
  55     cursor: pointer;
  56 }
  57 
  58 #last-commit {
  59     white-space: nowrap;
  60     text-align: right;
  61 }
  62 
  63 #index,
  64 #log,
  65 #refs,
  66 #commit-summary,
  67 #commit-diff {
  68     width: 100%;
  69     border: 1px dashed #505050;
  70     padding: 1em;
  71     border-radius: .5em;
  72     margin-top: 1em;
  73 }
  74 
  75 #refs h2,
  76 #refs td {
  77     padding: 0 0.4em;
  78 }
  79 
  80 #files {
  81     min-width: 100%;
  82     border: 1px dashed #505050;
  83     padding: 1em;
  84     border-radius: .5em;
  85     margin-top: 1em;
  86 }
  87 
  88 #dir-files {
  89     min-width: 100%;
  90     border: 1px dashed #505050;
  91     padding: 1em;
  92     margin-top: 0em;
  93     border-radius: .5em;
  94     border-top-left-radius: 0;
  95     border-top-right-radius: 0;
  96     border-top: none;
  97 }
  98 
  99 #file-mode {
 100     width: 120px;
 101 }
 102 
 103 #readme {
 104     border: 1px dashed #505050;
 105     padding: 2em;
 106     margin-top: 1em;
 107     border-radius: .5em;
 108 }
 109 
 110 #readme p {
 111     line-height: 1.25;
 112 }
 113 
 114 #readme-hr, #owner {
 115     display: none;
 116 }
 117 
 118 #main-name, #repo-name {
 119     font-size: 1.5em;
 120 }
 121 
 122 #dir-name {
 123     font-weight: bolder;
 124 }
 125 
 126 #dir-title {
 127     border: 1px dashed #505050;
 128     padding: 1em 1.48em;
 129     margin-bottom: 0;
 130     margin-top: 1em;
 131     border-top-left-radius: .5em;
 132     border-top-right-radius: .5em;
 133 }
 134 
 135 #binary-file {
 136     border: 1px dashed #505050;
 137     padding: 1em;
 138     margin-top: 0;
 139     border-radius: .5em;
 140     border-top-left-radius: 0;
 141     border-top-right-radius: 0;
 142 }
 143 
 144 #repo-top-buttons {
 145     padding: 1em .4em 0em .4em;
 146 }
 147 
 148 #log-date,
 149 #log-author {
 150     white-space: nowrap;
 151 }
 152 
 153 #legends td,
 154 #header-table td {
 155     padding: 0 0.4em;
 156 }
 157 
 158 #blob {
 159     border: 1px dashed #505050;
 160     padding-top: 1em;
 161     margin-top: 0;
 162     border-radius: .5em;
 163     border-top-left-radius: 0;
 164     border-top-right-radius: 0;
 165 }
 166 
 167 #blob a {
 168     color: #555;
 169 }
 170 
 171 a {
 172     color: #a04a00;
 173     text-decoration: none;
 174 }
 175 
 176 a:hover {
 177     color: crimson;
 178     text-decoration: underline;
 179 }
 180 
 181 #dir-size a, #dir-size a:hover {
 182     display: block;
 183     color: #fff;
 184     text-decoration: none;
 185 }
 186 
 187 #name a,
 188 #dir-name a,
 189 #file-name a,
 190 .dir, .dir:hover,
 191 #log-summary a {
 192     display: block;
 193     text-decoration: none;
 194     padding: 2em 2.4em;
 195     margin: -2em;
 196     color: #a04a00;
 197 }
 198 
 199 
 200 #file-size a,
 201 #file-mode a,
 202 #description a,
 203 #last-commit a,
 204 #owner a,
 205 #log-date a,
 206 #log-author a,
 207 #log-files a {
 208     display: block;
 209     text-decoration: none;
 210     padding: 2em 2.4em;
 211     margin: -2em;
 212     color: #000;
 213 }
 214 
 215 #file-mode a:hover ,
 216 #description a:hover,
 217 #last-commit a:hover,
 218 #owner a:hover,
 219 #log-date a,
 220 #log-author a,
 221 #log-files a {
 222     text-decoration: none;
 223     color: #000;
 224 }
 225 
 226 #blob a:hover {
 227     color: #a04a00;
 228     text-decoration: none;
 229 }
 230 
 231 table thead td {
 232     font-weight: bold;
 233 }
 234 
 235 #content table td {
 236     vertical-align: top;
 237     /* white-space: nowrap; */
 238 }
 239 
 240 td {
 241     overflow: hidden;
 242 }
 243 
 244 #branches tr:hover td,
 245 #tags tr:hover td,
 246 #index tr:hover td,
 247 #log tr:hover td,
 248 #files tr:hover td,
 249 #dir-files tr:hover td {
 250     background-color: #eee;
 251 }
 252 
 253 #legends tr:hover td {
 254     background-color: #fff;
 255 }
 256 
 257 #index tr td:nth-child(2),
 258 #tags tr td:nth-child(3),
 259 #branches tr td:nth-child(3),
 260 #log tr td:nth-child(2) {
 261     white-space: normal;
 262 }
 263 
 264 td.num {
 265     text-align: right;
 266 }
 267 
 268 .desc {
 269     color: #555;
 270 }
 271 
 272 .main-desc {
 273     color: #555;
 274     font-size: 1.10em;
 275 }
 276 
 277 hr {
 278     border: 0;
 279     border-top: 1px dashed #505050;
 280     height: 1px;
 281     margin: 1em 0;
 282 }
 283 
 284 pre {
 285     font-family: monospace;
 286     overflow-x: auto;
 287     padding-bottom: 2em;
 288 }
 289 
 290 pre a.h {
 291     color: #00a;
 292 }
 293 
 294 .A, span.i, pre a.i {
 295     color: #070;
 296 }
 297 
 298 .D, span.d, pre a.d {
 299     color: #e00;
 300 }
 301 
 302 pre a.h:hover, pre a.i:hover, pre a.d:hover {
 303     text-decoration: none;
 304 }
 305 
 306 #openfile-name {
 307     padding: 0 0.4em;
 308     border: 1px dashed #505050;
 309     padding: 1em;
 310     border-top-left-radius: .5em;
 311     border-top-right-radius: .5em;
 312     border-bottom: none;
 313     margin-bottom: 0;
 314 }
 315 
 316 #readme h1 {
 317     font-size: 1.75em;
 318 }
 319 
 320 #readme    h2 {
 321     font-size: 1.5em;
 322     padding: .5em 0em;
 323 }
 324 
 325 #readme h3 {
 326     font-size: 1.25em;
 327     text-align: left;
 328 
 329     padding-top: .5em;
 330     padding-bottom: .5em;
 331 }
 332 
 333 #readme h4 {
 334     padding-top: .5em;
 335     text-align: left;
 336 }
 337 
 338 #readme h5 {
 339     padding-bottom: .25em;
 340     font-size: 1em;
 341 }
 342 
 343 #readme code {
 344     font-family: "Ubuntu Mono", monospace;
 345     background-color: rgba(110,118,129,0.2);
 346     padding: .1em .4em;
 347     margin: 0;
 348     border-radius: 6px;
 349     white-space: nowrap;
 350 }
 351 
 352 #readme pre {
 353     text-align: left;
 354 
 355     padding-top: .5em;
 356     padding-bottom: .5em;
 357     padding-left: .75em;
 358     padding-right: .75em;
 359     border-radius: .2em;
 360     background-color: rgba(110,118,129,0.2);
 361     width: auto;
 362     display: block;
 363     margin-left: auto;
 364     margin-right: auto;
 365     margin-top: .25em;
 366     margin-bottom: 1.25em;
 367     overflow: auto;
 368 }
 369 
 370 #readme pre code {
 371     background: rgba(0,0,0,0);
 372     padding: 0;
 373     margin: 0;
 374     border-radius: 0;
 375     white-space: inherit;
 376 }
 377 
 378 #readme img {
 379     max-width: 100%;
 380     display: block;
 381     margin-left: auto;
 382     margin-right: auto;
 383     border-radius: .25em;
 384     padding: 1em 0em;
 385 }
 386 
 387 @media (prefers-color-scheme: dark) {
 388     body {
 389         background-color: #141414;
 390         /* color: #bdbdbd; */
 391         color: antiquewhite;
 392         width: 100%;
 393     }
 394 
 395     a {
 396         color: peru;
 397     }
 398 
 399     #dir-size a,
 400     #dir-size a:hover {
 401         color: #141414;
 402     }
 403 
 404     #file-mode a,
 405     #file-size a,
 406     #description a,
 407     #last-commit a,
 408     #owner a,
 409     #log-date a,
 410     #log-author a,
 411     #log-files a {
 412         /* color: #bdbdbd; */
 413         color: antiquewhite;
 414     }
 415 
 416     #file-mode a:hover,
 417     #file-size a:hover,
 418     #description a:hover,
 419     #last-commit a:hover,
 420     #owner a:hover,
 421     #log-date a:hover,
 422     #log-author a:hover,
 423     #log-files a:hover {
 424         /* color: #bdbdbd; */
 425         color: antiquewhite;
 426         text-decoration: none;
 427     }
 428     a:target {
 429         background-color: #222;
 430     }
 431     .desc {
 432         color: antiquewhite;
 433     }
 434     #blob a {
 435         color: #555;
 436     }
 437     #blob a:target {
 438         color: #eee;
 439     }
 440     #blob a:hover {
 441         color: peru;
 442     }
 443     pre a.h {
 444         color: #00cdcd;
 445     }
 446     .A,
 447     span.i,
 448     pre a.i {
 449         color: #00cd00;
 450     }
 451     .D,
 452     span.d,
 453     pre a.d {
 454         color: #cd0000;
 455     }
 456     #branches tr:hover td,
 457     #tags tr:hover td,
 458     #index tr:hover td,
 459     #log tr:hover td,
 460     #files tr:hover td,
 461     #dir-files tr:hover td {
 462         background-color: #000;
 463     }
 464 
 465     #legends tr:hover td {
 466         background: #141414;
 467     }
 468 
 469     #name a,
 470     #dir-name a,
 471     #file-name a,
 472     .dir, .dir:hover,
 473     #log-summary a {
 474         color: peru;
 475     }
 476 }
 477 
 478 @media (max-width: 800px) {
 479     body {
 480         font-size: 16px;
 481         max-width: 97%;
 482     }
 483     #owner {
 484         display: none;
 485     }
 486     #content table td {
 487         padding-left: 0;
 488         white-space: break-spaces;
 489         vertical-align: bottom;
 490     }
 491     #name {
 492         display: block;
 493         font-size: 1.25em;
 494         font-weight: bold;
 495     }
 496     #description {
 497         display: block;
 498         width: 100%;
 499         padding: 0;
 500     }
 501     #last-commit {
 502         display: block;
 503         padding: .25em 0 1em 0;
 504         padding-left: 0px;
 505         font-size: .85em;
 506         color: gray;
 507         text-align: left;
 508     }
 509     #last-commit a {
 510         color: gray;
 511     }
 512     #index #legends {
 513         display: none;
 514     }
 515     a {
 516         text-decoration: none;
 517         overflow-wrap: break-word;
 518     }
 519     #name a {
 520         display: block;
 521         font-weight: bold;
 522         text-decoration: none;
 523     }
 524 
 525     #name a,
 526     #dir-name a,
 527     #file-name a,
 528     #log-summary a {
 529         padding: 0;
 530         margin: 0;
 531     }
 532 
 533     #file-mode a,
 534     #file-size a,
 535     #description a,
 536     #last-commit a,
 537     #owner a,
 538     #log-date a,
 539     #log-author a,
 540     #log-files a {
 541         padding: 0;
 542         margin: 0;
 543     }
 544 
 545     #index,
 546     #refs,
 547     #files,
 548     #dir-files,
 549     #log,
 550     #commit-summary,
 551     #commit-diff {
 552         padding: .5em;
 553     }
 554 
 555     #files #file-mode, #dir-files #file-mode {
 556         display: none;
 557     }
 558     #files td, #dir-files td {
 559         padding: 0;
 560     }
 561     #repo-top-buttons {
 562         font-size: 20px;
 563     }
 564     #repo-name {
 565         font-size: 1.25em;
 566     }
 567     #dir-name {
 568         padding-left: 0;
 569         padding-right: 0;
 570     }
 571     .desc {
 572         font-size: 16px;
 573     }
 574     .main-desc {
 575         font-size: 1.25em;
 576     }
 577     #log-author a {
 578         color: gray;
 579     }
 580     #last-commit a::before {
 581         content: "last commit ";
 582     }
 583     #log-author a::before {
 584         content: "author ";
 585     }
 586     #blob {
 587         font-size: 16px;
 588         overflow: scroll;
 589     }
 590 
 591     #openfile-name, #dir-title {
 592         padding: .75em;
 593     }
 594 
 595     #log thead,
 596     #log-files {
 597         display: none;
 598     }
 599     #log-summary,
 600     #log-date,
 601     #readme-hr {
 602         display: block;
 603     }
 604     #log-author {
 605         display: block;
 606         padding-bottom: 1em;
 607     }
 608     #commit-summary {
 609         white-space: break-spaces;
 610     }
 611     #commit-diff {
 612         overflow-x: scroll;
 613     }
 614     #readme {
 615         padding: 1em;
 616     }
 617     #readme img {
 618         max-width: 100%;
 619         padding: 0;
 620     }
 621     #readme ul {
 622         padding-left: 1em;
 623     }
 624     #readme h1 {
 625         padding-top: .25em;
 626     }
 627 
 628     #branches tr:hover td,
 629     #tags tr:hover td,
 630     #index tr:hover td,
 631     #log tr:hover td,
 632     #files tr:hover td {
 633         background-color: #fff;
 634     }
 635 
 636     a:hover {
 637         color: #a04a00;
 638     }
 639 
 640     @media (prefers-color-scheme: dark) {
 641         #branches tr:hover td,
 642         #tags tr:hover td,
 643         #index tr:hover td,
 644         #log tr:hover td,
 645         #files tr:hover td {
 646             background: #141414;
 647         }
 648 
 649         a:hover {
 650             color: peru;
 651         }
 652     }
 653 }