ybbond

My site. The main domain
Log | Files | Refs | README | LICENSE | CC-LICENSE

content.css (3071B)

      1 .content {
      2   font-family: var(--font-text);
      3   width: 100%;
      4 }
      5 
      6 .content .language-json {
      7   font-size: 0.75rem;
      8 }
      9 
     10 .content .headline-hash {
     11   padding: 0 0.2em;
     12 }
     13 
     14 .content .before-hash {
     15   position: absolute;
     16   font-size: 0.9em;
     17   top: 0.1rem;
     18 }
     19 .content .before-hash.h2 {
     20   left: -1.6em;
     21 }
     22 .content .before-hash.h3 {
     23   left: -2.4em;
     24 }
     25 
     26 .content.notes.h-entry, .content.responses.h-entry {
     27   /*padding: 4px 10px 1px 10px;*/
     28   padding: .1px;
     29   outline-style: solid;
     30   outline-width: 1px;
     31 }
     32 
     33 .content figcaption {
     34   font-size: 0.8em;
     35 }
     36 
     37 .content twitter-widget, .content .twitter-tweet {
     38   margin-left: auto;
     39   margin-right: auto;
     40 }
     41 
     42 .content i:not(.no-sup) {
     43   font-size: 0.8rem;
     44   vertical-align: 0.4rem;
     45 }
     46 
     47 .content i.fa-font-awesome-flag {
     48   font-size: 0.6rem;
     49 }
     50 
     51 .content p:not([class]) {
     52   margin: 1.2rem 0;
     53 }
     54 
     55 .content p + ul, .content p + ol {
     56   margin-top: -0.8rem;
     57 }
     58 
     59 .content table {
     60   display: block;
     61   overflow-x: auto;
     62   border-collapse: collapse;
     63 }
     64 .content table td, .content table th {
     65   border: 1px solid;
     66 }
     67 .content table td {
     68   padding: 0.5em 1em;
     69 }
     70 .content table th {
     71   padding: 1em 2em;
     72 }
     73 
     74 .content ol {
     75   margin: 1.5em 0;
     76   padding: 0;
     77   counter-reset: my-awesome-counter;
     78   list-style: none;
     79 }
     80 .content ol li {
     81   counter-increment: my-awesome-counter;
     82   list-style-position: outside;
     83   margin-bottom: 0.2em;
     84 }
     85 .content ol li span {
     86   position: relative;
     87 }
     88 .content ol li span:before {
     89   position: absolute;
     90   right: 0.5em;
     91   top: 0.1em;
     92   content: counter(my-awesome-counter)'.';
     93   font-size: 0.8em;
     94 }
     95 
     96 .content ul {
     97   margin: 1.5em 0;
     98   padding: 0;
     99   list-style: none;
    100 }
    101 .content ul li {
    102   margin-bottom: 0.2em;
    103   position: relative;
    104 }
    105 .content ul li span {
    106   position: relative;
    107 }
    108 .content ul li span:before {
    109   right: 0.6em;
    110   top: -0.2em;
    111   display: inline-block;
    112   content: "–";
    113   position: absolute;
    114   z-index: 1;
    115 }
    116 .content ul li input {
    117   margin-left: -1.9em;
    118   position: absolute;
    119   z-index: 2;
    120   top: 3.9px;
    121   margin-right: 0;
    122 }
    123 
    124 .content__hr {
    125   margin: 4em 0 0;
    126 }
    127 
    128 .notes, .responses {
    129   margin-bottom: 3rem;
    130 }
    131 .notes > div, .notes > p, .responses > div, .responses > p {
    132   margin: 0;
    133   margin-top: 0.7rem;
    134 }
    135 .notes > div > p, .notes > p > p, .responses > div > p, .responses > p > p {
    136   margin: 0;
    137   margin-top: 0.7rem;
    138 }
    139 .notes:target, .responses:target {
    140   outline-style: solid;
    141   outline-width: 0.2em;
    142   outline-offset: 0.6em;
    143 }
    144 
    145 .content.notes, .content.responses {
    146   position: relative;
    147 }
    148 
    149 .notes__title, .responses__title {
    150   position: absolute;
    151   top: -1.8rem;
    152   left: 1.5rem;
    153   margin: 0;
    154   padding: .2rem .5rem;
    155   outline-width: 1px;
    156   outline-style: solid;
    157 }
    158 
    159 .notes__title a, .responses__title a {
    160   font-family: var(--font-mono);
    161 }
    162 
    163 .responses__original {
    164   margin: 1.2rem 0 !important;
    165 }
    166 
    167 .notes__content, .responses__content {
    168   margin: 2rem 1rem 1px 1.5rem !important;
    169 }
    170 /*.notes__content > p, .responses__content > p {
    171   margin-top: 0 !important;
    172 }*/
    173 
    174 .twitter-link {
    175   margin-bottom: 0.2rem;
    176   font-size: 0.9rem;
    177 }
    178 
    179 .mastodon-link {
    180   margin-top: 0.2rem;
    181   font-size: 0.9rem;
    182 }
    183 
    184 .responses h1 {
    185   margin-bottom: 0;
    186 }