Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Jun 20, 2024. It is now read-only.

Nayukie/webtv

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

webtv

Make it better

theme for Stylus

Preview

Chrome https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en

FF https://addons.mozilla.org/en-US/firefox/addon/styl-us/

@-moz-document url-prefix("http://webtv.jptvpro.net") {
body, html {
    height: 100%;
    width: 100%;
}
.tvplayer {
    width: 100vw;
    height: 100vh;
    border: 0px;
}
.tv_main {
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background: black;
    overflow: hidden;
}
.tv_right {
    width: calc( 100vw - 70px);
    left: 70px;
    z-index: 1;
    top: 45px;
    height: calc( 100vh - 45px);
}
.tv_userinfo,
.tv_userinfo_detail {
    font-size: 12px;
    line-height: normal;
    background-size: contain;
    height: 17px;
}
.tv_left {
    top: 0;
    height: 100%;
    width: 70px;
    z-index: 2;
    background: rgba(0, 0, 0, .80);
    left: 0;
    min-height: 2000px;
    bottom: 0;
    position: fixed;
}
.tv_left:hover {
    width: auto;
}
.tv_left .tv_items_container {
    opacity: 0;
}
.tv_left:hover .tv_items_container {
    opacity: 1;
}
.tv_epg_item:hover,
.tv_channel_item:hover,
.tv_nav_item:hover {
    background: #ac1010;
}
.tv_channels_items_wrapper {
    width: 100%;
    height: calc( 100vh - 77px);
    font-size: 22px;
}
.tv_video {
    width: calc(100vw - 70px - 285px);
    border: none;    
    height: calc( 100vh - 100px);
    z-index: 1;
}
.tv_ts_info {
    margin: 0;
}
.tv_video_info  {
    z-index: 1;
}
.tv_ts_info_main {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0;
    height: 50px;
    overflow: hidden;
    z-index: 3000;
    border-top: 1px solid #bf0808;
    background: rgba(0, 0, 0, .73);    
}
.tv_ts_info_main * {
    pointer-events:none;    
}
.tv_ts_info_main:hover {
    height: auto;    
    overflow: visible;    
}
.tv_ts_info_main:hover * {    
    pointer-events: auto;
}

@media only screen and (max-width: 1024px) {
    .tv_info {
        top: -45px;
        position: absolute;
        z-index: 1002;
        height: 40px;
        overflow: hidden;
        background: rgba(0, 0, 0, .73);
    }
    .tv_info:hover {
        height: auto;
    }
    .tv_video {
        width: calc(100vw - 80px);        
    }
    .tv_epg_item .epg_time {
        width: 10vw;
    }
    .tv_epg_item .epg_title {
        width: 60vw;
    }
    .tv_ts_info_header .header_item {
        width: 11vw;
    }
    .tv_ts_info_header .header_item,
    .tv_ts_info_header .header_text .day {
        font-size: 12px;
    }
}

}

About

Make it better

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published