mod_list {
    height = parent_height - 200,
    width = parent_width - 300,
    background_color = rgba(0, 0, 0, 0.25),
    shadow = shadow(0.0, 0.0, rgba(0, 0, 0, 0.6), 16.0, 1.0, "outset"),
}

mod_list > scroll_panel {
    width = parent_width,
    height = parent_height - (16 * 2 + 50),
}

mod_list > scroll_panel > content {
    layout = "rows",
}

mod_header {
    width = parent_width,
    height = 40,
    border_width = border_width(0.0, 0.0, 0.0, 2.0),
    border = border(bside("#FAFFBF", "dotted")),
}

mod_header > name {
    layout = "lined",
    line_height = 40,
    width = 200,
    x = 25,
}

mod_header > name > @text {
    font_size = 35,
    font_color = "#FAFFBF",
}

mod_header > time {
    layout = "lined",
    line_height = 40,
    width = 200,
    x = parent_width - 75,
}

mod_header > time > @text {
    font_size = 35,
    font_color = "#FAFFBF",
}

mod_entry {
    width = parent_width,
    height = 30,
    border_width = border_width(0.0, 0.0, 0.0, 1.0),
    border = border(bside("#FAFFBF", "solid")),

    can_hover = true,

    on_mouse_move_over = "init#
        ui.set_cursor('base:ui/cursor/interact')
    ",
    on_mouse_move_out = "init#
        ui.set_cursor('base:ui/cursor/normal')
    ",
}

mod_entry(on_click=click) {
    on_mouse_up = click,
}

mod_entry(hover=true) {
    background_color = rgba(255, 255, 255, 0.7),
    shadow = shadow(0.0, 0.0, rgba(0, 0, 0, 0.6), 16.0, 1.0, "outset"),
}

mod_entry(selected=true) {
    background_color = rgba(255, 255, 0, 0.7),
    shadow = shadow(0.0, 0.0, rgba(255, 255, 255, 0.6), 16.0, 1.0, "outset"),
}

mod_entry(hover=true, selected=true) {
    background_color = rgba(0, 255, 255, 0.7),
    shadow = shadow(0.0, 0.0, rgba(255, 255, 255, 0.6), 16.0, 1.0, "outset"),
}

mod_entry > name {
    layout = "lined",
    line_height = 30,
    width = 800,
    x = 25,
}

mod_entry > name > @text {
    font_size = 25,
    font_color = "#FAFFBF",
}

mod_entry(valid=false) > name > @text {
    font_color = "#333333",
}

mod_entry(hover=true) > name > @text {
    font_color = "#8c3b31",
}
mod_entry(selected=true) > name > @text {
    font_color = "#8c3b31",
}

mod_entry > button(id="upload") {
    line_height = 30,
    width = 140,
    height = parent_height - 4,
    x = parent_width - 145,
    y = 2,
}

steam_disc {
    layout = "lined",
    x = parent_width - 580,
    y = parent_height - 30,
    line_height = 30,
    width = 600,
    background_color = rgba(0, 0, 0, 0.9),
}

steam_disc > @text {
    font_color = rgb(255, 60, 60),
    font_size = 25,
    text_shadow = text_shadow(1.0, 1.0, "#000000", 1.0),
}

steam_disc > @text(url_path=url) {
    font_color = rgb(60, 255, 60),
    can_hover = true,
}
steam_disc > @text(url_path=url, hover=true) {
    font_color = rgb(200, 255, 200),
}