diff options
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/main.css | 184 |
1 files changed, 148 insertions, 36 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index d246fde..5d8594d 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,61 +1,173 @@ @charset "utf-8"; +/* source-code-pro-regular - latin */ @font-face { - font-family: Basis; - src: url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'); - font-weight: normal; - } - @font-face { - font-family: Basis; - src: url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'); - font-weight: 100; - } - @font-face { - font-family: Basis; - src: url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'); - font-weight: bold; - } - -* { - font-family: Basis; - color: black; + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 400; + src: url('../fonts/source-code-pro-v14-latin-regular.eot'); /* IE9 Compact Modes */ + src: local(''), + url('../fonts/source-code-pro-v14-latin-regular.eot?#iefix') + format('embedded-opentype'), + /* IE6-IE8 */ url('../fonts/source-code-pro-v14-latin-regular.woff2') + format('woff2'), + /* Super Modern Browsers */ + url('../fonts/source-code-pro-v14-latin-regular.woff') format('woff'), + /* Modern Browsers */ url('../fonts/source-code-pro-v14-latin-regular.ttf') + format('truetype'), + /* Safari, Android, iOS */ + url('../fonts/source-code-pro-v14-latin-regular.svg#SourceCodePro') + format('svg'); /* Legacy iOS */ +} + +/* source-sans-pro-regular - latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compact Modes */ + src: local(''), + url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') + format('embedded-opentype'), + /* IE6-IE8 */ url('../fonts/source-sans-pro-v14-latin-regular.woff2') + format('woff2'), + /* Super Modern Browsers */ + url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), + /* Modern Browsers */ url('../fonts/source-sans-pro-v14-latin-regular.ttf') + format('truetype'), + /* Safari, Android, iOS */ + url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') + format('svg'); /* Legacy iOS */ +} + +ul#nav { + list-style-type: none; + padding: 0; + margin: 0; + display: flex; +} + +body#home header ul#nav { + width: 436px; +} + +body#about header ul#nav { + width: 403.2px; +} +ul#nav li { + font-size: 12px; + margin: 1.5em; + width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */ + text-align: center; /* If you want the text to be centered */ +} + +body#home { + max-width: 570px; +} + +body#about { + max-width: 570px; +} + +body { + font-family: 'Source Sans Pro'; + font-size: 14px; + margin: 0 auto; +} + +section#intro h1:after { + content: ' // Dylan Bolger'; + color: #d3d3d3; +} + +section#webthings h2:after { + content: ' // <3'; + color: #d3d3d3; +} + +section#projects h1:after { + content: ' // :)'; + color: #d3d3d3; +} + +div.project.js h2:after { + font-style: normal; + content: ' // JavaScript'; + color: #d3d3d3; +} + +div.project.css h2:after { + font-style: normal; + content: ' // CSS'; + color: #d3d3d3; +} + +div.project.swift h2:after { + font-style: normal; + content: ' // Swift'; + color: #d3d3d3; +} + +div.project.objc h2:after { + font-style: normal; + content: ' // Objective-C'; + color: #d3d3d3; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Source Code Pro'; } a { - color: blue; + color: blue; } a:hover { - color: black; + color: black; } a:active { - color:gray; + color: gray; } section { - padding-left: 125px; - padding-bottom: 50px; - line-height: 20px; + padding-bottom: 50px; + line-height: 20px; } -header { - padding-top: 100px; - padding-left: 125px; +div.project { + margin-bottom: 2em; } -section ul { - padding-left: 0px; - list-style-type: none; - line-height:20px; +div.project h2 { + font-style: italic; } +section#projects p#description { + margin-bottom: 1.5em; +} -section h1 { - font-size: 28px; +header { + padding-left: 0px; + margin: auto; +} +/*make uls clean*/ +section ul { + padding-left: 0px; + list-style-type: none; + line-height: 20px; } -p { - font-weight: lighter; - size: 14px; +div.project h1 { + margin-bottom: 200px; +} + +section h1 { + font-weight: bold; + font-size: 28px; } |