style.less 1.6 KB

12345678910111213141516171819202122232425
  1. body{margin:0;padding:0;font:13px/2em "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Arial,sans-serif;background:#fff}a,blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul{padding:0;margin:0}a{text-decoration:none;outline:0;cursor:pointer}img{vertical-align:top}table{border-collapse:collapse}fieldset,img,table{border:0}ol,ul{list-style:none}li{list-style-type:none}h1,h2,h3,h4,h5,h6{font-size:13px;font-weight:400}.clear{overflow:auto;overflow-y:hidden;zoom:1}
  2. body{background:#339FE9}
  3. .content{
  4. text-align:center;padding-top:120px;width:600px;margin:0 auto;
  5. h2{font-size:28px;font-weight:bold;color:#fff;line-height:50px;}
  6. h3{font-size:16px;color:#fff;line-height:30px;}
  7. .generate{
  8. padding:30px 0;
  9. input.long_link{height:40px;border:0;border-radius:8px 0 0 8px;width:80%;box-sizing:border-box;padding:0 20px;font-size:14px;color:#999;float:left;display:inline}
  10. .btn{display:inline-block;float:left;width:20%;box-sizing:border-box;background:#04bf2e;color:#fff;font-size:14px;border-radius:0 8px 8px 0;height:40px;line-height:40px;cursor: pointer;}
  11. .get{margin-bottom:20px;}
  12. .result{
  13. position:relative;
  14. .short{background:#3d74bd;height:40px;border-radius:8px;color:#fff;line-height:40px;}
  15. .tag{position:absolute;height:24px;line-height:24px;display:block;left:8px;background:#04bf2e;color:#fff;border-radius:5px;width:40px;top:8px;opacity:0.8;display:none;
  16. &.fail{background:#E14E4E}
  17. }
  18. }
  19. }
  20. }
  21. @media (max-width: 800px) {
  22. .content{width:90%}
  23. }