pub / rememori

Simple file-based bookmarking and notes application
git clone https://src.jayvii.de/pub/rememori.git
Home | Log | Files | Exports | Refs | README | RSS

custom.css (1843B)


      1 /* Forms and its elements should stretch full width */
      2 form:not(.inline) > *
      3 {
      4   width: 100%;
      5 }
      6 
      7 /* The content text area should have a substantial height */
      8 textarea#content {
      9   height: 400px;
     10 }
     11 
     12 /* provide inline utility class for buttons, forms, etc. */
     13 .inline {
     14   display: inline-block;
     15 }
     16 
     17 /* Ensure the notes list items do not overflow and break properly */
     18 .list_item {
     19   overflow: hidden;
     20   word-break: break-all;
     21   margin-bottom: 1em;
     22   padding-bottom: 0.5em;
     23   border-bottom: 1px solid grey;
     24 }
     25 
     26 /* provide a utility class so buttons behave like anchor-objects */
     27 .likeanchor {
     28   background-color: unset !important;
     29   border: unset !important;
     30   color: var(--accent) !important;
     31   margin: initial !important;
     32   padding: initial !important;
     33   text-decoration: underline;
     34   display: inline-block;
     35 }
     36 .likeanchor:hover {
     37   color: var(--accent-hover) !important;
     38   cursor: pointer !important;
     39 }
     40 
     41 .likenavitem {
     42   background-color: unset !important;
     43   border: 1px solid var(--border) !important;
     44   border-radius: var(--standard-border-radius) !important;
     45   color: var(--text) !important;
     46   margin: 0 .5rem 1rem !important;
     47   padding: .1rem 1rem !important;
     48   text-decoration: none !important;
     49   display: inline-block;
     50   line-height: 2 !important;
     51 }
     52 
     53 .likenavitem:hover {
     54   background-color: unset !important;
     55   border-color: var(--accent) !important;
     56   color: var(--accent) !important;
     57   cursor: pointer !important;
     58 }
     59 
     60 header {
     61   margin-bottom: 2em;
     62 }
     63 
     64 .danger {
     65   background-color: #ff0000 !important;
     66   border-color: #ff0000 !important;
     67 }
     68 
     69 .danger:hover {
     70   background-color: #ff6161 !important;
     71   border-color: #ff6161 !important;
     72 }
     73 
     74 .danger.likeanchor {
     75   background-color: unset !important;
     76   border-color: unset !important;
     77   color: #ff0000 !important;
     78 }
     79 .danger.likeanchor:hover {
     80   color: #ff6161 !important;
     81 }
     82 
     83 input.marked {
     84   
     85 }