Repositioning Buttons

Let's make a game!

Settings
stylesheet:stuff/bigBlue.css

Buttons
*bigButton1
	name:Big Button 1
	class:bigButton hasFlares
	icon:https://file.garden/YYjCqvtBp0P7hcN1/Coin%20Mania/coin%20button%20icon.png
	tag:rightButton

*bigButton2
	name:Big Button 2
	class:bigButton hasFlares
	icon:https://file.garden/YYjCqvtBp0P7hcN1/Coin%20Mania/coin%20button%20icon.png
	tag:leftButton

*button1
	name:Button 1

*button2
	name:Button 2

*button3
	name:Button 3

*specialButton1
	name:Special Button 1
	tag:specialButton
	class:special

*specialButton2
	name:Special Button 2
	tag:specialButton
	class:special

*specialButton3
	name:Special Button 3
	tag:specialButton
	class:special

*specialButton4
	name:Special Button 4
	tag:specialButton
	class:special

*specialButton5
	name:Special Button 5
	tag:specialButton
	class:special

Resources
*res1
	name:Resource 1
	start with:100

*res2
	name:Resource 2
	start with:100

*res3
	name:Resource 3
	start with:100

Layout

*specialButtons
	contains:tag:specialButton
	class:specialButtons
*main
	contains:res, buttons
  *res
    contains:Resources
    class:fullWidth
  *buttons
    contains:Buttons
*store
  contains:buildings, upgrades
  *buildings
    contains:BulkDisplay, Buildings
    header:Buildings
    tooltip origin:left
  *upgrades
    contains:Upgrades
    header:Upgrades
    costs:hide
    names:hide

*rightButtonBox
contains:tag:rightButton

*leftButtonBox
contains:tag:leftButton

CSS

.special
{
	margin:0px;
	height:40px;
	width:33.3333333%;
	float:left;
}
#box-specialButtons
{
    width:40%;
    left:60%;
	max-height:40px;
	padding:0px;
	background:#39f;
	overflow:auto;
}

#box-buttons
{
	top:35%;
}

#box-main
{
	top:80%;
}

#box-store
{
	top:40px;
}

#box-rightButtonBox
{
    right:35%;
    top:40%;
}

#box-leftButtonBox
{
	top:40%;
	right:5%;
}