diff options
Diffstat (limited to 'style.scss')
| -rw-r--r-- | style.scss | 110 |
1 files changed, 102 insertions, 8 deletions
@@ -18,8 +18,9 @@ Template: twentyeleven @import url('../twentyeleven/style.css'); @import "twentyeleven-fix.scss"; -/* Document-structure-y things */ +$link_color: #740000; +/* Document-structure-y things */ #page { background: transparent; @@ -41,13 +42,47 @@ Template: twentyeleven margin: 0; width: 28%; } - .post, #content nav, aside.widget { - background: white; - padding: 1.5em; - } - .post { - padding-top: 0; - padding-bottom: 0; + #primary, #secondary { + .post, #content nav, aside.widget { + background: white; + padding: 1.5em; + border: solid 1px $link_color; + margin: 0 0 1.5em 0; + } + .post { + padding-top: 0; + padding-bottom: 0; + } + #content nav { + padding: 0; + a { + width: 100%; + line-height: 3em; + display: inline-block; + &:hover, &:active, &:focus { + background: $link_color; + color: white; + } + } + } + aside.widget { + background: $link_color; + border: none; + color: white; + padding-top: 0; + .widget-title { + font-size: 1.1em; + line-height: auto; + color: black; + } + a { + color: white; + } + ul { + list-style: none; + padding-left: 1em; + } + } } } } @@ -144,4 +179,63 @@ dd { margin-left: 4em; } +/* Link color */ + +a { + color: $link_color; +} + +#site-title, .entry-title { + a { + &:focus, &:hover, &:active { + color: $link_color; + } + } +} + +.widget_twentyeleven_ephemera .comments-link a:hover { + color: $link_color; +} + +section.recent-posts .other-recent-posts { + a[rel="bookmark"]:hover { + color: $link_color; + } + .comments-link a:hover { + color: $link_color; + border-color: $link_color; + } +} + +.format-image footer.entry-meta a:hover, #site-generator a:hover { + color: $link_color; +} + +article.feature-image.small .entry-summary p a:hover { + background-color: $link_color; +} + +.entry-header .comments-link a { + &:hover, &:focus, &:active { + background-color: $link_color; + } +} + +.feature-slider a.active { + background-color: $link_color; +} + @import "plugins.d/statusnetwidget.scss"; + +@media (max-width: 800px) { + /* Simplify the basic layout */ + #page #main { + #primary { + width: 100%; + } + #secondary { + float: none; + width: 100%; + } + } +} |