diff --git a/src/gui/css/mainStyleSheet.css b/src/gui/css/mainStyleSheet.css index dabe0b08b77d1ae90668886dcf62a56488ff24e1..4d9d096c8c95c70901d4f084b6d7f01a269f70ca 100644 --- a/src/gui/css/mainStyleSheet.css +++ b/src/gui/css/mainStyleSheet.css @@ -358,3 +358,7 @@ div.indent { div.double-indent { text-indent: 4em; } +div.grid-2columns-auto { + display: grid; + grid-template-columns: max-content auto; +} \ No newline at end of file diff --git a/src/uncategorized/bodyModification.tw b/src/uncategorized/bodyModification.tw index b7b687ca9ed4e7bbb5ec9adf3360f65664e7578e..679df555f6463dce02dbc45fb47db564cc1b5595 100644 --- a/src/uncategorized/bodyModification.tw +++ b/src/uncategorized/bodyModification.tw @@ -9,6 +9,7 @@ <h1>Body Modification Studio</h1> +<div style="padding-bottom:2em"> <<= SlaveFullName($activeSlave)>> is lying strapped down on the table in your body modification studio. $He is entirely at your mercy. <<if $brandApplied || $degradation || $scarApplied>> @@ -390,20 +391,21 @@ <</if>> <</if>> /* 000-250-006 */ +</div> /* PIERCINGS */ <<set _piercingCount =($activeSlave.earPiercing + $activeSlave.nosePiercing + $activeSlave.eyebrowPiercing + $activeSlave.lipsPiercing + $activeSlave.tonguePiercing + $activeSlave.nipplesPiercing + $activeSlave.areolaePiercing + $activeSlave.corsetPiercing + $activeSlave.navelPiercing + $activeSlave.clitPiercing + $activeSlave.vaginaPiercing + $activeSlave.dickPiercing + $activeSlave.anusPiercing)>> /*DESCRIPTIONS */ -<br><br> -Piercings: +<h2>Piercings</h2> +<div class="indent"> +<div style="padding-bottom:1em"> <<if _piercingCount == 0>> $His smooth $activeSlave.skin skin is completely unpierced. <</if>> -<div class="indent"> <<if $activeSlave.earPiercing > 0 >><div><<= App.Desc.piercing($activeSlave, "ear")>></div><</if>> <<if $activeSlave.nosePiercing > 0 >><div><<= App.Desc.piercing($activeSlave, "nose")>></div><</if>> <<if $activeSlave.eyebrowPiercing > 0 >><div><<= App.Desc.piercing($activeSlave, "eyebrow")>></div><</if>> @@ -419,19 +421,20 @@ Piercings: <<if $activeSlave.anusPiercing > 0 >><div><<= App.Desc.piercing($activeSlave, "anus")>></div><</if>> <div><<= App.Desc.piercing($activeSlave, "chastity")>></div> +</div> /* Apply piercings */ -<br> +<div> Choose piercing style: <<if $piercingLevel != 1>>[[Light|Body Modification][$piercingLevel = 1]]<<else>>Light<</if>> <<if $piercingLevel != 2>>| [[Heavy|Body Modification][$piercingLevel = 2]]<<else>>| Heavy<</if>> <<if $piercingLevel != 3>>| [[Smart|Body Modification][$piercingLevel = 3]]<<else>>| Smart<</if>> <<if $piercingLevel != 0>>| [[Remove|Body Modification][$piercingLevel = 0]]<<else>>| Remove<</if>> +</div> - +<div> <<if $piercingLevel == 1>> - <br> //Lightly// pierce $his: <<link "Entire body">> @@ -484,10 +487,7 @@ Choose piercing style: <<if $activeSlave.dickPiercing != 1>> | [[Dick|Body Modification][$activeSlave.dickPiercing = 1, cashX(forceNeg($modCost), "slaveMod", $activeSlave)]]<</if>> <</if>> <<if $activeSlave.anusPiercing != 1>> | [[Anus|Body Modification][$activeSlave.anusPiercing = 1, cashX(forceNeg($modCost), "slaveMod", $activeSlave)]]<</if>> -<</if>> - -<<if $piercingLevel == 2>> - <br> +<<elseif $piercingLevel == 2>> ''Heavily'' pierce $his: <<link "Entire body">> @@ -540,22 +540,15 @@ Choose piercing style: <<if $activeSlave.dickPiercing != 2>> | [[Dick|Body Modification][$activeSlave.dickPiercing = 2, cashX(forceNeg($modCost), "slaveMod", $activeSlave),$degradation += 1]]<</if>> <</if>> <<if $activeSlave.anusPiercing != 2>> | [[Anus|Body Modification][$activeSlave.anusPiercing = 2, cashX(forceNeg($modCost), "slaveMod", $activeSlave),$degradation += 1]]<</if>> -<</if>> - -<<if $piercingLevel == 3>> +<<elseif $piercingLevel == 3>> <<if ($activeSlave.vagina != -1) || ($activeSlave.dick != 0)>> <<if $activeSlave.clitPiercing != 3>> - <br> Give $him a [[smart piercing?|Body Modification][$activeSlave.clitPiercing = 3,$activeSlave.clitSetting = "all",cashX(forceNeg($SPcost), "slaveMod", $activeSlave),$degradation += 1]] //Costs <<print cashFormat($SPcost)>>, unlocks options to mold sexuality// <<else>> - <br> $He already has a smart piercing! <</if>> <</if>> -<</if>> - -<<if $piercingLevel == 0>> - <br> +<<elseif $piercingLevel == 0>> Remove piercings from: /* no dick/vagina checks in 'remove' so stealth piercings can be cleaned. Check only for piercings. */ @@ -596,25 +589,27 @@ Choose piercing style: <<if $activeSlave.anusPiercing > 0>> | [[Anus|Body Modification][$activeSlave.anusPiercing = 0, cashX(forceNeg($modCost), "slaveMod", $activeSlave)]]<</if>> <</if>> </div> - -<br> +</div> /* indent */ /* TATTOOS */ -Tattoos: -<<if $activeSlave.shouldersTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "shoulder")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.lipsTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "lips")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.boobsTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "breast")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.armsTat != 0 && hasAnyNaturalArms($activeSlave)>> <br> <<= App.Desc.tattoo($activeSlave, "upper arm")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.backTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "back")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.stampTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "lower back")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.buttTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "buttock")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.vaginaTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "vagina")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.dickTat != 0 && $activeSlave.dick > 0>> <br> <<= App.Desc.tattoo($activeSlave, "dick")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.anusTat != 0>> <br> <<= App.Desc.tattoo($activeSlave, "anus")>><<set _hasTat = 1>><</if>> -<<if $activeSlave.legsTat != 0 && hasAnyNaturalLegs($activeSlave)>> <br> <<= App.Desc.tattoo($activeSlave, "thigh")>><<set _hasTat = 1>><</if>> - -<br> +<h2>Tattoos</h2> +<div class="indent"> +<div style="padding-bottom:1em"> +<<if $activeSlave.shouldersTat != 0>><div><<= App.Desc.tattoo($activeSlave, "shoulder")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.lipsTat != 0>><div><<= App.Desc.tattoo($activeSlave, "lips")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.boobsTat != 0>><div><<= App.Desc.tattoo($activeSlave, "breast")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.armsTat != 0 && hasAnyNaturalArms($activeSlave)>><div><<= App.Desc.tattoo($activeSlave, "upper arm")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.backTat != 0>><div><<= App.Desc.tattoo($activeSlave, "back")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.stampTat != 0>><div><<= App.Desc.tattoo($activeSlave, "lower back")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.buttTat != 0>><div><<= App.Desc.tattoo($activeSlave, "buttock")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.vaginaTat != 0>><div><<= App.Desc.tattoo($activeSlave, "vagina")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.dickTat != 0 && $activeSlave.dick > 0>><div><<= App.Desc.tattoo($activeSlave, "dick")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.anusTat != 0>><div><<= App.Desc.tattoo($activeSlave, "anus")>></div><<set _hasTat = 1>><</if>> +<<if $activeSlave.legsTat != 0 && hasAnyNaturalLegs($activeSlave)>><div><<= App.Desc.tattoo($activeSlave, "thigh")>></div><<set _hasTat = 1>><</if>> +</div> + +<div> Choose a tattoo style: /* if/else is here so a "highlighted" option is never a link. */ <<if $tattooChoice != "tribal patterns">>[[Tribal patterns|Body Modification][$tattooChoice = "tribal patterns"]]<<else>>Tribal patterns<</if>> @@ -639,9 +634,10 @@ Choose a tattoo style: <<if _hasTat == 1>> <<if $tattooChoice !== 0>> | //[[Remove a tattoo|Body Modification][$tattooChoice = 0]]//<<else>>| Remove a tattoo<</if>> <</if>> +</div> +<div> <<if def $tattooChoice>> - <br> <<if $tattooChoice == 0>> Clean the ink off of $him: <<elseif $tattooChoice == "counting">> @@ -788,8 +784,9 @@ Choose a tattoo style: <</if>> <</if>> <</if>> -<br> +</div> +<div> <<if $activeSlave.belly >= 10000 && $activeSlave.bellyPreg < 450000 && $activeSlave.bellyFluid < 5000>> <<if $activeSlave.bellyTat == 0>> $He has no navel tattoos. @@ -797,10 +794,11 @@ Choose a tattoo style: $His navel is tattooed with $activeSlave.bellyTat. <</if>> <<if $activeSlave.bellyTat == 0>> - <br> + <div> [[Heart|Body Modification][$activeSlave.bellyTat = "a heart",cashX(forceNeg($surgeryCost), "slaveSurgery", $activeSlave)]] | [[Star|Body Modification][$activeSlave.bellyTat = "a star",cashX(forceNeg($surgeryCost), "slaveSurgery", $activeSlave)]] | [[Butterfly|Body Modification][$activeSlave.bellyTat = "a butterfly",cashX(forceNeg($surgeryCost), "slaveSurgery", $activeSlave),$degradation += 1]] + </div> <</if>> <<if $activeSlave.bellyTat != 0>> //[[Remove tattoos|Body Modification][$activeSlave.bellyTat = 0,cashX(forceNeg($surgeryCost), "slaveSurgery", $activeSlave)]]// @@ -812,8 +810,9 @@ Choose a tattoo style: <<else>> $His middle isn't large enough to be a suitable canvas for a navel focused tattoo. <</if>> +</div> -<br> +<div> <<if $activeSlave.birthsTat > 0>> <<if $activeSlave.birthsTat > 1>> $He has a series of num($activeSlave.birthsTat) baby-shaped tattoos adorning $his stomach; one for each successful pregnancy<<if $activeSlave.pregKnown == 1>> and a temporary one for $his current pregnancy<</if>>. @@ -834,7 +833,9 @@ Choose a tattoo style: Have $him receive a tattoo each time $he gives birth. //[[Begin keeping track|Body Modification][$activeSlave.birthsTat = 0]]// <</if>> -<br> +</div> + +<div> <<if $activeSlave.abortionTat > 0>> <<if $activeSlave.abortionTat > 1>> $He has a series of num($activeSlave.abortionTat) crossed out baby-shaped tattoos<<if $activeSlave.pregKnown == 1>>, and one uncrossed one,<</if>> adorning $his stomach. @@ -855,70 +856,70 @@ Choose a tattoo style: Have $him receive a tattoo for each abortion or miscarriage $he has. //[[Begin keeping track|Body Modification][$activeSlave.abortionTat = 0]]// <</if>> +</div> +</div>/* indent */ -<br> -<br> - -Custom Tats: -<br> //Use complete sentences, make a description of it// - +<h3>Custom Tattoos</h3> +<div class="indent"> +//Use complete sentences, make a description of it// +<div class="grid-2columns-auto"> <<if $activeSlave.lipsTat == 0>> - <br> - Give $him a custom face tattoo: <<textbox "$activeSlave.lipsTat" $activeSlave.lipsTat "Slave Interact">> + <div>Give $him a custom face tattoo:</div> + <div><<textbox "$activeSlave.lipsTat" $activeSlave.lipsTat "Slave Interact">></div> <</if>> <<if $activeSlave.shouldersTat == 0>> - <br> - Give $him a custom shoulder tattoo: <<textbox "$activeSlave.shouldersTat" $activeSlave.shouldersTat "Slave Interact">> + <div>Give $him a custom shoulder tattoo:</div> + <div><<textbox "$activeSlave.shouldersTat" $activeSlave.shouldersTat "Slave Interact">></div> <</if>> <<if $activeSlave.armsTat == 0 && hasAnyNaturalArms($activeSlave)>> - <br> - Give $him a custom arm tattoo: <<textbox "$activeSlave.armsTat" $activeSlave.armsTat "Slave Interact">> + <div>Give $him a custom arm tattoo:</div> + <div><<textbox "$activeSlave.armsTat" $activeSlave.armsTat "Slave Interact">></div> <</if>> <<if $activeSlave.boobsTat == 0>> - <br> - Give $him a custom tit tattoo: <<textbox "$activeSlave.boobsTat" $activeSlave.boobsTat "Slave Interact">> + <div>Give $him a custom tit tattoo:</div> + <div><<textbox "$activeSlave.boobsTat" $activeSlave.boobsTat "Slave Interact">></div> <</if>> <<if $activeSlave.backTat == 0>> - <br> - Give $him a custom back tattoo: <<textbox "$activeSlave.backTat" $activeSlave.backTat "Slave Interact">> + <div>Give $him a custom back tattoo:</div> + <div><<textbox "$activeSlave.backTat" $activeSlave.backTat "Slave Interact">></div> <</if>> <<if $activeSlave.stampTat == 0>> - <br> - Give $him a custom tramp stamp (lower back tattoo): <<textbox "$activeSlave.stampTat" $activeSlave.stampTat "Slave Interact">> + <div>Give $him a custom tramp stamp (lower back tattoo):</div> + <div><<textbox "$activeSlave.stampTat" $activeSlave.stampTat "Slave Interact">></div> <</if>> <<if $activeSlave.buttTat == 0>> - <br> - Give $him a custom butt tattoo: <<textbox "$activeSlave.buttTat" $activeSlave.buttTat "Slave Interact">> + <div>Give $him a custom butt tattoo:</div> + <div><<textbox "$activeSlave.buttTat" $activeSlave.buttTat "Slave Interact">></div> <</if>> <<if $activeSlave.dickTat == 0 && $activeSlave.dick != 0>> - <br> - Give $him a custom dick tattoo: <<textbox "$activeSlave.dickTat" $activeSlave.dickTat "Slave Interact">> + <div>Give $him a custom dick tattoo:</div> + <div><<textbox "$activeSlave.dickTat" $activeSlave.dickTat "Slave Interact">></div> <</if>> <<if $activeSlave.vaginaTat == 0>> - <br> - Give $him a custom pubic tattoo: <<textbox "$activeSlave.vaginaTat" $activeSlave.vaginaTat "Slave Interact">> + <div>Give $him a custom pubic tattoo:</div> + <div><<textbox "$activeSlave.vaginaTat" $activeSlave.vaginaTat "Slave Interact">></div> <</if>> <<if $activeSlave.anusTat == 0>> - <br> - Give $him a custom anus tattoo: <<textbox "$activeSlave.anusTat" $activeSlave.anusTat "Slave Interact">> + <div>Give $him a custom anus tattoo:</div> + <div><<textbox "$activeSlave.anusTat" $activeSlave.anusTat "Slave Interact">></div> <</if>> <<if $activeSlave.legsTat == 0 && hasAnyNaturalLegs($activeSlave)>> - <br> - Give $him a custom leg tattoo: <<textbox "$activeSlave.legsTat" $activeSlave.legsTat "Slave Interact">> + <div>Give $him a custom leg tattoo:</div> + <div><<textbox "$activeSlave.legsTat" $activeSlave.legsTat "Slave Interact">></div> <</if>> +</div> /* grid */ -<br> - +<div> <<if ($activeSlave.custom.tattoo == "")>> Give $him a custom tattoo: <<textbox "$activeSlave.custom.tattoo" $activeSlave.custom.tattoo "Slave Interact">> <<else>> @@ -928,14 +929,17 @@ Custom Tats: <<if $activeSlave.custom.tattoo != "">> //[[Remove custom tattoo|Body Modification][$activeSlave.custom.tattoo = "",cashX(forceNeg($surgeryCost), "slaveSurgery", $activeSlave)]]// <</if>> +</div> -<br><br> +</div> /* indent */ /* Branding */ -Branding: +<h2>Branding</h2> +<div class="indent"> +<div style="padding-bottom:1em"> <<for _brandName, _brand range $activeSlave.brand>> - <br> + <div> $His _brandName is marked with _brand<<if _brand == $brandDesign.official>>, your [[official brand|Universal Rules]]<</if>>: <<capture _brandName>> <<link "Remove Brand">> @@ -946,22 +950,28 @@ Branding: <<goto "Body Modification">> <</link>> <</capture>> + </div> <</for>> <<if (jQuery.isEmptyObject($activeSlave.brand))>> - <br> + <div> $His skin is unmarked. + </div> <</if>> <<if !(Object.values($activeSlave.brand).includes($brandDesign.official))>> - <br> + <div> $He lacks your [[official brand|Universal Rules]], "$brandDesign.official." + </div> <</if>> +</div> -<br> +<div> Use ''$brandDesign.local'' or choose another brand: [[Your slaving emblem|Body Modification][$brandDesign.local = "your personal symbol"]] | [[Your initials|Body Modification][$brandDesign.local = "your initials"]] -<br> +</div> +<div class="double-indent"> +<div> [[SLUT|Body Modification][$brandDesign.local = "SLUT"]] | [[WHORE|Body Modification][$brandDesign.local = "WHORE"]] | [[SLAVE|Body Modification][$brandDesign.local = "SLAVE"]] @@ -969,11 +979,13 @@ Use ''$brandDesign.local'' or choose another brand: | [[MEAT|Body Modification][$brandDesign.local = "MEAT"]] | [[CUMDUMP|Body Modification][$brandDesign.local = "CUMDUMP"]] | [[LOVER|Body Modification][$brandDesign.local = "LOVER"]] -<br> +</div> +<div> [[Pussy symbol|Body Modification][$brandDesign.local = "a pussy symbol"]] | [[Anus symbol|Body Modification][$brandDesign.local = "an anus symbol"]] | [[Penis symbol|Body Modification][$brandDesign.local = "a penis symbol"]] -<br> +</div> +<div> [[Lady|Body Modification][$brandDesign.local = "a lady silhouette"]] | [[Princess|Body Modification][$brandDesign.local = "a princess silhouette"]] | [[Queen|Body Modification][$brandDesign.local = "a queen silhouette"]] @@ -1057,12 +1069,14 @@ Use ''$brandDesign.local'' or choose another brand: <<if ($arcologies[0].FSChineseRevivalist != "unset")>> | //FS// [[Imperial Seal|Body Modification][$brandDesign.local = "your Imperial Seal"]] <</if>> +</div> +</div> /* double indent */ -<br> +<div> Or design your own: <<textbox "$brandDesign.local" $brandDesign.local "Body Modification">> +</div> - -<br> +<div> Choose a site for branding: /* Sorted head to toe */ /* Head */ @@ -1101,13 +1115,15 @@ Choose a site for branding: | [[Ankles|Body Modification][$brandTarget.local = "ankle"]] | [[Feet|Body Modification][$brandTarget.local = "foot"]] <</if>> +</div> /* Branding expansion contributed by Anon1888 */ -<br> +<div> Or a custom site: <<textbox "$brandTarget.local" $brandTarget.local "Body Modification">> +</div> -<br> +<div> <<if ["ankle", "breast", "buttock", "calf", "cheek", "ear", "foot", "hand", "lower arm", "shoulder", "testicle", "thigh", "upper arm", "wrist"].includes($brandTarget.local)>> <<set _leftTarget = ("left " + $brandTarget.local)>> <<set _rightTarget = ("right " + $brandTarget.local)>> @@ -1160,19 +1176,23 @@ Or a custom site: <<textbox "$brandTarget.local" $brandTarget.local "Body Modifi with $brandDesign.local on the $brandTarget.local<<if $activeSlave.brand[$brandTarget.local]>>, covering the "<<print $activeSlave.brand[$brandTarget.local]>>" that is already there?<<else>>.<</if>> //Branding will slightly reduce $his beauty but may slowly increase your reputation.// <</if>> <</if>> +</div> <<if $activeSlave.breedingMark == 1 && ($propOutcome == 0 || $eugenicsFullControl == 1 || $arcologies[0].FSRestart == "unset")>> - <br> + </div> $He has an intricate tattoo on $his lower belly that suggests $he was made to be bred. [[Remove it|Body Modification][$activeSlave.breedingMark = 0]] + </div> <</if>> -<br><br> +</div> /* indent */ /* Scars */ -Scars: +<h2>Scars</h2> +<div class="indent"> +<div style="padding-bottom:1em"> <<for _scarName, _scar range $activeSlave.scar>> - <br> + <div> $His _scarName is marked with <<= App.Desc.expandScarString($activeSlave, _scarName)>>: <<capture _scarName>> <<link "Remove Scar">> @@ -1183,13 +1203,16 @@ Scars: <<goto "Body Modification">> <</link>> <</capture>> + </div> <</for>> <<if (jQuery.isEmptyObject($activeSlave.scar))>> - <br> + <div> $His skin is not scarred. + </div> <</if>> +</div> -<br> +<div> Use ''$scarDesign.local'' or choose another scar: [[Whip|Body Modification][$scarDesign.local = "whip"]] @@ -1198,11 +1221,13 @@ Use ''$scarDesign.local'' or choose another scar: | [[Menacing|Body Modification][$scarDesign.local = "menacing"]] | [[Exotic|Body Modification][$scarDesign.local = "exotic"]] /* Other common scars might be battle scars or c-Section but it makes little sense to include them here */ +</div> -<br> +<div> Or design your own: <<textbox "$scarDesign.local" $scarDesign.local "Body Modification">> +</div> -<br> +<div> Choose a site for scaring: <<if ["menacing", "exotic"].includes($scarDesign.local)>> @@ -1251,9 +1276,11 @@ Choose a site for scaring: | [[Feet|Body Modification][$scarTarget.local = "foot"]] <</if>> <</if>> +</div> -<br> +<div> Or a custom site: <<textbox "$scarTarget.local" $scarTarget.local "Body Modification">> +</div> /* Correct some "bad" choices" */ <<if ["menacing", "exotic"].includes($scarDesign.local)>> @@ -1262,7 +1289,7 @@ Or a custom site: <<textbox "$scarTarget.local" $scarTarget.local "Body Modifica <</if>> <</if>> -<br> +<div> <<if ["ankle", "breast", "buttock", "calf", "cheek", "ear", "foot", "hand", "lower arm", "shoulder", "testicle", "thigh", "upper arm", "wrist"].includes($scarTarget.local)>> <<set _leftTarget = ("left " + $scarTarget.local)>> <<set _rightTarget = ("right " + $scarTarget.local)>> @@ -1349,3 +1376,5 @@ Or a custom site: <<textbox "$scarTarget.local" $scarTarget.local "Body Modifica <</link>> with $scarDesign.local on the $scarTarget.local<<if $activeSlave.scar[$scarTarget.local]>>, adding to the scars that are already there?<<else>>.<</if>> <</if>> +<div> +</div> /* indent */