mgallery: basic.css annotate

annotate basic.css @ 327:8aa86090e85f

Add unprefixed text-size-adjust: 100%

author	Matti Hamalainen <ccr@tnsp.org>
date	Fri, 11 Feb 2022 19:39:10 +0200
parents	782c1520984e
children	2e9326abe254

rev	line source
218 024b22f8401a Add copyright blurb here as well. Matti Hamalainen <ccr@tnsp.org> parents: 217 diff changeset	1 /*
024b22f8401a Add copyright blurb here as well. Matti Hamalainen <ccr@tnsp.org> parents: 217 diff changeset	2 * Yet Another Image Gallery
024b22f8401a Add copyright blurb here as well. Matti Hamalainen <ccr@tnsp.org> parents: 217 diff changeset	3 * -- Base CSS stylesheet
024b22f8401a Add copyright blurb here as well. Matti Hamalainen <ccr@tnsp.org> parents: 217 diff changeset	4 * Programmed and designed by Matti 'ccr' Hamalainen <ccr@tnsp.org>
326 782c1520984e Bump copyright years. Matti Hamalainen <ccr@tnsp.org> parents: 306 diff changeset	5 * (C) Copyright 2015-2022 Tecnic Software productions (TNSP)
218 024b22f8401a Add copyright blurb here as well. Matti Hamalainen <ccr@tnsp.org> parents: 217 diff changeset	6 */
237 c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	7 html, body {
218 024b22f8401a Add copyright blurb here as well. Matti Hamalainen <ccr@tnsp.org> parents: 217 diff changeset	8 /* Prevent automatic text size adjustment, which happens on some mobile browsers. */
231 2731d2d8400e Set meta viewport tag and initial scale, and try to "fix" things for some Matti Hamalainen <ccr@tnsp.org> parents: 230 diff changeset	9 -webkit-text-size-adjust: 100%;
2731d2d8400e Set meta viewport tag and initial scale, and try to "fix" things for some Matti Hamalainen <ccr@tnsp.org> parents: 230 diff changeset	10 -moz-text-size-adjust: 100%;
2731d2d8400e Set meta viewport tag and initial scale, and try to "fix" things for some Matti Hamalainen <ccr@tnsp.org> parents: 230 diff changeset	11 -ms-text-size-adjust: 100%;
327 8aa86090e85f Add unprefixed text-size-adjust: 100% Matti Hamalainen <ccr@tnsp.org> parents: 326 diff changeset	12 text-size-adjust: 100%;
212 c3512a94189d Prevent idiotic Chrome text scaling / boosting. Matti Hamalainen <ccr@tnsp.org> parents: 211 diff changeset	13 }
c3512a94189d Prevent idiotic Chrome text scaling / boosting. Matti Hamalainen <ccr@tnsp.org> parents: 211 diff changeset	14
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	15 body {
231 2731d2d8400e Set meta viewport tag and initial scale, and try to "fix" things for some Matti Hamalainen <ccr@tnsp.org> parents: 230 diff changeset	16 font-size: 0.9em;
207 34c9eca1c726 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 206 diff changeset	17 font-family: Verdana, Arial, helvetica, sans-serif;
34c9eca1c726 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 206 diff changeset	18
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	19 color: white;
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	20 background: #454;
207 34c9eca1c726 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 206 diff changeset	21
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	22 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	23 padding: 0;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	24 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	25
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	26 a {
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	27 color: white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	28 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	29
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	30 a:hover {
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	31 text-decoration: none;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	32 color: yellow;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	33 text-shadow: 1px 1px 2px #000;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	34 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	35
244 73348fa0bc85 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 237 diff changeset	36 .note {
73348fa0bc85 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 237 diff changeset	37 color: #fd0;
73348fa0bc85 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 237 diff changeset	38 text-shadow: 1px 1px 2px #000;
73348fa0bc85 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 237 diff changeset	39 }
73348fa0bc85 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 237 diff changeset	40
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	41
199 d03fad24f4bc Make separate containing div elements for gallery and image view page types. Matti Hamalainen <ccr@tnsp.org> parents: 198 diff changeset	42 #galleryPage, #imagePage {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	43 padding: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	44 margin: 0;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	45 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	46
199 d03fad24f4bc Make separate containing div elements for gallery and image view page types. Matti Hamalainen <ccr@tnsp.org> parents: 198 diff changeset	47 #imagePage {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	48 position: absolute;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	49 top: 0;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	50 bottom: 0;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	51 left: 0;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	52 right: 0;
199 d03fad24f4bc Make separate containing div elements for gallery and image view page types. Matti Hamalainen <ccr@tnsp.org> parents: 198 diff changeset	53 }
d03fad24f4bc Make separate containing div elements for gallery and image view page types. Matti Hamalainen <ccr@tnsp.org> parents: 198 diff changeset	54
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	55 h1 {
123 956cafa61b91 Adjust. Matti Hamalainen <ccr@tnsp.org> parents: 121 diff changeset	56 font-size: 1.5em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	57 font-family: helvetica;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	58 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	59 padding: 0.25em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	60 color: white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	61 text-shadow: 2px 2px 2px #000;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	62 background: #787;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	63
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	64 border-top-left-radius: 0.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	65 border-top-right-radius: 0.25em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	66 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	67
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	68 #pageInfoHeader {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	69 background: #565;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	70 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	71 padding: 0.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	72
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	73 border-top-left-radius: 0.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	74 border-top-right-radius: 0.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	75 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	76
102 f8e6e0f2471d Use CSS id instead of generic selector. Matti Hamalainen <ccr@tnsp.org> parents: 94 diff changeset	77 #pageInfoFooter {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	78 position: fixed;
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	79
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	80 bottom: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	81 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	82 right: 0;
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	83 height: 1.5em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	84
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	85 background: #565;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	86 margin: 0;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	87 padding: 0.25em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	88 text-align: right;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	89 font-size: 0.75em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	90 text-shadow: 1px 1px 1px black;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	91
237 c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	92 border-top: 1px solid black;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	93 z-index: 12;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	94 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	95
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	96 div.imagePageHeader {
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	97 position: fixed;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	98
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	99 z-index: 12;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	100
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	101 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	102 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	103 right: 0;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	104 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	105
168 ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	106 #pageInfoButton, #pageUpNaviButton {
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	107 display: block;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	108 text-decoration: none;
229 9dcfd808c092 Cosmetic. Matti Hamalainen <ccr@tnsp.org> parents: 228 diff changeset	109
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	110 position: fixed;
176 d7d773f6b246 Adjust hovering control button positions, size and opacity. Matti Hamalainen <ccr@tnsp.org> parents: 168 diff changeset	111 left: 0.15em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	112 z-index: 30;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	113
176 d7d773f6b246 Adjust hovering control button positions, size and opacity. Matti Hamalainen <ccr@tnsp.org> parents: 168 diff changeset	114 text-align: center;
d7d773f6b246 Adjust hovering control button positions, size and opacity. Matti Hamalainen <ccr@tnsp.org> parents: 168 diff changeset	115 width: 1em;
d7d773f6b246 Adjust hovering control button positions, size and opacity. Matti Hamalainen <ccr@tnsp.org> parents: 168 diff changeset	116 height: 1em;
237 c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	117 font-size: 1.1em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	118
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	119 background: black;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	120 color: white;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	121
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	122 border: 0.2em solid white;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	123 border-radius: 0.3em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	124 padding: 1em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	125 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	126
168 ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	127 #pageInfoButton:hover, #pageUpNaviButton:hover {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	128 background: white;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	129 color: black;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	130 }
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	131
197 4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	132 #pageInfoButton {
4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	133 top: 4em;
4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	134 }
4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	135
168 ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	136 #pageUpNaviButton {
197 4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	137 top: 0.25em;
168 ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	138 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	139
179 ff99168270e5 Cosmetic. Matti Hamalainen <ccr@tnsp.org> parents: 178 diff changeset	140
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	141 /*
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	142 * Albums
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	143 */
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	144 div.albumHeaderText {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	145 padding: 0.25em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	146 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	147
20 12916fcdb8b8 Improve the non-tabled mode. Matti Hamalainen <ccr@tnsp.org> parents: 18 diff changeset	148 .galleryTable {
143 be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS. Matti Hamalainen <ccr@tnsp.org> parents: 139 diff changeset	149 align-items: center;
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS. Matti Hamalainen <ccr@tnsp.org> parents: 139 diff changeset	150 justify-content: center;
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS. Matti Hamalainen <ccr@tnsp.org> parents: 139 diff changeset	151 width: 100%;
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS. Matti Hamalainen <ccr@tnsp.org> parents: 139 diff changeset	152 background: #454;
156 d5ebb0d9d70f Minor CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 155 diff changeset	153 margin-bottom: 1em;
104 d7cc5c0ca1b5 Some CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 102 diff changeset	154 display: flex;
d7cc5c0ca1b5 Some CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 102 diff changeset	155 flex-wrap: wrap;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	156 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	157
235 028291a78acb Get rid of the "use tables" option. Matti Hamalainen <ccr@tnsp.org> parents: 231 diff changeset	158 .galleryEntry {
227 a57b5fa51e07 Attempt to get rid of the hard-coded pixel sizes for thumbnails in the stylesheet. Matti Hamalainen <ccr@tnsp.org> parents: 225 diff changeset	159 width: 12em;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	160 padding: 1em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	161 text-align: center;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	162 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	163
235 028291a78acb Get rid of the "use tables" option. Matti Hamalainen <ccr@tnsp.org> parents: 231 diff changeset	164 .galleryEntry img {
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	165 width: 100%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	166 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	167
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	168 .galleryTable + .imageTable {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	169 border-top: 2px solid #232;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	170 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	171
20 12916fcdb8b8 Improve the non-tabled mode. Matti Hamalainen <ccr@tnsp.org> parents: 18 diff changeset	172 .galleryTable a, .galleryTable a:visited {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	173 text-decoration: none;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	174 color: white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	175 outline: 0;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	176 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	177
20 12916fcdb8b8 Improve the non-tabled mode. Matti Hamalainen <ccr@tnsp.org> parents: 18 diff changeset	178 .galleryTable a:hover, .galleryTable a:active, .galleryTable a:focus {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	179 text-shadow: 1px 1px 2px #000;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	180 text-decoration: underline;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	181 color: #f00;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	182 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	183
235 028291a78acb Get rid of the "use tables" option. Matti Hamalainen <ccr@tnsp.org> parents: 231 diff changeset	184 .galleryTable .galleryEntry {
20 12916fcdb8b8 Improve the non-tabled mode. Matti Hamalainen <ccr@tnsp.org> parents: 18 diff changeset	185 display: inline-block;
12916fcdb8b8 Improve the non-tabled mode. Matti Hamalainen <ccr@tnsp.org> parents: 18 diff changeset	186 vertical-align: middle;
12916fcdb8b8 Improve the non-tabled mode. Matti Hamalainen <ccr@tnsp.org> parents: 18 diff changeset	187 }
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	188
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	189
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	190 /*
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	191 *
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	192 */
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	193 #pageImageBox {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	194 position: absolute;
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	195 top: 0;
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	196 bottom: 4.5em;
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	197 left: 0;
3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	198 right: 0;
3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	199 }
3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	200
3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	201
177 724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox. Matti Hamalainen <ccr@tnsp.org> parents: 176 diff changeset	202 .imageBox {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	203 text-align: center;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	204 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	205
177 724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox. Matti Hamalainen <ccr@tnsp.org> parents: 176 diff changeset	206 .imageBox img,
150 28a2b6e6b527 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 144 diff changeset	207 div.imageCtrl img {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	208 border: 0.2em solid black;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	209 border-radius: 0.3em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	210 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	211
177 724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox. Matti Hamalainen <ccr@tnsp.org> parents: 176 diff changeset	212 .imageBox a:hover img, .imageBox a:active img, .imageBox a:focus img,
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	213 div.imageCtrl a:hover img, div.imageCtrl a:active img, div.imageCtrl a:focus img {
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	214 border: 0.2em solid white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	215 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	216
177 724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox. Matti Hamalainen <ccr@tnsp.org> parents: 176 diff changeset	217 .galleryEntry .imageBox img {
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	218 box-shadow: 2px 2px 4px -2px black;
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	219 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	220
18 8c1599a30120 CSS improvements. Matti Hamalainen <ccr@tnsp.org> parents: 3 diff changeset	221 img.albumIcon {
8c1599a30120 CSS improvements. Matti Hamalainen <ccr@tnsp.org> parents: 3 diff changeset	222 border: 0.2em solid black;
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	223 border-radius: 0.4em;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	224 box-shadow: 0px 0px 2px black;
18 8c1599a30120 CSS improvements. Matti Hamalainen <ccr@tnsp.org> parents: 3 diff changeset	225 }
8c1599a30120 CSS improvements. Matti Hamalainen <ccr@tnsp.org> parents: 3 diff changeset	226
8c1599a30120 CSS improvements. Matti Hamalainen <ccr@tnsp.org> parents: 3 diff changeset	227 a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon {
8c1599a30120 CSS improvements. Matti Hamalainen <ccr@tnsp.org> parents: 3 diff changeset	228 border: 0.2em solid white;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	229 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	230
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	231 div.imageCtrl {
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	232 position: absolute;
258 c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	233 min-width: 8em;
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	234 width: 10%;
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	235 top: 0;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	236 bottom: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	237 background: rgba(0,0,0, 0.35);
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	238 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	239
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	240 div.imageCtrl.next, div.imageCtrl.nextBtm {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	241 right: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	242 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	243
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	244
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	245 div.imageCtrl.prev, div.imageCtrl.prevBtm {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	246 left: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	247 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	248
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	249 div.imageCtrl a {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	250 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	251 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	252 top: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	253 bottom: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	254 left: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	255 right: 0;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	256 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	257
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	258 div.imageCtrl a img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	259 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	260 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	261 margin: auto;
227 a57b5fa51e07 Attempt to get rid of the hard-coded pixel sizes for thumbnails in the stylesheet. Matti Hamalainen <ccr@tnsp.org> parents: 225 diff changeset	262 width: 85%;
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	263 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	264
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	265
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	266 div.imageCtrl.nextBtm, div.imageCtrl.prevBtm {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	267 z-index: 1;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	268 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	269
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	270 div.imageCtrl.prev, div.imageCtrl.next {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	271 opacity: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	272 transition: opacity 0.15s linear;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	273 z-index: 10;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	274 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	275
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	276 div.imageCtrl.prev:hover, div.imageCtrl.next:hover {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	277 opacity: 1;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	278 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	279
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	280
180 05fba4ce0b5a Add #imageImageBox style def. Matti Hamalainen <ccr@tnsp.org> parents: 179 diff changeset	281 #imageImageBox {
215 23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	282 position: absolute;
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	283 top: 0;
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	284 left: 0;
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	285 right: 0;
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	286 bottom: 0;
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	287
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	288 display: flex;
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	289 align-items: center;
23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	290 justify-content: center;
180 05fba4ce0b5a Add #imageImageBox style def. Matti Hamalainen <ccr@tnsp.org> parents: 179 diff changeset	291 }
05fba4ce0b5a Add #imageImageBox style def. Matti Hamalainen <ccr@tnsp.org> parents: 179 diff changeset	292
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	293
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	294 #imageImage {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	295 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	296 z-index: 5;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	297 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	298
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	299 div.imageCtrl * img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	300 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	301 top: 40%;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	302 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	303
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	304
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	305
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	306 div.albumTitle, div.imageCaption {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	307 text-align: center;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	308 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	309 padding: 0.5em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	310 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	311
24 7f5209a6f7e0 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 21 diff changeset	312 .galleryEntry div.imageCaption {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	313 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	314
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	315 #pageImageCaption {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	316 position: absolute;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	317 bottom: 1.5em;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	318 left: 0;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	319 right: 0;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	320 height: 2em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	321 background: #350;
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	322 border-top: 1px solid black;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	323 border-bottom: 1px solid black;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	324 z-index: 12;
144 c0c0708bd94d Make image caption stand out a bit better on the image page. Matti Hamalainen <ccr@tnsp.org> parents: 143 diff changeset	325 }
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	326
197 4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	327 #infoBox {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	328 position: fixed;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	329 bottom: 0;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	330 left: 0.1em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	331 right: 0.1em;
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	332 height: auto;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	333 min-height: 5em;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	334 background: rgba(0,0,0, 0.5);
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	335
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	336 text-align: center;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	337 margin: 0;
156 d5ebb0d9d70f Minor CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 155 diff changeset	338 padding-top: 0.5em;
d5ebb0d9d70f Minor CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 155 diff changeset	339 padding-bottom: 2em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	340 border: 0.2em solid white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	341 border-radius: 0.5em;
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	342
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	343 opacity: 0;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	344 z-index: 15;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	345 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	346
197 4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	347 #infoBox:hover {
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	348 opacity: 1;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	349 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	350
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	351
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	352 #imageLink {
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	353 position: absolute;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	354 left: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	355 right: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	356 bottom: 0;
155 144513aefcd4 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 152 diff changeset	357
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	358 background: white;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	359 color: black;
155 144513aefcd4 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 152 diff changeset	360
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	361 text-shadow: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	362 text-decoration: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	363 font-size: 1.25em;
155 144513aefcd4 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 152 diff changeset	364
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	365 padding: 0.5em;
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	366 }
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	367
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	368
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	369 span.infoDateTime {
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	370 display: block;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	371 color: white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	372 font-weight: bold;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	373 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	374 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	375
40 cac085f8f4ab Add comment. Matti Hamalainen <ccr@tnsp.org> parents: 24 diff changeset	376
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	377 /*
40 cac085f8f4ab Add comment. Matti Hamalainen <ccr@tnsp.org> parents: 24 diff changeset	378 * Navigation controls
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	379 */
3 c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	380 .naviBreadCrumbItem {
c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	381 }
c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	382
c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	383 .naviBreadCrumbCurr {
244 73348fa0bc85 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 237 diff changeset	384 color: #fd0;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	385 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	386
3 c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	387 .naviBreadCrumbSep:before {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	388 content: " → ";
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	389 color: #0f0;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	390 font-weight: bold;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	391 font-size: 1.5em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	392 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	393
118 6739c52e110c Change naviBreadCrumbs to CSS id instead of class. Matti Hamalainen <ccr@tnsp.org> parents: 116 diff changeset	394 #naviBreadCrumbs {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	395 text-shadow: 1px 1px 1px black;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	396 padding: 0.5em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	397 padding-top: 0;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	398 font-size: 1.25em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	399
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	400 background: #676;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	401 box-shadow: 0px 2px 4px -4px black;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	402 }
44 bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter. Matti Hamalainen <ccr@tnsp.org> parents: 42 diff changeset	403
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter. Matti Hamalainen <ccr@tnsp.org> parents: 42 diff changeset	404
48 5a2dd41ff7ad Initial implementation of language selector. Matti Hamalainen <ccr@tnsp.org> parents: 44 diff changeset	405 #languages {
5a2dd41ff7ad Initial implementation of language selector. Matti Hamalainen <ccr@tnsp.org> parents: 44 diff changeset	406 position: absolute;
135 8425fcd3fc25 Adjust language selector. Matti Hamalainen <ccr@tnsp.org> parents: 123 diff changeset	407 right: 0.5em;
8425fcd3fc25 Adjust language selector. Matti Hamalainen <ccr@tnsp.org> parents: 123 diff changeset	408 top: 0.5em;
73 5e98fe999fac Adjust language selector CSS. Matti Hamalainen <ccr@tnsp.org> parents: 72 diff changeset	409 background: black;
5e98fe999fac Adjust language selector CSS. Matti Hamalainen <ccr@tnsp.org> parents: 72 diff changeset	410 border-radius: 0.35em;
135 8425fcd3fc25 Adjust language selector. Matti Hamalainen <ccr@tnsp.org> parents: 123 diff changeset	411 padding: 0.5em;
48 5a2dd41ff7ad Initial implementation of language selector. Matti Hamalainen <ccr@tnsp.org> parents: 44 diff changeset	412 }
116 7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	413
7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	414 #languages a {
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	415 display: inline-block;
116 7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	416 padding: 0.5em;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	417 margin: 0.1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	418 background: white;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	419 color: black;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	420 border-radius: 0.35em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	421 text-align: center;
116 7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	422 }
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	423
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	424
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	425 /*
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	426 * Mobile device rules via media queries
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	427 */
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	428 @media screen and (min-resolution: 2dppx) and (min-resolution: 150dpi) {
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	429
225 3b8fd5a7a4cf CSS cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 218 diff changeset	430 /*
3b8fd5a7a4cf CSS cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 218 diff changeset	431 * Orientation related
3b8fd5a7a4cf CSS cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 218 diff changeset	432 */
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	433 @media (orientation: landscape) {
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	434 body {
231 2731d2d8400e Set meta viewport tag and initial scale, and try to "fix" things for some Matti Hamalainen <ccr@tnsp.org> parents: 230 diff changeset	435 font-size: 1em;
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	436 }
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	437 }
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	438
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	439
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	440 @media (orientation: portrait) {
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	441 body {
231 2731d2d8400e Set meta viewport tag and initial scale, and try to "fix" things for some Matti Hamalainen <ccr@tnsp.org> parents: 230 diff changeset	442 font-size: 1.4em;
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	443 }
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	444
235 028291a78acb Get rid of the "use tables" option. Matti Hamalainen <ccr@tnsp.org> parents: 231 diff changeset	445 .galleryEntry {
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	446 width: 40%;
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	447 }
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	448
215 23995179ecd8 Use flexbox for centering the image on image pages. Matti Hamalainen <ccr@tnsp.org> parents: 213 diff changeset	449 #pageInfoHeader, h1 {
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	450 font-size: 1.25em;
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	451 }
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	452
228 a0a1fe8d2fe0 Commonize some CSS settings for mobile landscape/portrait. Matti Hamalainen <ccr@tnsp.org> parents: 227 diff changeset	453 }
a0a1fe8d2fe0 Commonize some CSS settings for mobile landscape/portrait. Matti Hamalainen <ccr@tnsp.org> parents: 227 diff changeset	454
236 9803200bc7f8 Cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 235 diff changeset	455
9803200bc7f8 Cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 235 diff changeset	456 /*
9803200bc7f8 Cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 235 diff changeset	457 * Common rules
9803200bc7f8 Cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 235 diff changeset	458 */
228 a0a1fe8d2fe0 Commonize some CSS settings for mobile landscape/portrait. Matti Hamalainen <ccr@tnsp.org> parents: 227 diff changeset	459 #pageInfoButton, #pageUpNaviButton {
a0a1fe8d2fe0 Commonize some CSS settings for mobile landscape/portrait. Matti Hamalainen <ccr@tnsp.org> parents: 227 diff changeset	460 font-size: 1.5em;
a0a1fe8d2fe0 Commonize some CSS settings for mobile landscape/portrait. Matti Hamalainen <ccr@tnsp.org> parents: 227 diff changeset	461 bottom: 3em;
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	462 }
8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	463
236 9803200bc7f8 Cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 235 diff changeset	464
225 3b8fd5a7a4cf CSS cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 218 diff changeset	465 div.imageCtrl a img {
237 c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	466 top: 3%;
225 3b8fd5a7a4cf CSS cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 218 diff changeset	467 }
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	468
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	469 div.albumTitle, div.imageCaption {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	470 font-size: 1.2em;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	471 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	472
236 9803200bc7f8 Cleanups. Matti Hamalainen <ccr@tnsp.org> parents: 235 diff changeset	473
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	474 #languages {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	475 position: relative;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	476 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	477 right: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	478 left: 0;
237 c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	479 margin: 0;
c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	480 padding: 0.2em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	481 text-align: right;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	482 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	483
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	484 #languages a {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	485 width: 5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	486 padding: 1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	487 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	488
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	489 #naviBreadCrumbs {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	490 font-size: 1.5em;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	491 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	492
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	493 div.albumHeaderText {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	494 }
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	495
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	496 #pageImageCaption {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	497 bottom: 0;
210 0a0a2936d779 Adjust image adjustment etc. Matti Hamalainen <ccr@tnsp.org> parents: 209 diff changeset	498 height: 2.5em;
0a0a2936d779 Adjust image adjustment etc. Matti Hamalainen <ccr@tnsp.org> parents: 209 diff changeset	499 overflow: hidden;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	500 }
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	501
237 c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	502 #imageImage {
c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	503 border: none;
c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	504 border-radius: 0;
c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	505 box-shadow: none;
c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	506 }
c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	507
c7f369ff0fb9 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 236 diff changeset	508 #imagePage #pageInfoFooter {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	509 display: none;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	510 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	511
168 ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	512 #pageInfoButton, #pageUpNaviButton {
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	513 top: auto;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	514 left: auto;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	515 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	516
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	517 #pageInfoButton {
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	518 right: 0.25em;
168 ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	519 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	520
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	521 #pageUpNaviButton {
213 8938fef384a2 CSS adjustments, use nesting media query blocks. Matti Hamalainen <ccr@tnsp.org> parents: 212 diff changeset	522 right: 4em;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	523 }
230 6b34b61b956b Add a horrible kludge for using the info button to display also the image info on mobile. Matti Hamalainen <ccr@tnsp.org> parents: 229 diff changeset	524
6b34b61b956b Add a horrible kludge for using the info button to display also the image info on mobile. Matti Hamalainen <ccr@tnsp.org> parents: 229 diff changeset	525 #infoBox {
6b34b61b956b Add a horrible kludge for using the info button to display also the image info on mobile. Matti Hamalainen <ccr@tnsp.org> parents: 229 diff changeset	526 background: black;
6b34b61b956b Add a horrible kludge for using the info button to display also the image info on mobile. Matti Hamalainen <ccr@tnsp.org> parents: 229 diff changeset	527 display: none;
6b34b61b956b Add a horrible kludge for using the info button to display also the image info on mobile. Matti Hamalainen <ccr@tnsp.org> parents: 229 diff changeset	528 opacity: 1;
6b34b61b956b Add a horrible kludge for using the info button to display also the image info on mobile. Matti Hamalainen <ccr@tnsp.org> parents: 229 diff changeset	529 }
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	530 }
258 c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	531
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	532
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	533 @media screen and (max-width: 400px), screen and (max-height: 400px) {
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	534 body {
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	535 font-size: 10px;
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	536 }
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	537
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	538 #pageInfoHeader {
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	539 }
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	540 }
c5a5899f4869 Minor stylesheet adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 244 diff changeset	541

Mercurial > hg > mgallery

annotate basic.css @ 327:8aa86090e85f