a fresh start
This commit is contained in:
114
style.css
114
style.css
@ -1,10 +1,110 @@
|
||||
body {
|
||||
font-size: 16px;
|
||||
margin: 50px auto;
|
||||
width: 350px;
|
||||
/* source-sans-pro-regular - latin */
|
||||
@font-face {
|
||||
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: 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 */
|
||||
}
|
||||
/* 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: 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 */
|
||||
}
|
||||
/* 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: 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 */
|
||||
}
|
||||
|
||||
.jquery-note {
|
||||
color: #ccc;
|
||||
font-size: 0.85em;
|
||||
body {
|
||||
font-family: 'Source Sans Pro', arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.6em;
|
||||
margin: 0 auto;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
header::after,
|
||||
section::after,
|
||||
main::after,
|
||||
footer::after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
footer,
|
||||
header {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
float: left;
|
||||
margin: 0 30px 30px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
footer li,
|
||||
header li {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
footer a,
|
||||
header a {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
footer li:first-of-type a,
|
||||
header li:first-of-type a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
background: url("./img/ObleyMirror_100.jpg") no-repeat;
|
||||
color: transparent;
|
||||
float: right;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
section ul li:first-child,
|
||||
main ul li:first-child {
|
||||
font-weight: 600;
|
||||
border-bottom: 1px solid;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user