签名生成器

下载代码

html

css

分享到微信朋友圈

html

css

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Arapey);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
body { 
    font-family: 'Libre Baskerville', serif; 
    font-size:16px;
    line-height:1.5em;
    color:#000;
    margin:0;
    background:#efefef;
}
@media (max-width:600px) {
  body { font-size:14px; }
}
#content {
    text-align: center;
    max-width: 600px;
    margin: 2em auto;
    display: block;
    background: #fff;
    padding: 2em;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a, a .icon { 
  color:#136fd2; 
  color:#0a3666;
  fill:#0a3666;
  text-decoration:none;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
a:hover,a:hover .icon {
  color:#C02942;
  color:#136fd2;
  fill:#136fd2;
}
a:hover {
  color:#136fd2;
}
a:active {
  color:#bf7883;
}

h1 {
    text-align:center;
    font-size:2em; 
    line-height:1.5em;
    line-height: 1.2em;
    letter-spacing:0.15em;
    font-family:'Arapey', serif;
    text-transform:uppercase;
    font-weight:normal;
    margin-top:0;
    position:relative;
}
h2 {
    font-size:1.2em;
    line-height:1.2em;
    letter-spacing:.05em;
    font-family:'Open Sans Condensed',sans-serif;
    font-weight:700;
}

/****** System styles ******/

#signature {
  width:auto;
  border:dashed 2px #53777A;
  margin:0;
  text-align:center;
  min-height:80px;
  min-width:340px;
}
#reset { 
  margin:1.5em auto;
}
#signature_capture {
  width:100%; 
  height:7em;

}
.footer {
  text-align: center;
  display: block;
  margin-top: 0rem;
}

JavaScript