ui/assets/css/main.css

   1 .navbar-toggler {
   2   border: 0px;
   3 }
   4
   5 .pointer {
   6   cursor: pointer;
   7 }
   8
   9 .no-click {
  10   pointer-events:none;
  11   opacity: 0.65;
  12 }
  13
  14 .upvote:hover {
  15  color: var(--info);
  16 }
  17
  18 .upvote {
  19   margin-bottom: -5px;
  20 }
  21
  22 .downvote:hover {
  23   color: var(--danger);
  24 }
  25
  26 .downvote {
  27   margin-top: -10px;
  28 }
  29
  30 .md-div p {
  31   overflow: hidden;
  32   text-overflow: ellipsis;
  33 }
  34
  35 .md-div p:last-child {
  36   margin-bottom: 0px;
  37 }
  38
  39 .md-div img {
  40   max-width: 100%;
  41   height: auto;
  42 }
  43
  44 .md-div h1,
  45 .md-div h2,
  46 .md-div h3,
  47 .md-div h4,
  48 .md-div h5 {
  49   font-size:1.171875rem;
  50 }
  51
  52 .md-div table {
  53   border-collapse: collapse;
  54   width: 100%;
  55   margin-bottom: 1rem;
  56   border: 1px solid var(--dark);
  57 }
  58
  59 .md-div table th,
  60 .md-div table td {
  61   padding: 0.3rem;
  62   vertical-align: top;
  63   border-top: 1px solid var(--dark);
  64   border: 1px solid var(--dark);
  65 }
  66
  67 .md-div table thead th {
  68   vertical-align: bottom;
  69   border-bottom: 2px solid var(--dark);
  70 }
  71
  72 .md-div table tbody + tbody {
  73   border-top: 2px solid var(--dark);
  74 }
  75
  76 .comment-node {
  77   margin-bottom: 10px;
  78 }
  79
  80 .vote-bar {
  81   margin-top: -6.5px;
  82 }
  83
  84 .post-title {
  85   line-height: 1.0;
  86 }
  87
  88 .icon {
  89   display: inline-flex;
  90   width: 1em;
  91   height: 1em;
  92   stroke-width: 0;
  93   stroke: currentColor;
  94   fill: currentColor;
  95   vertical-align: middle;
  96   align-self: center;
  97 }
  98
  99
 100 .spin {
 101   animation: spins 2s linear infinite;
 102 }
 103
 104 @keyframes spins {
 105   0% { transform: rotate(0deg); }
 106   100% {  transform: rotate(359deg); }
 107 }
 108
 109 .dropdown-menu {
 110   z-index: 2000;
 111 }
 112
 113 blockquote {
 114   border-left: 3px solid #ccc;
 115   margin: 0.5em 5px;
 116   padding: 0.1em 5px;
 117 }
 118
 119 .mouse-icon {
 120   margin-top: -4px;
 121 }
 122
 123 .new-comments {
 124   max-height: 50vh;
 125   overflow: hidden;
 126 }
 127
 128 .new-comments:hover {
 129   overflow-y: auto;
 130 }
 131
 132 .thumbnail {
 133   max-height: 62px;
 134   max-width: 400px;
 135 }
 136
 137 .no-s-hows {
 138   position: absolute !important;
 139   top: -9999px !important;
 140   left: -9999px !important;
 141 }
 142
 143 hr {
 144   border-top: 1px solid var(--secondary);
 145 }
 146
 147 .emoji {
 148   height: 1.2em !important;
 149 }
 150
 151 .text-wrap-truncate {
 152   overflow: hidden;
 153   text-overflow: ellipsis
 154 }
 155
 156 #app {
 157   display: flex;
 158   flex-direction: column;
 159   min-height: 100vh;
 160 }
 161
 162 .fl-1 {
 163   flex: 1;
 164 }
 165
 166 .img-blur {
 167   filter: blur(10px);
 168   -webkit-filter: blur(10px);
 169   -moz-filter: blur(10px);
 170   -o-filter: blur(10px);
 171   -ms-filter: blur(10px);
 172 }