import styled from 'styled-components';

const Container = styled.div`
  width: 100%;

  height: 100%;
  /* -webkit-user-drag: none; */

  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

  #tagsList {
    position: relative;

    width: 100%;

    height: 100%;

    /* background-image: url('https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/99c68bae-67b9-4f97-92b0-e3c25502400c.png'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  #tagsList span {
    position: absolute;

    top: 0px;

    left: 0px;

    font-family: Microsoft YaHei;

    color: #fff;

    font-weight: bold;

    text-decoration: none;

    /* width: 100px; */
    padding: 3px 6px;
  }

  #tagsList span:hover {
    /* color: #ff0000; */

    letter-spacing: 2px;
  }
`;

export { Container };