mgallery: basic.css annotate

annotate basic.css @ 211:dc11f61663c9

Remove debug.

author	Matti Hamalainen <ccr@tnsp.org>
date	Thu, 22 Mar 2018 15:15:18 +0200
parents	0a0a2936d779
children	c3512a94189d

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

Mercurial > hg > mgallery

annotate basic.css @ 211:dc11f61663c9