mgallery: basic.css annotate

annotate basic.css @ 217:3209568d2a69

Adjust album header text font size.

author	Matti Hamalainen <ccr@tnsp.org>
date	Thu, 22 Mar 2018 21:19:17 +0200
parents	1aed2ad39903
children	024b22f8401a

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

Mercurial > hg > mgallery

annotate basic.css @ 217:3209568d2a69