KaraokeGUI:

<Label>:
    font_name: 'CyrBit.ttf'
    font_size: 12

<Action@Button>:
    size_hint: 1, None
    font_size: 32
    height: 40
    background_color: 0, 0, 0, 1

<Song>:
    size_hint: None, None
    size: 100, 100
    orientation: 'vertical'
    padding: 3
    spacing: 0

    canvas.before:
        Color:
            rgb: (0.5, 0.1, 0.5) if self.active else (0.3, 0.3, 0.3)
        Line:
            rectangle: self.pos[0], self.pos[1], self.size[0], self.size[1]
            width: 2
            joint: 'miter'
        Color:
            rgb: 0.9, 0.9, 0.9

    Image:
        source: self.parent.thumbnail
        size_hint: 1, 0.8
    Label:
        size_hint: 1, 0.1
        text: self.parent.name

<KaraokeGUI>:
    orientation: 'vertical'
    BoxLayout:
        canvas.before:
            Rectangle:
                source: 'images/fondo_monkey_island_barco.png'
                pos: self.pos
                size: self.size
        canvas.after:
            Rectangle:
                source: 'images/fondo_monkey_island_pareja.png'
                pos: self.pos
                size: self.size
        orientation: 'vertical'
        Label:
            id: current_song_title
            color: 0.9, 0.1, 0.3, 1
            outline_color: 1, 1, 1, 1
            outline_width: 1
            font_size: 24
            size_hint: 1, 0.1
            text: ''
        Image:
            id: current_song_image
            source: ''

    BoxLayout:  # Bottom actions and slides
        orientation: 'horizontal'
        height: 120
        size_hint: 1, None

        BoxLayout:
            orientation: 'vertical'
            size_hint: 0.3, 1
            Action:
                text: 'Play'
                on_press: root.play()
            Action:
                text: 'Previous'
                on_press: root.previous()
            Action:
                text: 'Next'
                on_press: root.next()
            Widget:

        ScrollView:
            id: songs_scroll
            do_scroll_x: True
            do_scroll_y: False
            size_hint: 0.7, 1

            GridLayout:
                id: song_container
                rows: 1
                width: self.minimum_width
                padding: 10
                spacing: 10
                size_hint: None, 1