hexo-theme-essence/source/css/_partial/encrypt.styl

A Simple Clean Theme for Hexo with user-friendly Navigation System.

.encrypt-container 
  position relative
  margin: 2em;
  .encrypt-icon
    position: absolute
    padding: 7px 9px 8px
    font-size: 1.3em
    color: var(--text-secondary-color)
  input 
    line-height: 1.3em
  input[type="text"]
    border-radius: 2px;
    background: var(--encrypt-background);
    border: 0;
    border-bottom: 3px grey solid;
    &:focus 
      outline: none;
    
    color: var(--text-color);
    width: calc(100%)
    font-size: initial;
    padding: 12px 10px 8px 35px
  input[type="submit"]
    position: absolute;
    right: 0;
    top: 0;
    color: var(--text-color);
    border: 0;
    background: none;
    padding: 12px 10px 10px;
    font-size: initial;
    transition: 0.2s;
    &:hover 
      background: grey;
      color: white;