vim.md

simple vi markdown editor https://github.com/joseamarin/vim.MD joseamarin.github.io/vim.md/
git clone http://git.hanabi.in/repos/vim.md.git
Log | Files | Refs | README

main.css (3281B)

      1 html, body {
      2     width: 100%;
      3     height: 100%;
      4     min-height: 100%;
      5     overflow: hidden;
      6 }
      7 
      8 table {
      9     border-radius: 3px;
     10 }
     11 
     12 table,
     13 th,
     14 td
     15 {
     16     border: 1px solid #c6cbd1;
     17 }
     18 
     19 table th {
     20     padding: 6px 13px;
     21     text-align: center;
     22 }
     23 
     24 hr {
     25     background-color: #000;
     26 }
     27 
     28 #book {
     29     position: fixed;
     30 }
     31 
     32 .book-wrapper {
     33     position: relative;
     34     top: 0;
     35     left: 0;
     36     width: 100%;
     37     height: 100%;
     38     overflow: auto;
     39 }
     40 
     41 .book-wrapper-inner {
     42     width: 100%;
     43     height: 100%;
     44     position: relative;
     45     top: 0;
     46     left: 0;
     47     display: flex;
     48     flex-direction: row;
     49     flex-wrap: nowrap;
     50 }
     51 
     52 .book-col--40 {
     53     width: 40%;
     54     overflow: hidden; /* to specific put else where */
     55 }
     56 
     57 .book-col--60 {
     58     width: 60%;
     59     overflow: auto; /* to specific put else where */
     60 }
     61 
     62 .book-col--60,
     63 .book-col--40 {
     64     height: 100%;
     65     overflow: auto;
     66 }
     67 
     68 .book-content {
     69     width: 100%;
     70     background-color: white;
     71     overflow: auto;
     72     padding: 20px;
     73 }
     74 
     75 #book .colitem {
     76     background-color: transparent;
     77     color: white;
     78     -webkit-transition: all 0.3s ease-in;
     79        -moz-transition: all 0.3s ease-in;
     80             transition: all 0.3s ease-in;
     81 }
     82 
     83 .book-input {
     84     width: 100%;
     85     height: 100%;
     86     font-size: 20px;
     87 }
     88 
     89 #book .main-content > * {
     90     width: 80%;
     91     max-width: 1024px;
     92     margin-left: auto;
     93     margin-right: auto;
     94 }
     95 
     96 #book .main-content h1 {
     97     font-weight: 900;
     98     font-size: 4rem;
     99     font-variant: small-caps;
    100 }
    101 
    102 #book .main-content h2 {
    103     font-weight: 900;
    104     font-size: 3rem;
    105     font-variant: small-caps;
    106 }
    107 
    108 #book .main-content h3 {
    109     font-weight: 900;
    110     font-size: 2.25rem;
    111     font-variant: small-caps;
    112 }
    113 
    114 #book .main-content h4 {
    115     font-weight: 900;
    116     font-size: 2rem;
    117     font-variant: small-caps;
    118     margin-top: 0;
    119     margin-bottom: 0;
    120 }
    121 
    122 #book .main-content h5 {
    123     font-weight: 900;
    124     font-size: 1.75rem;
    125     font-variant: small-caps;
    126     margin-top: 0;
    127     margin-bottom: 0;
    128 }
    129 
    130 #book .main-content h6 {
    131     font-weight: 900;
    132     font-size: 1.5rem;
    133     font-variant: small-caps;
    134     margin-top: 0;
    135     margin-bottom: 0;
    136 }
    137 
    138 #book .main-content p {
    139     padding-top: 0.5rem;
    140     padding-bottom: 0.5rem;
    141 }
    142 
    143 #book p > code {
    144     display: inline;
    145     color: red; 
    146     padding: .25em .5em .25em;
    147     background-color: rgba(27,31,35,0.05);
    148 }
    149 
    150 #book p > code > .hljs-tag {
    151     color: red; 
    152 }
    153 
    154 #book p > code > .hljs-tag .hljs-name {
    155     color: red; 
    156 }
    157 
    158 #book .main-content blockquote {
    159     border-left: 0.5rem solid #2185D0;
    160     padding-left: 3rem;
    161 }
    162 
    163 #book .main-content pre {
    164     margin-left: -20px;
    165     margin-right: 0;
    166     width: calc( 100% + 40px );
    167     max-width: initial;
    168 
    169     background-color: #000000;
    170 }
    171 
    172 #book .main-content pre code {
    173     width: 80%;
    174     max-width: 1024px;
    175     margin-left: auto;
    176     margin-right: auto;
    177 }
    178 
    179 #book .CodeMirror {
    180     height: 100%;
    181 }
    182 
    183 #book .CodeMirror-cursor {
    184     width: 10px;
    185 }
    186 
    187 
    188 #book .navbar {
    189     border-bottom: 1px solid #ccc;
    190 }
    191 
    192 #book .navbar-item:hover {
    193     font-size: 20px;
    194 }
    195 
    196 #book table code {
    197     color: red; 
    198     padding: 0.2em 0.4em;
    199     margin: 0;
    200     font-size: 85%;
    201     display: block;
    202     background-color: rgba(27,31,35,0.05);
    203 }
    204 
    205 ::-webkit-scrollbar {
    206     width: 10px;
    207     background-color: #F5F5F5;
    208 }
    209 
    210 ::-webkit-scrollbar-thumb {
    211     background-color: #74818e;  
    212 }