diff --git a/devNotes/twine CSS b/devNotes/twine CSS index bb04b0e4ab6721bb47fefb71c7f3a9ecf596e841..ce696d3590d694d484ba475d3fd3065682aea4b1 100644 --- a/devNotes/twine CSS +++ b/devNotes/twine CSS @@ -626,32 +626,104 @@ div.tab button.active { /*:: Options Macro [stylesheet]*/ -.optionMacroDescription { +.optionMacro { + margin-top: 8px; + display: inline-block; +} + +.optionDescription { + display: inline-block; + width: 500px; + margin-right: 10px; + line-height: 1.2; + text-align: right; +} + +@media only screen and (max-width: 1200px) { + .optionDescription { + display: block; + width: unset; + } + + .optionMacro { + margin-top: 30px; + } + } .optionMacroOption { + border: #555 solid 0.5px; + border-top-width: 0; + vertical-align: top; + background: linear-gradient(transparent,#222); + -moz-user-select: none; + min-width: 79px; /* 80px - 1px for border */ + display: inline-block; + text-align: center; } -/* Separate each option with a | */ -.optionMacroOption::after { - content: " | "; +.optionComment { + vertical-align: top; + color: gray; } /* But don't add the | after the last one */ -.optionMacroOption:last-child::after { - content: unset; +.optionMacroOption:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-width: 0; } +.optionMacroOption:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} .optionMacroOption a { + padding: 0 10px; + box-sizing: border-box; + width: 100%; + display: block; } .optionMacroOption:hover { + background: linear-gradient(#2F2F2F,#111); } .optionMacroSelected { + background: linear-gradient(#2F2F2F,#111); + padding: 0 10px; + min-width: 80px; + cursor: pointer; + box-sizing: border-box; +} + +.optionValue input { + padding: 3px; + background: linear-gradient(transparent,#222); + border: #555 solid 0.5px; + border-top-width: 0; + min-width: reset; + width: 140px; +} + +.optionValue input:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-width: 0; +} + +.optionValue input:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.optionMacroSelected.optionMacroEnable { + color: rgb(230,255,230); + background-image: linear-gradient(rgba(0, 255,0, 0.12), transparent); } -/* Container div of the list of options */ -.optionMacroOptionsList { +.optionMacroSelected.optionMacroDisable { + color: rgb(255,240,240); + background-image: linear-gradient(rgba(255, 100, 0, 0.2), transparent); } diff --git a/src/uncategorized/RESS.tw b/src/uncategorized/RESS.tw index fb4d378fb85f240d4314c53e0e94ff96c2eba9e2..7b6c2e8570ff9e1dcef99c0d75c2c060a1374a43 100644 --- a/src/uncategorized/RESS.tw +++ b/src/uncategorized/RESS.tw @@ -13144,16 +13144,16 @@ You tell $him kindly that you understand, and that $he'll be trained to address <br><br> Over the week, you require $him to repeat this sexually confusing performance daily. It's difficult, having one of your slaves detailed to stimulate your nipples every day, but you make the necessary sacrifice. <</if>> - <</if>> - <<if random(1,2) == 1>> - After a few days, $he's @@.green;obviously reconsidering $his previous hesitations about tits and ass.@@ - <<set $activeSlave.attrXX += 5>> - <<else>> - $He serves your feminine body like a good slave. $His dislike for sex with girls doesn't change, but $he gets better at @@.hotpink;suppressing $his own inclinations@@ and serving as your plaything. - <<set $activeSlave.devotion += 4>> + <<if random(1,2) == 1>> + After a few days, $he's @@.green;obviously reconsidering $his previous hesitations about tits and ass.@@ + <<set $activeSlave.attrXX += 5>> + <<else>> + $He serves your feminine body like a good slave. $His dislike for sex with girls doesn't change, but $he gets better at @@.hotpink;suppressing $his own inclinations@@ and serving as your plaything. + <<set $activeSlave.devotion += 4>> + <</if>> <</if>> <</replace>> -<</link>><<if canDoVaginal($activeSlave) && ($activeSlave.vagina == 0) && $activeSlave.attrXY <= 35>>//This option will take virginity//<<elseif !canDoVaginal($activeSlave) && ($activeSlave.anus == 0) && $activeSlave.attrXY <= 35>> //This option will take anal virginity//<</if>> +<</link>><<if canDoVaginal($activeSlave) && ($activeSlave.vagina == 0) && $activeSlave.attrXY <= 35>>//This option will take virginity//<<elseif !canDoVaginal($activeSlave) && canDoAnal($activeSlave) && ($activeSlave.anus == 0) && $activeSlave.attrXY <= 35>> //This option will take anal virginity//<</if>> <<case "penitent">>