diff options
Diffstat (limited to 'static')
-rw-r--r-- | static/css/style.css | 60 |
1 files changed, 9 insertions, 51 deletions
diff --git a/static/css/style.css b/static/css/style.css index e6d4271..1297126 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -87,26 +87,11 @@ body { font-size: x-large; } - div#social-icons { - float: right; - margin-right: 4px; - width: 312px; - } - - .icon-24x24 { - float: left; - margin-right: 24px; - } - .icon-24x24:hover { background-color: #f8f8f8; border-top: 2px solid #00416a; padding-top: 2px; } - - .last { - margin-right: 0; - } } /* High-DPI mobile styles */ @@ -123,21 +108,6 @@ body { blockquote { font-size: x-large; } - - div#social-icons { - float: right; - margin-right: 4px; - width: 312px; - } - - .icon-24x24 { - float: right; - margin-left: 24px; - } - - .last { - margin-left: 0; - } } /* Low-DPI mobile styles */ @@ -154,24 +124,6 @@ body { blockquote { font-size: x-large; } - - div#social-icons { - display: flex; - float: none; - justify-content: center; - margin: 0 auto; - width: 288px; - } - - .icon-24x24 { - float: none; - margin-left: 0px; - margin-right: 20px; - } - - .last { - margin-right: 0px; - } } #sitelogo { @@ -418,16 +370,22 @@ div.pagination-item > a:hover { aside#social { border-top: 2px solid #3f3f3f; + display: flex; height: 48px; margin: 0 auto; width: 100%; } div#social-icons { + align-items: center; + display: flex; + flex-basis: 414px; + flex-wrap: wrap; height: 24px; - position: relative; - top: 20px; - max-width: 312px; + justify-content: space-between; + margin-top: 20px; + max-width: 414px; + min-width: 288px; } .icon-24x24 { |