2f484f1a797bac96fbfa1c099f514c14bf3c8fac
   1img {
   2  float: left;
   3  margin-top: 1px;
   4  padding-right: 3px;
   5}
   6
   7#search-form > input#search-box:-webkit-autofill {
   8  -webkit-box-shadow: 0 0 0 1000px #222 inset !important;
   9  -webkit-text-fill-color: #b5b5a4 !important;
  10}
  11
  12#callback {
  13  bottom: 0;
  14  position: absolute;
  15  height: 115px;
  16  width: 31.1rem;
  17}
  18
  19#search3 {
  20  margin-top: -1.5rem;
  21}
  22
  23#wikires > a {
  24  white-space: nowrap;
  25  text-overflow: ellipsis;
  26  overflow: hidden;
  27  margin-bottom: 0.5em;
  28  height: 19px;
  29  display: block;
  30  color: inherit;
  31  text-decoration: none;
  32}
  33
  34#duckduckres > a {
  35  margin-bottom: 0.5em;
  36  display: block;
  37  color: inherit;
  38  text-decoration: none;
  39}
  40
  41#topsites-list {
  42  display: none;
  43}
  44
  45#search1.active {
  46  margin-bottom: 2em;
  47}
  48
  49#search2.active {
  50  margin-top: 2em;
  51}
  52
  53.name {
  54  white-space: nowrap;
  55  overflow: hidden;
  56  text-overflow: ellipsis;
  57  width: 63px;
  58}
  59
  60.url {
  61  width: 100px;
  62}
  63
  64.inp {
  65  width: 200px;
  66  padding: 10px 0;
  67}
  68
  69.inp > input {
  70  font-size: 16px !important;
  71}
  72
  73.users-list > ul > li > span {
  74  width: 10px;
  75  height: 25px;
  76  padding: 4px 5px 0 10px;
  77  background: #434C5E;
  78  float: right;
  79  display: none;
  80  cursor: pointer;
  81  padding-top: 10px;
  82}
  83
  84.users-list > ul > li > span:hover {
  85  background: #BF616A;
  86}
  87
  88.users-list > ul > .inp > a {
  89  width: 10px;
  90  height: 18px;
  91  display: inline-block;
  92  background: #434C5E;
  93  padding: 3px 6px 3px 3px;
  94  cursor: pointer;
  95}
  96
  97.users-list > ul > .inp > a:hover, .users-list > ul > .inp > a:focus {
  98  background: #A3BE8C;
  99}
 100
 101.users-list > ul > li:hover > span {
 102  display: inline-block;
 103}
 104
 105.users-list > ul > .title:hover > span  {
 106  display: inline-block;
 107}
 108
 109.users-list > ul {
 110  margin: 0;
 111}
 112
 113.users-list > ul > .title > span {
 114  margin-top: 14px;
 115  font-size: 75% !Important;
 116  font-weight: normal;
 117  color: black;
 118  width: 10px;
 119  content: "+";
 120  padding: 6px 6px 5px 9px;
 121  background: #b5b5a4;
 122  float: right;
 123  display: none;
 124  cursor: pointer;
 125}
 126
 127.users-list > ul > .title > span {
 128  background-color: #434C5E;
 129}
 130
 131.users-list > ul > .title > span:hover {
 132  background-color: #A3BE8C !important;
 133}
 134
 135.users-list > ul > li > a, .users-list > ul > .title > p {
 136  width: calc(100% - 45px);
 137  display: inline-block;
 138}
 139
 140div#apps {
 141  overflow-x: scroll;
 142  display: flex;
 143  width: 907px;
 144  align-content: flex-start;
 145  justify-content: flex-start;
 146}
 147
 148::-webkit-scrollbar
 149{
 150  width: 12px;  /* for vertical scrollbars */
 151  height: 12px; /* for horizontal scrollbars */
 152}
 153
 154::-webkit-scrollbar-track
 155{
 156  background: rgba(0, 0, 0, 0);
 157}
 158
 159::-webkit-scrollbar-thumb
 160{
 161  background: rgba(0, 0, 0, 0.2);
 162}
 163
 164li.sortable-chosen.sortable-ghost > a {
 165  background-color: white;
 166  color: #2A313B !important;
 167}
 168
 169
 170.title > p {
 171  width: 160px;
 172  margin-left: 0.5rem;
 173  margin-bottom: 0.5rem !important;
 174}
 175.app {
 176  cursor: pointer;
 177  text-align: center;
 178  margin: 16px;
 179}
 180
 181.app > .image {
 182  width: 64px;
 183  padding: 8px;
 184}
 185
 186html, body {
 187  font-family: Roboto !important;
 188  font-size: 16px !important;
 189  width: 100vw;
 190  height: 100vh;
 191}
 192
 193body {
 194  width: 100%;
 195  height: 100%;
 196  margin: 0;
 197  color: #D8DEE9;
 198}
 199
 200.container {
 201  display: flex;
 202  flex-direction: column;
 203  align-items: center;
 204  justify-content: center;
 205  width: 100%;
 206  height: 100%;
 207}
 208
 209.favorites {
 210  display: flex;
 211  flex-direction: row;
 212}
 213
 214.favorites-list {
 215  width: 10rem;
 216  margin: 0.5rem 2em 2em 2em;
 217}
 218
 219ul {
 220  list-style: none;
 221  padding: 0;
 222}
 223
 224.title {
 225  margin-bottom: 0.5rem;
 226  font-weight: bold;
 227  text-align: left;
 228  border-bottom: 1px solid #434C5E;
 229}
 230
 231ul > li > a {
 232  color: inherit;
 233  outline: none;
 234  display: block;
 235  text-decoration: none;
 236  padding: 0.5rem;
 237}
 238
 239ul > li > a:hover {
 240  background-color: #434C5E;
 241}
 242
 243.search.active {
 244  width: 30rem;
 245  padding: 0.5rem;
 246  border: 1px solid #434C5E;
 247}
 248
 249#search-box {
 250  font-size: inherit;
 251  width: 100%;
 252  margin: auto;
 253  padding: 0;
 254  background-color: rgba(0, 0, 0, 0);
 255  color: #434C5E;
 256  border: none;
 257}
 258
 259#search-box:focus {
 260  outline: none;
 261}
 262
 263
 264/* webkit compat */
 265
 266.container {
 267  display: -webkit-flex;
 268  -webkit-flex-direction: column;
 269  -webkit-align-items: center;
 270  -webkit-justify-content: center;
 271}
 272
 273.favorites {
 274  display: -webkit-flex;
 275  -webkit-flex-direction: row;
 276}