mgallery: basic.css annotate

annotate basic.css @ 212:c3512a94189d

Prevent idiotic Chrome text scaling / boosting.

author	Matti Hamalainen <ccr@tnsp.org>
date	Thu, 22 Mar 2018 15:30:50 +0200
parents	dc11f61663c9
children	8938fef384a2

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 {
05fba4ce0b5a Add #imageImageBox style def. Matti Hamalainen <ccr@tnsp.org> parents: 179 diff changeset	271 }
05fba4ce0b5a Add #imageImageBox style def. Matti Hamalainen <ccr@tnsp.org> parents: 179 diff changeset	272
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	273
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	274 #imageImage {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	275 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	276 z-index: 5;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	277 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	278
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	279 div.imageCtrl * img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	280 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	281 top: 40%;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	282 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	283
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	284
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	285
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	286 div.albumTitle, div.imageCaption {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	287 text-align: center;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	288 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	289 padding: 0.5em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	290 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	291
24 7f5209a6f7e0 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 21 diff changeset	292 .galleryEntry div.imageCaption {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	293 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	294
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	295 #pageImageCaption {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	296 position: absolute;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	297 bottom: 1.5em;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	298 left: 0;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	299 right: 0;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	300 height: 2em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	301 background: #350;
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	302 border-top: 1px solid black;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	303 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	304 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	305 }
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	306
197 4150b412a783 CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 180 diff changeset	307 #infoBox {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	308 position: fixed;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	309 bottom: 0;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	310 left: 0.1em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	311 right: 0.1em;
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	312 height: auto;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	313 min-height: 5em;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	314 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	315
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	316 text-align: center;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	317 margin: 0;
156 d5ebb0d9d70f Minor CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 155 diff changeset	318 padding-top: 0.5em;
d5ebb0d9d70f Minor CSS adjustments. Matti Hamalainen <ccr@tnsp.org> parents: 155 diff changeset	319 padding-bottom: 2em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	320 border: 0.2em solid white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	321 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	322
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	323 opacity: 0;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	324 z-index: 15;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	325 }
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:hover {
82 e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	328 opacity: 1;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	329 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	330
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage. Matti Hamalainen <ccr@tnsp.org> parents: 74 diff changeset	331
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	332 #imageLink {
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	333 position: absolute;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	334 left: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	335 right: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	336 bottom: 0;
155 144513aefcd4 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 152 diff changeset	337
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	338 background: white;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	339 color: black;
155 144513aefcd4 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 152 diff changeset	340
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	341 text-shadow: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	342 text-decoration: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	343 font-size: 1.25em;
155 144513aefcd4 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 152 diff changeset	344
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	345 padding: 0.5em;
94 1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	346 }
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	347
1e9a6e773627 Improve best quality/"full size" link CSS styling. Matti Hamalainen <ccr@tnsp.org> parents: 91 diff changeset	348
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	349 span.infoDateTime {
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	350 display: block;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	351 color: white;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	352 font-weight: bold;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	353 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	354 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	355
40 cac085f8f4ab Add comment. Matti Hamalainen <ccr@tnsp.org> parents: 24 diff changeset	356
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	357 /*
40 cac085f8f4ab Add comment. Matti Hamalainen <ccr@tnsp.org> parents: 24 diff changeset	358 * Navigation controls
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	359 */
3 c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	360 .naviBreadCrumbItem {
c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	361 }
c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	362
c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	363 .naviBreadCrumbCurr {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	364 color: red;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	365 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	366
3 c85f630a4198 Improve bread crumb navigation by making the current album a link as well. Matti Hamalainen <ccr@tnsp.org> parents: 0 diff changeset	367 .naviBreadCrumbSep:before {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	368 content: " → ";
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	369 color: #0f0;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	370 font-weight: bold;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	371 font-size: 1.5em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	372 }
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	373
118 6739c52e110c Change naviBreadCrumbs to CSS id instead of class. Matti Hamalainen <ccr@tnsp.org> parents: 116 diff changeset	374 #naviBreadCrumbs {
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	375 text-shadow: 1px 1px 1px black;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	376 padding: 0.5em;
ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	377 padding-top: 0;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	378 font-size: 1.25em;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	379
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	380 background: #676;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	381 box-shadow: 0px 2px 4px -4px black;
0 ac688606ec4b Initial import of code. Matti Hamalainen <ccr@tnsp.org> parents: diff changeset	382 }
44 bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter. Matti Hamalainen <ccr@tnsp.org> parents: 42 diff changeset	383
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter. Matti Hamalainen <ccr@tnsp.org> parents: 42 diff changeset	384
48 5a2dd41ff7ad Initial implementation of language selector. Matti Hamalainen <ccr@tnsp.org> parents: 44 diff changeset	385 #languages {
5a2dd41ff7ad Initial implementation of language selector. Matti Hamalainen <ccr@tnsp.org> parents: 44 diff changeset	386 position: absolute;
135 8425fcd3fc25 Adjust language selector. Matti Hamalainen <ccr@tnsp.org> parents: 123 diff changeset	387 right: 0.5em;
8425fcd3fc25 Adjust language selector. Matti Hamalainen <ccr@tnsp.org> parents: 123 diff changeset	388 top: 0.5em;
73 5e98fe999fac Adjust language selector CSS. Matti Hamalainen <ccr@tnsp.org> parents: 72 diff changeset	389 background: black;
5e98fe999fac Adjust language selector CSS. Matti Hamalainen <ccr@tnsp.org> parents: 72 diff changeset	390 border-radius: 0.35em;
135 8425fcd3fc25 Adjust language selector. Matti Hamalainen <ccr@tnsp.org> parents: 123 diff changeset	391 padding: 0.5em;
48 5a2dd41ff7ad Initial implementation of language selector. Matti Hamalainen <ccr@tnsp.org> parents: 44 diff changeset	392 }
116 7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	393
7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	394 #languages a {
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	395 display: inline-block;
116 7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	396 padding: 0.5em;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	397 margin: 0.1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	398 background: white;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	399 color: black;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	400 border-radius: 0.35em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	401 text-align: center;
116 7964b6a27f8a Adjust language selection box. Matti Hamalainen <ccr@tnsp.org> parents: 110 diff changeset	402 }
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	403
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	404
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	405 @media screen and (min-resolution: 150dpi) {
203 3798ba80a255 Cosmetics. Matti Hamalainen <ccr@tnsp.org> parents: 201 diff changeset	406
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	407 div.albumTitle, div.imageCaption {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	408 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	409 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	410
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	411 #languages {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	412 position: relative;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	413 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	414 right: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	415 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	416 text-align: right;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	417 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	418
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	419 #languages a {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	420 width: 5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	421 padding: 1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	422 }
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 #naviBreadCrumbs {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	425 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	426 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	427
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	428 div.albumHeaderText {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	429 }
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	430
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	431 #pageImageCaption {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	432 bottom: 0;
210 0a0a2936d779 Adjust image adjustment etc. Matti Hamalainen <ccr@tnsp.org> parents: 209 diff changeset	433 height: 2.5em;
0a0a2936d779 Adjust image adjustment etc. Matti Hamalainen <ccr@tnsp.org> parents: 209 diff changeset	434 overflow: hidden;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	435 }
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	436
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	437 #pageInfoFooter {
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	438 display: none;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	439 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	440
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	441 #pageInfoButton, #pageUpNaviButton {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	442 font-size: 1.5em;
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	443 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	444 left: auto;
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	445 bottom: 2.5em;
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	446 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	447
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	448 #pageInfoButton {
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	449 right: 0.5em;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	450 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	451
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page. Matti Hamalainen <ccr@tnsp.org> parents: 156 diff changeset	452 #pageUpNaviButton {
176 d7d773f6b246 Adjust hovering control button positions, size and opacity. Matti Hamalainen <ccr@tnsp.org> parents: 168 diff changeset	453 right: 4.5em;
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	454 }
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	455 }
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 @media screen and (min-resolution: 150dpi) and (orientation: landscape) {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	459 body {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	460 font-size: 18px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	461 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	462 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	463
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 @media screen and (min-resolution: 150dpi) and (orientation: portrait) {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	466 body {
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	467 font-size: 24px;
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	468 }
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 div.galleryEntry {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	471 width: 40%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	472 }
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	473
209 671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	474 #pageInfoHeader {
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	475 font-size: 1.25em;
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	476 }
671b7cfebf87 Various fixes and adjustments to style. Matti Hamalainen <ccr@tnsp.org> parents: 207 diff changeset	477
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	478 #pageInfoButton, #pageUpNaviButton {
152 606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	479 font-size: 2em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe. Matti Hamalainen <ccr@tnsp.org> parents: 150 diff changeset	480 }
120 d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices. Matti Hamalainen <ccr@tnsp.org> parents: 118 diff changeset	481 }

Mercurial > hg > mgallery

annotate basic.css @ 212:c3512a94189d