mgallery: basic.css annotate

annotate basic.css @ 166:d8387b48b08d

Improve yes/no prompt check.

author	Matti Hamalainen <ccr@tnsp.org>
date	Thu, 01 Mar 2018 14:01:49 +0200
parents	d5ebb0d9d70f
children	ba02d12cb4be

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

Mercurial > hg > mgallery

annotate basic.css @ 166:d8387b48b08d