creative text

3
<!DOCTYPE html> <html lang="en">  <head>  <meta charset="utf-8">  <meta content="width=300, initial-scale=1" name="viewport">  <meta name="google" value="notranslate">  <meta name="robots" content="noindex"> <meta name= "description" content="Gmail is email that&#39;s intuitive, ef ficie nt, and useful. 15 GB of storage, less spam, and mobile access.">  <meta name="google-site-veri fication" content="LrdTUW9psUAMb h4Ia074-BPEVmcpBxF 6Gwf0MSgQXZs">  <title>Gmail</title>  <style>  @font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 300;  src: local('Open Sans Light'), local('OpenSans-Light'), url(//fonts.gstatic.co m/s/opensans/v13/DXI1O RHCpsQm3Vp6mXoaTXhCUOGz7 vYGh680lGh-uXM.woff) format('woff' ); } @font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 400;  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s /opensans /v13/cJZKeOuBrn4kERxqt aUH3T8E0i7KZn-EPnyo3HZu7 kw.woff) format('woff'); }  </style>  <style>  h1, h2 {  -webkit-animation-duration: 0.1s;  -webkit-animation-name: fontfix;  -webkit-animation-iteration-count: 1;  -webkit-animation-timing -function: linear;  -webkit-animation-delay: 0; }  @-webkit-keyframes fontfix {  from {  opacity: 1;  }  to {  opacity: 1;  }  }  </style> <style>  html, body {  font-family: Arial, sans-serif;  background: #fff;  margin: 0;  padding: 0;  border: 0;  position: absolute;  height: 100%;  min-width: 100%;  font-size: 13px;  color: #404040;  direction: ltr;  -webkit-text-size-adjust : none;

Upload: kasper

Post on 04-Mar-2016

10 views

Category:

Documents


0 download

DESCRIPTION

contains gmail style sheet and header

TRANSCRIPT

Page 1: Creative Text

 

<!DOCTYPE html><html lang="en">  <head>  <meta charset="utf-8">  <meta content="width=300, initial-scale=1" name="viewport">  <meta name="google" value="notranslate">  <meta name="robots" content="noindex"><meta name="description" content="Gmail is email that&#39;s intuitive, efficie

nt, and useful. 15 GB of storage, less spam, and mobile access.">  <meta name="google-site-verification" content="LrdTUW9psUAMbh4Ia074-BPEVmcpBxF6Gwf0MSgQXZs">  <title>Gmail</title>  <style>  @font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 300;  src: local('Open Sans Light'), local('OpenSans-Light'), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}@font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 400;  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}  </style>  <style>  h1, h2 {  -webkit-animation-duration: 0.1s;  -webkit-animation-name: fontfix;  -webkit-animation-iteration-count: 1;  -webkit-animation-timing-function: linear;  -webkit-animation-delay: 0;}

  @-webkit-keyframes fontfix {  from {  opacity: 1;  }  to {  opacity: 1;  }  }  </style><style>  html, body {  font-family: Arial, sans-serif;  background: #fff;  margin: 0;  padding: 0;  border: 0;  position: absolute;  height: 100%;  min-width: 100%;  font-size: 13px;  color: #404040;  direction: ltr;  -webkit-text-size-adjust: none;

Page 2: Creative Text

 

  }  button,  input[type=button],  input[type=submit] {  font-family: Arial, sans-serif;  font-size: 13px;  }  a,  a:hover,  a:visited {  color: #427fed;  cursor: pointer;  text-decoration: none;  }  a:hover {  text-decoration: underline;  }  h1 {  font-size: 20px;  color: #262626;  margin: 0 0 15px;  font-weight: normal;  }  h2 {  font-size: 14px;  color: #262626;  margin: 0 0 15px;  font-weight: bold;  }  input[type=email],  input[type=number],  input[type=password],  input[type=tel],  input[type=text],  input[type=url] {  -moz-appearance: none;  -webkit-appearance: none;  appearance: none;  display: inline-block;  height: 36px;  padding: 0 8px;  margin: 0;  background: #fff;  border: 1px solid #d9d9d9;  border-top: 1px solid #c0c0c0;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -moz-border-radius: 1px;  -webkit-border-radius: 1px;  border-radius: 1px;  font-size: 15px;  color: #404040;  }  input[type=email]:hover,  input[type=number]:hover,  input[type=password]:hover,  input[type=tel]:hover,  input[type=text]:hover,  input[type=url]:hover {

Page 3: Creative Text

 

  border: 1px solid #b9b9b9;  border-top: 1px solid #a0a0a0;  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  }  input[type=email]:focus,  input[type=number]:focus,  input[type=password]:focus,  input[type=tel]:focus,  input[type=text]:focus,  input[type=url]:focus {  outline: none;  border: 1px solid #4d90fe;  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);  }  input[type=checkbox],  input[type=radio] {  -webkit-appearance: none;  display: inline-block;  width: 13px;  height: 13px;  margin: 0;  cursor: pointer;  vertical-align: bottom;  background: #fff;  border: 1px solid #c6c6c6;  -moz-border-radius: 1px;  -webkit-border-radius: 1px;  border-radius: 1px;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  position: relative;  }  input[type=checkbox]:active,  input[type=radio]:active {  background: #ebebeb;  }  input[type=checkbox]:hover {  border-color: #c6c6c6;  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);