diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..a46edb8 --- /dev/null +++ b/css/main.css @@ -0,0 +1,150 @@ +body { + margin: 0; + background-color: #1f2225; +} + +.text { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + color: white; +} + + +.input { + width: 100%; + display: block; + height: 2rem; + padding: .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #42484e; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #c3c9cf; + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; + text-rendering: auto; + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; + outline: none; +} + +button { + color: white; + display: inline-block; + font-weight: 400; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: 1px solid transparent; + padding: .375rem .75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: .25rem; + outline: none; +} + +.green-button { + background-color: #1fb943; +} + +.green-button:hover { + background-color: #1d7732; +} + +.red-button { + background-color: #ca1818; +} + +.red-button:hover { + background-color: #aa1616; +} + +.blue-button { + background-color: #1898ca; +} + +.blue-button:hover { + background-color: #1680aa; +} + +nav { + display: flex; + align-items: baseline; + background-color: #2e3338; + color: white; + padding: .5rem 1rem; +} + +.option { + margin-top: .6rem; + margin-bottom: .6rem; +} + +.sub-option { + padding-left: 2.5rem; + display: flex; + flex-direction: column; +} + +.settings { + width: 30rem; + height: 50rem; + background-color: grey; + border: 1px solid transparent; + padding: .375rem .75rem; + padding-right: 2.5rem; + font-size: 1rem; + line-height: 1.5; + border-radius: .25rem; + margin:.5rem; + overflow-y: auto; + display: flex; + flex-direction: column; +} + +.effect { + background-color: #1fb943; + border: 1px solid transparent; + padding: .375rem .75rem; + padding-right: 2.5rem; + font-size: 1rem; + line-height: 1.5; + border-radius: .25rem; + margin:.5rem; +} + +.crop-block { + background-color: #1fb943; + border: 1px solid transparent; + padding: .375rem .75rem; + padding-right: 2.5rem; + font-size: 1rem; + line-height: 1.5; + border-radius: .25rem; + margin:.5rem; +} + +.header-text { + margin: .5rem 1rem; +} + +#settings-container { + display: flex; + justify-content: center; +} + +textarea { + resize: none; + width: 100%; + height: 15rem; + outline: none; +} \ No newline at end of file diff --git a/index.html b/index.html index 49e6899..43c2b32 100644 --- a/index.html +++ b/index.html @@ -1,451 +1,418 @@ - - Bedrock Block/Item Generator - - - -

Bedrock Item/Block Generator

-
-
+ +
+ + +
+ +
+ + +
+ +
+ + - -
  • - -
  • - -
    + + +
    + + +
    + -
    -

    Item Settings

    - -
    - + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + + +
    + + + +
    +
    + + +
    + + + + + + +
    +

    Behavior Pack

    +

    Paste this into your behavior item definition file!

    +
    + + +
    + +

    Resource Pack

    +

    Paste this into your resource item definition file! (blocks.json if it's a block)

    +
    + + +
    + +

    Texture Atlas

    +

    Paste this into your texture atlas!

    +
    + + +
    + +

    Language Translation

    +

    Paste this into your translation file!

    +
    + + +
    +
    + + + + +