Skip to content
This repository was archived by the owner on Feb 13, 2025. It is now read-only.

Minor CSS Fixes #254

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Minor CSS Fixes #254

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4ce8f3e
Fix clipped heading anchors because of `overflow: hidden` (#150)
KartikSoneji Oct 11, 2021
a5fc3c9
Remove *zoom hack for IE7
KartikSoneji Oct 11, 2021
edc8c5b
Use `opacity` instead of `display` to hide heading anchors
KartikSoneji Oct 11, 2021
23311b7
Remove unused `h1 a` and `h2 a` styles
KartikSoneji Oct 11, 2021
a83e113
Fix header anchor aligment
KartikSoneji Oct 11, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 9 additions & 10 deletions public/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,7 @@ table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body { width: 100%; *zoom: 1; }
body { width: 100%; }
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }

Expand All @@ -135,9 +135,9 @@ body, textarea { font: 16px/1.6 "Open Sans", Helvetica, sans-serif; }
.anchor { display: block; position: relative; z-index: -1; top: -45px; }

h1, h2, h3 { position: relative; z-index: 1; }
h1 a.anchor-link, h2 a.anchor-link, h3 a.anchor-link { display: none; font-family: monospace; font-size: 25px; height: 1em; left: 0; margin-left: 30px; margin-top: 4px; padding-left: 30px; padding-right: 8px; position: absolute; text-align: center; text-decoration: none; width: 1em; }
h1:hover a.anchor-link, h2:hover a.anchor-link, h3:hover a.anchor-link { color: #888888; display: block; margin-left: -30px; padding-left: 8px; }
h1:hover a.anchor-link:hover, h2:hover a.anchor-link:hover, h3:hover a.anchor-link:hover { color: black; }
h2 a.anchor-link { opacity: 0; font-family: monospace; font-size: 25px; height: 1em; left: 0; margin-left: 30px; margin-top: 3px; padding-left: 30px; padding-right: 8px; position: absolute; text-align: center; text-decoration: none; width: 1em; }
h2:hover a.anchor-link { color: #888888; opacity: 1; margin-left: -30px; padding-left: 8px; }
h2:hover a.anchor-link:hover { color: black; }

h1 { font-size: 24px; margin: 18px 0 2px 0; }

Expand All @@ -162,7 +162,7 @@ body { background-color: white; color: #333333; padding: 0; margin: 0; }

@media only screen and (min-width: 992px) { .site-footer { background: url(/images/redis-small.png) no-repeat left top; padding: 0 0 0 50px; max-width: 840px; margin: 5em auto 3em auto; position: relative; border-top-width: 0; }
.site-footer p { line-height: 34px; margin: 0; } }
.text { *zoom: 1; color: #333333; margin: 0 auto; padding: 20px; }
.text { color: #333333; margin: 0 auto; padding: 20px; }
.text:before, .text:after { content: ""; display: table; }
.text:after { clear: both; }
.text aside { position: relative; z-index: 2; }
Expand Down Expand Up @@ -195,7 +195,7 @@ body { background-color: white; color: #333333; padding: 0; margin: 0; }
.home-callout { max-width: 100%; }
.home-callout .title { font-size: 20px; }

@media only screen and (min-width: 992px) { .home-intro { display: block; width: 102.08333%; margin: 0 -1.04167%; *zoom: 1; }
@media only screen and (min-width: 992px) { .home-intro { display: block; width: 102.08333%; margin: 0 -1.04167%; }
.home-intro:before, .home-intro:after { content: ""; display: table; }
.home-intro:after { clear: both; }
.home-intro > section { display: inline; float: left; width: 31.25%; margin: 0 1.04167%; } }
Expand All @@ -212,7 +212,6 @@ body { background-color: white; color: #333333; padding: 0; margin: 0; }
#clients .languages { list-style-type: none; margin: 1.5em 0 0 0; padding: 1.5em 0 0 0; border-top: 1px solid #efefef; }
#clients .languages li { display: inline-block; width: 7em; margin: 0.3em; }

article { overflow: hidden; *zoom: 1; }
article p, article ul { margin: 7px 0; }
article ul { list-style-type: disc; padding-left: 25px; }
article ol { list-style-type: decimal; }
Expand All @@ -229,7 +228,7 @@ article table tr:last-child td { border-bottom-width: 0; }
article table tr.current { background-color: #feffe8; }
article table.versions td:first-child { font-size: 22px; line-height: 22px; }

@media only screen and (min-width: 992px) { article { display: block; width: 102.08333%; margin: 0 -1.04167%; overflow: hidden; *zoom: 1; }
@media only screen and (min-width: 992px) { article { display: block; width: 102.08333%; margin: 0 -1.04167%; }
.article-main { display: inline; float: left; width: 64.58333%; margin: 0 1.04167%; }
.article-aside { display: inline; float: left; width: 31.25%; margin: 0 1.04167%; }
aside { border-left: 1px solid #dfdfdf; margin: 0 0 15px 20px; padding: 0 0 0 20px; } }
Expand All @@ -238,7 +237,7 @@ body.topics.whos-using-redis ul:first-of-type li { margin: 10px 10px; padding: 0
body.topics.whos-using-redis ul:first-of-type li img { vertical-align: middle; max-width: 200px; max-height: 76px; }

#commands { text-align: center; }
#commands ul { overflow: hidden; *zoom: 1; margin: 1em 0; text-align: left; padding: 0; }
#commands ul { overflow: hidden; margin: 1em 0; text-align: left; padding: 0; }
#commands li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#commands li a { display: block; padding: 1em; color: #333333; text-decoration: none; }
#commands li a:hover, #commands li a:focus { color: #333333; background: #ecf7fa; }
Expand Down Expand Up @@ -296,7 +295,7 @@ body { width: 100%; height: 100%; }

.slideout-open .slideout-menu { display: block; }

.site-header { overflow: hidden; *zoom: 1; background-color: #222222; padding: 0; width: 100%; }
.site-header { overflow: hidden; background-color: #222222; padding: 0; width: 100%; }

.desktop-header { padding: 0.7em 0; white-space: nowrap; overflow: hidden; }
.desktop-header .home { margin-right: 0.8em; }
Expand Down