Cda Better UI by designany

/* ==UserStyle==
@name         Better CDA UI
@version      20220424.18.34
@namespace    userstyles.world/user/designany
@description  Details:
Better NavBar
Better Video frame

@author       designany
@license      CC BY NC 4.0
==/UserStyle== */

@-moz-document domain("www.cda.pl"), domain("") {
/** Profile **/

.caption-label{
    color: #eee;
}

.link-title-visit{ 
    color:  #eee;
}
.thumb {
        border-radius: 10px;
}
.ic16-src {
  background: none repeat scroll 0 0 #222222;
}
.topheader-center{
    z-index: 1000;
    color: #eee;
    padding: 20px 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
    transition: width 0.2s ease;
}

.search-control{
    border-radius: 10px;
    background: none repeat scroll 0 0 #222222;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 3px 5px 3px 25px;
    color: #bbb
}

.btn-search{
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    padding: 0.5em 1em;
    border-radius: 10px;
    width: 20px;
    height: 25px;
}


.topheader-center-container{
    z-index: 1000;
    background: #141414;
    color: #eee;
    padding: 20px 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
    transition: width 0.2s ease;
}


.navbar{
    background: #141414;
}

/** GLOBAL **/
.first-top {
    position: absolute;
    width: 1200px;
    display: block;
    top: 0;
    left: 0;
    z-index: 102
}
.second-top {
    width: 980px;
    display: block;
    position: absolute;
    top: 39px;
    left: 0;
    z-index: 101
}

.header-menu {
    height: 150px
}
.head-top {
    z-index: 1000;
    background: #141414;
    color: #eee;
    padding: 20px 20px;
    box-shadow: 0 10px 20px #00000030;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
    transition: width 0.2s ease;
}
.container-page {
    position: relative;
    width: 980px;
    margin: 0 auto
}
.logo-cda {
    background: url("https://cda.pl/tv/ukraina_24_hd") 0 0 no-repeat transparent;
    width: 78px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 12px
}
.srchico {
    background: url("//scdn.2cda.pl/v001/img/top/pg-elementsv2.png?t=7") -80px 0 no-repeat transparent;
    background-position: -80px -1px;
    width: 0px;
    height: 0px;
    left: 1px;
    top: 1px;
    position: absolute
}
.search button {

    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    padding: 0.5em 1em;
    border-radius: 10px;
    width: 20px;
    height: 25px;
}
.search:before {
    color: white;
    content: "Wyszukiwarka";
    background: #f20;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0.5em 1em;
    border-radius: 0.35em;
}

#header .search .inpbrd {
    border-bottom: 1px solid #535353;
    float: left;
    padding: 0;
    margin: 0px 0 0 0
}

.kategoryBox span.txt {
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.header-menu {
    height: 150px
}
.head-top {
    z-index: 1000;
    background: #141414;
    color: #eee;
    padding: 20px 20px;
    box-shadow: 0 10px 20px #00000030;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
    transition: width 0.2s ease;
}
.container-page {
    position: relative;
    width: 980px;
    margin: 0 auto
}
.logo-cda {
    background: url("https://cda.pl/tv/ukraina_24_hd") 0 0 no-repeat transparent;
    width: 78px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 12px
}
#header .search .field {
    border-radius: 10px;
    background: none repeat scroll 0 0 #222222;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 3px 5px 3px 25px;
    color: #bbb
}
#header .search .inpbrd {
    border: 0
}
#header .search .field:focus {
    outline-color: #000
}

.link-title {
    color: white;
}

.video-clip-image {
    border-radius: 10px;
}
}