diff options
author | B Stack <bgstack15@gmail.com> | 2021-02-01 09:07:23 -0500 |
---|---|---|
committer | B Stack <bgstack15@gmail.com> | 2021-02-01 09:07:23 -0500 |
commit | a4481dc007ff202882b783ed4b36e03a8b4c1d05 (patch) | |
tree | 0f8b5ccb6ea5e966e8d517b07936479ef49b3516 /bgstack15-gallery-theme/static/css/style.css | |
download | gallery-a4481dc007ff202882b783ed4b36e03a8b4c1d05.tar.gz gallery-a4481dc007ff202882b783ed4b36e03a8b4c1d05.tar.bz2 gallery-a4481dc007ff202882b783ed4b36e03a8b4c1d05.zip |
initial commit
Diffstat (limited to 'bgstack15-gallery-theme/static/css/style.css')
-rw-r--r-- | bgstack15-gallery-theme/static/css/style.css | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/bgstack15-gallery-theme/static/css/style.css b/bgstack15-gallery-theme/static/css/style.css new file mode 100644 index 0000000..0da0b5b --- /dev/null +++ b/bgstack15-gallery-theme/static/css/style.css @@ -0,0 +1,91 @@ +body { background-color: #e2e2e2; } /* modified bgstack15 2021-01-24 */ +/* Override a few styles from skeleton */ +h1 { font-size: 4.0rem; } +h2 { font-size: 3.6rem; } +h3 { font-size: 3.0rem; } +h4 { font-size: 2.4rem; } +h5 { font-size: 1.8rem; } +h6 { font-size: 1.5rem; } +a { color: #222; } +a:hover { color: #666; } + +ul { + list-style: disc outside; + padding-left: 20px; +} + +.container { + margin: 0 0 0 40px; +} + +header h1 a { + text-decoration: none; +} + +.sidebar h1 { + line-height: 1.25; + margin: 40px 0; +} +.sidebar h1 a { + text-decoration: none; +} +.sidebar footer { + position: absolute; + bottom: 40px; +} +.sidebar footer span { + display: block; +} + +.thumbnail { + text-align: center; +} +.thumbnail img { + max-width: 100%; + height: auto; + margin: 0 5px 5px 0; + border: 10px solid #fff; + border-radius: 2px 2px 2px 2px; + box-shadow: 0 0 3px #B1B1B1; + padding: 0 0 2px; +} +.thumbnail img:hover { + box-shadow: 0 0 5px #818181; +} + +.album_title { + display: block; +} + +#cboxTitle { + max-width: 90%; +} +#cboxTitle a, #cboxTitle a:visited { + color: #ccc; +} + +@media only screen and (min-width: 767px) { + header { + margin-top: 40px; + } + + .sidebar { + position: fixed; + height: 100%; + width: 220px; + } +} +@media only screen and (max-width: 767px) { + .container { + padding-bottom: 40px; + } + + .sidebar footer { + bottom: 10px; + } +} +@media only screen and (min-width: 768px) and (max-width: 959px) { + .sidebar { + width: 172px; + } +} |