diff --git a/devNotes/twine CSS b/devNotes/twine CSS index 2e3bf0334933c7400fff449a562245cff474fe57..4a03614a0780a2eb824b0b6b109cabc8ff3b8bee 100644 --- a/devNotes/twine CSS +++ b/devNotes/twine CSS @@ -31,6 +31,15 @@ img { text-indent: -10000px; } +.imageColumn { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: flex-start; + position: relative; + float: right; +} + .imageRef { display: flex; flex-direction: column; diff --git a/src/gui/css/mainStyleSheet.tw b/src/gui/css/mainStyleSheet.tw index ada4f930d6ac92d32933c8d878d92416be7dec5f..e948682e8db45c3f895d050f93c1ddf741e622c5 100644 --- a/src/gui/css/mainStyleSheet.tw +++ b/src/gui/css/mainStyleSheet.tw @@ -31,6 +31,15 @@ img { text-indent: -10000px; } +.imageColumn { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: flex-start; + position: relative; + float: right; +} + .imageRef { display: flex; flex-direction: column; diff --git a/src/uncategorized/RESS.tw b/src/uncategorized/RESS.tw index df4aea1cd0773340183d93f297feefeb7c27bf5b..40c313b72694a50904f2f50fb66a54938c0fa806 100644 --- a/src/uncategorized/RESS.tw +++ b/src/uncategorized/RESS.tw @@ -105,18 +105,20 @@ <span id="artFrame"> /* 000-250-006 */ <<if $seeImages == 1>> + <div class="imageColumn"> <div class="imageRef medImg"> - <<SlaveArt _newSlaves[2] 2 0>> + <<SlaveArt $activeSlave 2 0>> </div> <div class="imageRef medImg"> - <<SlaveArt _newSlaves[1] 2 0>> + <<SlaveArt _newSlaves[0] 2 0>> </div> <div class="imageRef medImg"> - <<SlaveArt _newSlaves[0] 2 0>> + <<SlaveArt _newSlaves[1] 2 0>> </div> <div class="imageRef medImg"> - <<SlaveArt $activeSlave 2 0>> + <<SlaveArt _newSlaves[2] 2 0>> </div> + </div> <</if>> /* 000-250-006 */ </span> @@ -17398,17 +17400,19 @@ You tell $him kindly that you understand, and that $he'll be trained to address <<replace "#artFrame">> /* 000-250-006 */ <<if $seeImages == 1>> - <div class="imageRef medImg"> - <<SlaveArt _newSlaves[2] 2 0>> - </div> - <div class="imageRef medImg"> - <<SlaveArt _newSlaves[1] 2 0>> - </div> - <div class="imageRef medImg"> - <<SlaveArt _newSlaves[0] 2 0>> - </div> - <div class="imageRef medImg"> - <<SlaveArt $activeSlave 2 0>> + <div class="imageColumn"> + <div class="imageRef medImg"> + <<SlaveArt $activeSlave 2 0>> + </div> + <div class="imageRef medImg"> + <<SlaveArt _newSlaves[0] 2 0>> + </div> + <div class="imageRef medImg"> + <<SlaveArt _newSlaves[1] 2 0>> + </div> + <div class="imageRef medImg"> + <<SlaveArt _newSlaves[2] 2 0>> + </div> </div> <</if>> /* 000-250-006 */ diff --git a/src/uncategorized/seWeddingTriple.tw b/src/uncategorized/seWeddingTriple.tw index 67474090048403bbd63cf9e214efe7650ed923fe..f82e55b3b6f0b4c153ac9a110999e4f91daec105 100644 --- a/src/uncategorized/seWeddingTriple.tw +++ b/src/uncategorized/seWeddingTriple.tw @@ -14,14 +14,16 @@ /* 000-250-006 */ <<if $seeImages == 1>> - <div class="imageRef medImg"> - <<SlaveArt _slave3 2 0>> - </div> - <div class="imageRef medImg"> - <<SlaveArt _slave2 2 0>> - </div> - <div class="imageRef medImg"> - <<SlaveArt _slave1 2 0>> + <div class="imageColumn"> + <div class="imageRef medImg"> + <<SlaveArt _slave1 2 0>> + </div> + <div class="imageRef medImg"> + <<SlaveArt _slave2 2 0>> + </div> + <div class="imageRef medImg"> + <<SlaveArt _slave3 2 0>> + </div> </div> <</if>> /* 000-250-006 */