mmoser/links.markamoser.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

a stark theme

Browse Source
This commit is contained in:
Mark Moser
2016-04-27 11:30:46 -05:00
parent 797d5dc106
commit d9b9b69aac
12 changed files with 755 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
style.css
View File

@ -3,39 +3,39 @@
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('./fonts/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */
src: url('./font/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
url('./fonts/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('./fonts/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
url('./fonts/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('./fonts/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
url('./font/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./font/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('./font/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
url('./font/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('./font/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: url('./fonts/source-sans-pro-v9-latin-italic.eot'); /* IE9 Compat Modes */
src: url('./font/source-sans-pro-v9-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'),
url('./fonts/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./fonts/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('./fonts/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
url('./fonts/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('./fonts/source-sans-pro-v9-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
url('./font/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./font/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('./font/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
url('./font/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('./font/source-sans-pro-v9-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url('./fonts/source-sans-pro-v9-latin-600.eot'); /* IE9 Compat Modes */
src: url('./font/source-sans-pro-v9-latin-600.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'),
url('./fonts/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./fonts/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('./fonts/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */
url('./fonts/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('./fonts/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
url('./font/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('./font/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('./font/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */
url('./font/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('./font/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
body {
@ -43,7 +43,8 @@ body {
font-size: 16px;
line-height: 1.6em;
margin: 0 auto;
padding: 30px;
padding: 30px 0 0;
width: 320px;
}
header::after,
@ -62,11 +63,14 @@ header {
a {
text-decoration: none;
color: #000;
}
section { float: left; }
ul {
float: left;
margin: 0 30px 30px;
margin: 0 15px 30px;
padding: 0;
}
@ -108,3 +112,42 @@ main ul li:first-child {
margin-bottom: 0.4em;
}
section ul,
main ul {
width: 290px;
}
section a::after,
main a::after {
content: "\00BB";
font-size: 0.9em;
margin: 0 0 0 4px;
position: relative;
top: -1px;
}
section a:hover::after,
main a:hover::after {
margin-left: 8px;
}
@media screen and (min-width: 768px) {
body{
width: 760px;
}
.logo {
margin-right: 15px;
}
header {
margin-bottom: 15px;
}
section ul,
main ul {
width: calc(760px / 3 - 30px);
}
ul:nth-of-type(3n) { clear: both; }
}