irecorder 0.0.7

data/lib/taskwin.rb

@@ -0,0 +1,363 @@
+#-------------------------------------------------------------------------------------------
+#
+#  Task Window
+#
+class TaskWindow < Qt::Widget
+
+    # column
+    SOURCE = 0
+    FILE = 1
+    LAPSE = 2
+    STATUS = 3
+
+    class TaskItem
+        attr_reader :sourceUrlItem, :savePathItem, :savePath
+        attr_reader :timeItem, :statusItem
+        attr_reader :process
+        alias   :id :sourceUrlItem
+
+        def initialize(process, src, save, time, status)
+            @sourceUrlItem = Item.new(src)
+            @savePathItem = Item.new(File.basename(save))
+            @timeItem = Item.new(lapseText(time))
+            @statusItem = Item.new(status)
+            @process = process
+            @savePath = save
+        end
+
+        def sourceUrl
+            @sourceUrlItem.text
+        end
+
+        def time
+            @timeItem.text
+        end
+
+        def status
+            @statusItem.text
+        end
+
+        def updateTime(lapse)
+            @timeItem.text = lapseText(lapse)
+        end
+
+        def status=(str)
+            @statusItem.text = str
+        end
+
+        def lapseText(lapse)
+            a = Time.at(lapse).getgm.to_a
+            "%02d:%02d:%02d" % [a[2], a[1], a[0]]
+        end
+
+    end
+
+
+    #--------------------------------------------
+    #
+    #
+    class TaskTable < Qt::TableWidget
+
+        def initialize
+            super(0,4)
+
+            # Hash table : key column_0_item  => TaskItem
+            @taskItemTbl = {}
+            self.selectionMode = Qt::AbstractItemView::SingleSelection
+        end
+
+        public
+        def taskItemAtRow(row)
+            i0 = item(row,0)     # column_0_item is key to taskItem ID
+            i0 && taskItemFromId(i0)
+        end
+
+        def taskItemFromId(id)
+            @taskItemTbl[id]
+        end
+
+        def insertTaskItem(taskItem)
+            sortFlag = sortingEnabled
+            self.sortingEnabled = false
+
+            insertRow(0)
+            setItem(0,SOURCE, taskItem.sourceUrlItem)
+            setItem(0,FILE, taskItem.savePathItem)
+            setItem(0,LAPSE, taskItem.timeItem)
+            setItem(0,STATUS, taskItem.statusItem)
+            @taskItemTbl[taskItem.id] = taskItem
+
+            self.sortingEnabled = sortFlag
+        end
+
+        def each(&block)
+            a = []
+            rowCount.times do |r|
+                i = taskItemAtRow(r)
+                a << i if i
+            end
+            a.each do |i| block.call( i ) end
+        end
+
+        def deleteItem(i)
+            removeRow(i.id.row)
+            @taskItemTbl.delete(i.id)
+        end
+
+
+        # context menu : right click popup menu.
+        protected
+        def contextMenuEvent(e)
+            wItem = itemAt(e.pos)
+            if wItem
+                openContextPopup(e.globalPos, wItem)
+            end
+        end
+
+
+
+
+        # open & exec contextMenu
+        def openContextPopup(pos, wItem)
+            poRow =  wItem.row
+            poColumn = wItem.column
+            process = taskItemAtRow(wItem.row).process
+
+            menu = Qt::Menu.new
+            insertDefaultActions(menu, poColumn, process)
+            createPlayerMenu(menu, poColumn, process)
+            action = menu.exec(pos)
+            if action then
+                $log.code { "execute : '#{action.data.toString}'" }
+                cmd, exe = action.data.toString.split(/@/, 2)
+                $log.code { "cmd(#{cmd}), exe(#{exe})" }
+                if cmd =~ /^play/
+                    playMedia(cmd, process, exe)
+                elsif self.respond_to?(cmd)
+                    self.method(cmd).call(process, wItem)
+                else
+                    $log.warn { "No method #{cmd} in contextmenu." }
+                end
+            end
+            menu.deleteLater
+        end
+
+        def insertDefaultActions(menu, poColumn, process)
+            a = menu.addAction(KDE::Icon.new('edit-copy'), 'Copy Text')
+            a.setVData('copyText@')
+            if poColumn == FILE
+                a = menu.addAction(KDE::Icon.new('kfm'), 'Open Folder')
+                a.setVData('openFolder@')
+                a = menu.addAction(KDE::Icon.new('kfm'), 'Open Temp Folder')
+                a.setVData('openTempFolder@')
+            end
+            if process.error?
+                a = menu.addAction(KDE::Icon.new('view-refresh'), 'Retry')
+                a.setVData('retryTask@')
+                if process.rawDownloaded?
+                    a = menu.addAction(KDE::Icon.new('view-refresh'), 'Retry from Download')
+                    a.setVData('retryDownload@')
+                end
+                a = menu.addAction(KDE::Icon.new('list-remove'), 'Remove')
+                a.setVData('removeTask@')
+                a = menu.addAction(KDE::Icon.new('list-remove-data'), 'Remove Task and Data')
+                a.setVData('removeTaskData@')
+            end
+            if process.running?
+                a = menu.addAction(KDE::Icon.new('edit-delete'), 'Cancel')
+                a.setVData('cancelTask@')
+            end
+            a = menu.addAction(KDE::Icon.new('edit-clear-list'), 'Clear All Finished.')
+            a.setVData('clearAllFinished@')
+            a = menu.addAction(KDE::Icon.new('edit-clear-list'), 'Clear All Errors.')
+            a.setVData('clearAllErrors@')
+        end
+
+
+
+        def createPlayerMenu(menu, poColumn, process)
+            case poColumn
+            when SOURCE
+                menu.addSeparator
+                createPlayers(menu, i18n('Play Source with'), "playSource@", '.wma')
+            when FILE
+                menu.addSeparator
+                if process.rawDownloaded? then
+                    createPlayers(menu, i18n('Play File with'), "playMP3@", '.mp3')
+                end
+                if !process.finished? or File.exist?(process.rawFilePath) then
+                    createPlayers(menu, i18n('Play Temp File with'), "playTemp@", '.wma')
+                end
+            end
+        end
+
+        def createPlayers(menu, playText, playerCmd, url)
+            playersMenu = Qt::Menu.new(playText)
+            Mime::services(url).each do |s|
+                exeName = s.exec[/\w+/]
+                a = playersMenu.addAction(KDE::Icon.new(exeName), 'Play with ' + exeName)
+                a.setVData(playerCmd + s.exec)
+            end
+            menu.addMenu(playersMenu)
+        end
+
+
+        def playMedia(cmd, process, exe)
+            case cmd
+            when /Temp/
+                url = process.rawFilePath
+            when /Source/
+                url = process.sourceUrl
+            when /MP3/
+                url = process.outFilePath
+            end
+
+            playCmd, args = exe.split(/\s+/, 2)
+            args = args.split(/\s+/).map do |a|
+                a.gsub(/%\w/, url)
+            end
+            $log.debug { "execute cmd '#{playCmd}', args '#{args.inspect}'" }
+            proc = Qt::Process.new(self)
+            proc.start(playCmd, args)
+        end
+
+        # contextMenu Event
+        def copyText(process, wItem)
+            $app.clipboard.setText(wItem.text)
+        end
+
+        # contextMenu Event
+        def retryTask(process, wItem)
+            if process.error? then
+                process.retryTask
+                $log.info { "task restarted." }
+            end
+        end
+
+        # contextMenu Event
+        def retryDownload(process, wItem)
+            if process.error? then
+                process.retryDownload
+                $log.info { "task restarted from download." }
+            end
+        end
+
+        # contextMenu Event
+        def cancelTask(process, wItem)
+            if process.running? then
+                process.cancelTask
+                $log.info { "task canceled." }
+            end
+        end
+
+        # contextMenu Event
+        def removeTask(process, wItem)
+            if process.running? then
+                process.cancelTask
+                $log.info { "task removed." }
+            end
+            ti = taskItemAtRow(wItem.row)
+            deleteItem(ti)
+        end
+
+        # contextMenu Event
+        def removeTaskData(process, wItem)
+            if process.running? then
+                process.cancelTask
+            end
+            process.removeData
+            $log.info { "task and data removed." }
+            ti = taskItemAtRow(wItem.row)
+            deleteItem(ti)
+        end
+
+        # contextMenu Event
+        def openFolder(process, wItem)
+            outFilePath = File.dirname(process.outFilePath)
+            proc = Qt::Process.new(self)
+            proc.start('dolphin', [outFilePath ])
+        end
+
+        # contextMenu Event
+        def openTempFolder(process, wItem)
+            rawFilePath = File.dirname(process.rawFilePath)
+            proc = Qt::Process.new(self)
+            proc.start('dolphin', [rawFilePath])
+        end
+
+        # contextMenu Event
+        def clearAllFinished(process, wItem)
+            self.each do |i|
+                deleteItem(i) if i.process.finished?
+            end
+        end
+
+        # contextMenu Event
+        def clearAllErrors(process, wItem)
+            self.each do |i|
+                deleteItem(i) if i.process.error?
+            end
+        end
+    end
+
+
+    #--------------------------------------------
+    #
+    #
+    class Item < Qt::TableWidgetItem
+        def initialize(text)
+            super(text)
+            self.flags = Qt::ItemIsSelectable | Qt::ItemIsUserCheckable | Qt::ItemIsEnabled
+            self.toolTip = text
+        end
+    end
+
+
+    #--------------------------------------------
+    #
+    def initialize()
+        super
+
+        # create widgets
+        tvLayout = Qt::VBoxLayout.new
+        @table = TaskTable.new
+        tvLayout.addWidget(@table)
+        @table.setHorizontalHeaderLabels(['Source', 'File', 'Lapse', 'Status'])
+        @table.horizontalHeader.stretchLastSection = true
+        @table.selectionBehavior = Qt::AbstractItemView::SelectRows
+        @table.alternatingRowColors = true
+
+        setLayout(tvLayout)
+
+        # initialize variables
+        #
+    end
+
+    GroupName = "TaskWindow"
+    def writeSettings
+        config = $config.group(GroupName)
+        config.writeEntry('Header', @table.horizontalHeader.saveState)
+    end
+
+    def readSettings
+        config = $config.group(GroupName)
+        @table.horizontalHeader.restoreState(config.readEntry('Header', @table.horizontalHeader.saveState))
+    end
+
+    # return : added TaskItem
+    public
+    def addTask(process)
+        # insert at the top
+        src = process.sourceUrl
+        save = process.rawFileName
+        taskItem = TaskItem.new(process, src, save, 0, 'prepare')
+        @table.insertTaskItem(taskItem)
+
+        taskItem
+    end
+
+    def each(&block)
+        @table.each(&block)
+    end
+end
+

data/resources/bbcstyle.qss

@@ -0,0 +1,443 @@
+* {
+    color: white;
+    background: rgb(10,10,10);
+    alternate-background-color: rgb(80,80,80);
+    border-color: rgb(82,0,45);
+}
+*:selected {
+    color: white;
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(148, 0, 84), stop:0.48 rgb(148, 0, 84),
+        stop:0.5 rgb(167, 46, 114), stop:1 rgb(195, 113, 155));
+}
+
+*:hover {
+    color: rgb(255, 84, 174);
+}
+
+*:disabled {
+    color: rgb(40, 20, 255);
+}
+
+*:selected {
+    border: 1px solid rgb(255,84,174);
+}
+
+
+QLabel a {
+    text-decoration: underline; color: rgb(84, 174, 255);
+}
+
+
+/*
+    Popup & Menu
+*/
+
+QMenu {
+    border: 1px solid rgb(124,124,124);
+    background: rgb(60,60,60);
+}
+
+QMenu::item {
+/*     border: 1px solid red; */
+/*     background: rgb(60,60,60); */
+}
+
+QMenu::item:selected {
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(148, 0, 84), stop:0.48 rgb(148, 0, 84),
+        stop:0.5 rgb(167, 46, 114), stop:1 rgb(195, 113, 155));
+}
+
+QMenu::separator {
+    height: 1px;
+    background: rgb(124,124,124);
+    margin: 1px 15px;
+}
+
+QMenu::icon {
+    border: 4px solid red;
+    selection-background-color: yellow;
+    selection-color: yellow;
+    background: green;
+}
+/*
+QMenu::icon:pressed
+QMenu::icon:selected
+QMenu::icon:focus
+*/
+QMenu::icon:checked {
+    border: 4px solid red;
+    selection-background-color: yellow;
+    selection-color: yellow;
+    background: green;
+}
+
+/*
+    TextEdit
+*/
+QTextEdit {
+    border: 1px solid rgb(124,124,124);
+    background: rgb(30,30,30);
+}
+
+/*
+    PushButton
+*/
+QPushButton {
+    color: white;
+    font: bold normal "Nimbus Sans L";
+    border: 2px solid rgb(0,0,0);
+    border-radius: 4px;
+    padding: 4px 8px;
+    margin: 1px;
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(0, 0, 0), stop:0.48 rgb(0, 0, 0),
+        stop:0.5 rgb(59, 59, 59), stop:1 rgb(125, 125, 125));
+    min-width: 3em;
+}
+
+QPushButton:checked {
+    color: white;
+    border-color: rgb(139,0,76);
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(148, 0, 84), stop:0.48 rgb(148, 0, 84),
+        stop:0.5 rgb(167, 46, 114), stop:1 rgb(195, 113, 155));
+}
+
+QPushButton:hover {
+    color: rgb(255, 84, 174);
+}
+
+/*
+  disabled button's font color is not changable.
+*/
+QPushButton:disabled {
+    color: rgb(40, 200, 255);
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(11, 11, 11, 255), stop:0.427083 rgba(33, 33, 33, 255), stop:0.536458 rgba(61, 61, 61, 255), stop:1 rgba(75, 75, 75, 255))
+}
+
+
+/*
+    table
+*/
+QTableView {
+    border: 1px solid rgb(124,124,124);
+    background: rgb(30,30,30);
+    margin: 0px;
+}
+
+QTableView QTableCornerButton::section {
+    border: 1px solid rgb(40,40,40);
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+            stop:0 rgb(40, 40, 40), stop:0.68 rgb(40, 40, 40),
+            stop:0.7 rgb(59, 59, 59), stop:1 rgb(140, 140, 140));
+}
+
+QTableView QHeaderView {
+    border: 1px solid rgb(40,40,40);
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+            stop:0 rgb(40, 40, 40), stop:0.68 rgb(40, 40, 40),
+            stop:0.7 rgb(59, 59, 59), stop:1 rgb(140, 140, 140));
+}
+
+QTableView QHeaderView::section {
+    border: 1px solid rgb(120,120,120);
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+            stop:0 rgb(40, 40, 40), stop:0.68 rgb(40, 40, 40),
+            stop:0.7 rgb(59, 59, 59), stop:1 rgb(140, 140, 140));
+}
+
+QTableView QHeaderView::section:checked  {
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+            stop:0 rgb(40, 40, 40), stop:0.68 rgb(40, 40, 40),
+            stop:0.7 rgb(59, 59, 59), stop:1 rgb(140, 140, 140));
+}
+
+
+QTableView {
+    selection-background-color: rgb(148,0,86);
+/*
+    selection-background-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(148, 0, 84), stop:0.48 rgb(148, 0, 84),
+        stop:0.5 rgb(167, 46, 114), stop:1 rgb(195, 113, 155));
+*/
+}
+
+
+/*
+    LineEdit
+*/
+QLineEdit, QLineEdit:hover {
+    color: white;
+    margin: 1px;
+    border: 1px solid rgb(180,180,180);
+    background: rgb(30,30,30);
+}
+QLineEdit:hover{
+    margin: 1px;
+    border: 1px solid rgb(220,220,220);
+}
+
+QLineEdit:focus {
+    margin: 0px;
+    border: 2px solid rgb(220,220,220);
+}
+
+
+/*
+    ScrollBar
+        vertical
+*/
+QScrollBar:vertical {
+    border: 1px solid rgb(60,60,60);
+    background: rgb(40,40,40);
+    width: 18px;
+    margin: 17px 0 17px 0;
+}
+QScrollBar::handle:vertical {
+/*    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0.00520833 rgba(14, 14, 14, 255), stop:0.25 rgba(47, 47, 47, 255), stop:0.75 rgba(64, 64, 64, 255), stop:1 rgba(156, 156, 156, 255));
+*/
+    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0,
+        stop:0 rgba(71, 71, 71, 255), stop:0.25 rgba(84, 84, 84, 255),
+        stop:0.75 rgba(109, 109, 109, 255), stop:1 rgba(156, 156, 156, 255));
+    min-height: 16px;
+}
+
+QScrollBar::sub-line:vertical, QScrollBar::add-line:vertical {
+    border: 1px solid rgb(40,40,40);
+    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0,
+        stop:0 rgba(71, 71, 71, 255), stop:0.25 rgba(84, 84, 84, 255),
+        stop:0.75 rgba(109, 109, 109, 255), stop:1 rgba(156, 156, 156, 255));
+    height: 16px;
+    subcontrol-origin: margin;
+}
+
+QScrollBar::sub-line:vertical {
+    subcontrol-position: top;
+}
+
+QScrollBar::add-line:vertical {
+    subcontrol-position: bottom;
+}
+
+QScrollBar::up-arrow:vertical {
+    image: url(resources/up-arrow.png);
+}
+QScrollBar::down-arrow:vertical {
+    image: url(resources/down-arrow.png);
+}
+
+QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+    background: none;
+}
+
+
+/*
+    ScrollBar
+        Horizontal
+*/
+QScrollBar:horizontal {
+    border: 1px solid rgb(60,60,60);
+    background: rgb(40,40,40);
+    height: 18px;
+    margin: 0 17px 0 17px;
+}
+QScrollBar::handle:horizontal {
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgba(71, 71, 71, 255), stop:0.25 rgba(84, 84, 84, 255),
+        stop:0.75 rgba(109, 109, 109, 255), stop:1 rgba(156, 156, 156, 255));
+    min-width: 16px;
+}
+
+QScrollBar::sub-line:horizontal, QScrollBar::add-line:horizontal {
+    border: 1px solid rgb(40,40,40);
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgba(71, 71, 71, 255), stop:0.25 rgba(84, 84, 84, 255),
+        stop:0.75 rgba(109, 109, 109, 255), stop:1 rgba(156, 156, 156, 255));
+    width: 16px;
+    subcontrol-origin: margin;
+}
+
+QScrollBar::sub-line:horizontal {
+    subcontrol-position: left;
+}
+
+QScrollBar::add-line:horizontal {
+    subcontrol-position: right;
+}
+
+QScrollBar::left-arrow:horizontal {
+    image: url(resources/left-arrow.png);
+}
+QScrollBar::right-arrow:horizontal {
+    image: url(resources/right-arrow.png);
+}
+
+QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
+    background: none;
+}
+
+
+
+
+
+/*
+   TabWidget.  borrowed from qt4 manual example.
+*/
+QTabWidget::pane { /* The tab widget frame */
+    background: rgb(50,50,50);
+    border-top: 2px solid rgb(70,70,70);
+}
+
+QTabWidget::tab-bar {
+    left: 5px; /* move to the right by 5px */
+}
+
+/* Style the tab using the tab sub-control. Note that
+    it reads QTabBar _not_ QTabWidget */
+QTabBar::tab {
+    color: white;
+    font: bold normal "Nimbus Sans L";
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+            stop:0 rgb(0, 0, 0), stop:0.48 rgb(0, 0, 0),
+            stop:0.5 rgb(59, 59, 59), stop:1 rgb(140, 140, 140));
+    border: 2px solid rgb(0,0,0);
+    border-bottom-color: rgb(50,50,50); /* same as the pane color */
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+    min-width: 4.5em;
+    padding: 2px;
+}
+
+QTabBar::tab:selected {
+    color: rgb(255, 84, 174);
+    background: rgb(50,50,50);
+    border-color: rgb(140,140,140) rgb(100,100,100) rgb(50,50,50);
+}
+
+QTabBar::tab:hover {
+    color: rgb(255, 84, 174);
+}
+
+QTabBar::tab:!selected {
+    margin-top: 2px; /* make non-selected tabs look smaller */
+}
+
+/* make use of negative margins for overlapping tabs */
+QTabBar::tab:selected {
+    /* expand/overlap to the left and right by 4px */
+    margin-left: -4px;
+    margin-right: -4px;
+}
+
+QTabBar::tab:first:selected {
+    margin-left: 0; /* the first selected tab has nothing to overlap with on the left */
+}
+
+QTabBar::tab:last:selected {
+    margin-right: 0; /* the last selected tab has nothing to overlap with on the right */
+}
+
+QTabBar::tab:only-one {
+    margin: 0; /* if there is only one tab, we don't want overlapping margins */
+}
+
+
+
+/*
+    Dock Widget
+*/
+QDockWidget::title {
+  text-align: left;
+  background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(0, 0, 0), stop:0.48 rgb(0, 0, 0),
+        stop:0.5 rgb(59, 59, 59), stop:1 rgb(125, 125, 125));
+  padding-left: 10px;
+}
+
+
+/*
+    Channel ToolBox
+*/
+QToolBox#channelToolBox {
+    border: 0px solid  rgb(42,40,41); /* rgb(171,164,169); */
+}
+
+/*
+    channel list
+*/
+QListWidget {
+    show-decoration-selected: 1;
+    border: 1px solid rgb(124,124,124);
+    background: rgb(30,30,30);
+}
+
+QListWidget::item:selected {
+    color: white;
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(148, 0, 84), stop:0.48 rgb(148, 0, 84),
+        stop:0.5 rgb(167, 46, 114), stop:1 rgb(195, 113, 155));
+}
+
+QListWidget::item:hover {
+    color: rgb(255, 84, 174);
+}
+
+
+
+/*
+    [All/Hightlights/Most Popular] Switch Button
+*/
+QPushButton#switchButton,  QToolBox#channelToolBox::tab {
+    color: white;
+    font: bold normal "Nimbus Sans L";
+    border: 2px solid rgb(0,0,0);
+    border-radius: 4px;
+    padding: 4px 4px;
+    margin: 1px;
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(0, 0, 0), stop:0.48 rgb(0, 0, 0),
+        stop:0.5 rgb(59, 59, 59), stop:1 rgb(125, 125, 125));
+    min-width: 1.2em;
+}
+
+QPushButton#switchButton:checked, QToolBox#channelToolBox::tab:selected {
+    color: white;
+    border-color: rgb(139,0,76);
+    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(148, 0, 84), stop:0.48 rgb(148, 0, 84),
+        stop:0.5 rgb(167, 46, 114), stop:1 rgb(195, 113, 155));
+}
+
+QPushButton#switchButton:hover, QToolBox#channelToolBox::tab:hover {
+    color: rgb(255, 84, 174);
+}
+
+
+/*
+    play & download button
+*/
+QPushButton#downloadButton, #playButton {
+    color: white;
+    background-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
+        stop:0 rgb(0, 0, 0), stop:0.48 rgb(0, 0, 0),
+        stop:0.5 rgb(59, 59, 59), stop:1 rgb(125, 125, 125));
+    border-radius: 14px;
+    border: 2px solid rgb(0, 229, 65);
+    font: bold 10pt "Nimbus Sans L";
+    padding: 5px 20px;
+}
+
+QPushButton#downloadButton:hover, #playButton:hover {
+    color: rgb(170, 255, 0);
+}
+
+QPushButton#pushButtonDownLoad:pressed, #playButton:pressed {
+    color: rgb(255, 84, 174);
+    border-color: rgb(230, 0, 246);
+}
+
+QWebView {
+    color: white;
+}