kevin
/
semantic-indieweb
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
semantic-indieweb/static/css/style.css

46 lines
649 B
CSS
Raw Normal View History

Style the site header title and subtitle
2019-12-10 03:27:34 +00:00
/* Styles for site header */
hgroup.site-header {
Add a decorative border around site header
2019-12-10 03:35:39 +00:00
border-top: double;
border-bottom: thin solid;
margin-bottom: 0.5em;
Style the site header title and subtitle
2019-12-10 03:27:34 +00:00
}
hgroup.site-header h1 {
margin: 0;
}
hgroup.site-header h2 {
font-weight: normal;
font-size: 1em;
font-style: italic;
padding-left: 0.5em;
margin: 0;
}
Create author card using h-card microformats * Update baseof to add block for styling * Default styles block to link in layout.css and style.css * Update baseof to add block for importing icons from a CSS font library * Update baseof to add an aside block to the main content to put author card in * Create author card with a photo, author name, and general locale * Create beginning of a social network link ribbon
2019-12-07 03:02:44 +00:00
img.u-photo {
max-width: 60px;
Add padding around author photo
2019-12-07 04:22:47 +00:00
padding: 0.5em;
Create author card using h-card microformats * Update baseof to add block for styling * Default styles block to link in layout.css and style.css * Update baseof to add block for importing icons from a CSS font library * Update baseof to add an aside block to the main content to put author card in * Create author card with a photo, author name, and general locale * Create beginning of a social network link ribbon
2019-12-07 03:02:44 +00:00
}
.glyph {
Reduce size for social icon glyphs
2019-12-07 04:09:28 +00:00
font-size: 1.25em;
Style the site-menu * Remove the list item bullets * Put some padding between the list items * Style the navigation area to be a flex box, with item wrapping * Add a decorative border to the navigation area
2019-12-10 02:23:24 +00:00
}
nav.site-menu {
border-top: thin solid;
border-bottom: double;
}
Style the site footer * Split the copyright and the "built with" text into separate configs * Style footer with smaller text * Add a thin border separating footer from rest of page
2019-12-10 03:58:54 +00:00
/* Styles for site footer */
p.copyright {
border-top: thin solid;
font-size: 0.8em;
text-align: center;
margin: 0;
}
p.built-with {
text-align: center;
font-size: 0.8em;
margin: 0;
}