diff --git a/public/css/style.css b/public/css/style.css index b03b27e..1ad0fe5 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,4 +1,16 @@ -@import url(http://fonts.googleapis.com/css?family=Open+Sans); +/* Borrowed from Google WebFonts for offline development */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url('../font/open-sans-300.woff') format('woff'); +} +/* @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url('../font/open-sans-400.woff') format('woff'); +} */ body { font-family: 'Open Sans', helvetica, arial, sans-serif; @@ -14,11 +26,11 @@ body { margin: -18px 0px 0px -75px; height: 37px; width: 150px; - -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.25))); } #contact { font-size: 12px; + font-weight: 300; position: absolute; right: 8px; bottom: 5px; @@ -26,11 +38,16 @@ body { #contact a { color: #aaa; text-decoration: none; + -webkit-transition-duration: 0.3s; + -webkit-transition-property: color, border; + -webkit-transition-timing-function: ease-in; } - #contact a:hover { - border-bottom: 2px solid #ddd; - text-decoration: none; - } + #contact a:hover { + color: #555; + -webkit-transition-duration: 0.3s; + -webkit-transition-property: color, border; + -webkit-transition-timing-function: ease-in; + } #not-found { background: url("../images/404-dead-link.png") center center no-repeat; diff --git a/public/font/open-sans-300.woff b/public/font/open-sans-300.woff new file mode 100644 index 0000000..8025ba6 Binary files /dev/null and b/public/font/open-sans-300.woff differ diff --git a/public/font/open-sans-400.woff b/public/font/open-sans-400.woff new file mode 100644 index 0000000..58e6cb3 Binary files /dev/null and b/public/font/open-sans-400.woff differ