妖狐吧ios移动端适配

妖狐吧ios移动端适配，增加使用体验
目前为 2024-02-20 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         妖狐吧ios移动端适配
// @namespace    https://smlsy.com/
// @version      0.0.4
// @description  妖狐吧ios移动端适配，增加使用体验
// @author       生机勃勃的勃勃
// @match        https://smlsy.com/*
// @match        https://www.smlsy.com/*
// @match        https://yaohubaba.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=baidu.com
// @grant        GM_addStyle
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            .bar-main {
                display: flex;
            }
            .bar-main .search-bar {
                flex-shrink: 0;
            }
            .nav-bag .nav {
                height: auto;
            }
            .nav-bag .nav .personal-center {
                display: flex;
                justify-content: flex-end;
                padding: 30px 0;
                position: relative;
            }
            .nav-bag .nav .personal-center li:hover .about-me {
                width: 1140px;
            }
            .nav-bag .nav-bar {
                display: flex;
                justify-content: space-around;
                position: relative;
                padding: 8px 0;
            }
            .nav-bag .nav-title {
                font-size: 36px;
                line-height: 36px;
                border-right: none;
                position: relative;
                margin: 0;
                padding: 30px 20px;
            }
            .nav-bag .nav-title .nav-title-down {
                top: 100%;
                width: auto;
                left: 50%;
                transform: translateX(-50%);
            }
            .nav-bag .nav-title .nav-title-down a {
                padding: 35px 42px;
                width: auto;
                height: auto;
                line-height: unset;
                font-size: 38px;
            }
        }
    `)
    // 列表
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            html .item_video {
                width: calc(50% - 60px);
                margin-left: 27px;
                margin-right: 27px;
                border: 3px solid #e8e8e8;
                border-radius: 12px;
                margin-top: 30px;
                overflow: hidden;
                padding-bottom: 20px;
            }
            html .item_video .item_video_yuanchuang {
                width: 90px;
                height: 141px;
                background-size: 90px 141px;
                top: 9px;
            }

            html .item_video .video_duration {
                font-size: 30px;
                border-radius: 8px;
                padding: 4px 12px;
                background: rgba(0,0,0,.6);
                top: 4px;
            }
            html .item_video .new_video_icon {
                top: 47px;
                right: 6px;
            }
            html .item_video .new_video_icon img {
                height: 66px;
            }
            html .item_video .save_to_icon {
                display: none;
            }

            html .item_video .video_list_discount_line_tile_in {
                font-size: 24px;
                font-weight: bold;
                text-align: right;
                padding-right: 30px;
            }


            html .item_video .video_title {
                font-size: 36px;
            }
            html .item_video .video_title .video_fav_num {
                top: -40px;
                left: 3px;
                font-size: 39px;
                text-shadow: 2px 2px 12px #ff6161;
            }
            html .item_video .video_txt_float {
                margin: 30px 4px 10px 8px;
                width: calc(50% - 12px);
            }
            html .item_video .video_txt_float p {
                font-size: 34px !important;
                width: auto;
            }
            html .item_video .go_to_support_btn {
                margin-bottom: -17px;
                margin-top: 15px;
                font-size: 24px;
                border-radius: 8px;
            }
        }
    `)
    // 筛选
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            html .pages {
                font-size: 40px !important;
                height: auto;
                line-height: unset;
                margin-bottom: 15px;
            }
            html .pages a, html .pages strong {
                margin: 0;
                padding: 2px 15px;
                text-decoration: none!important;
                margin-top: 22px;
                display: inline-block;
                border-radius: 10px;
            }
            html .pages .next {
                padding: 2px 18px;
                text-decoration: none!important;
            }
        }
    `)
    // 登录(不可用)
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            #login_panel .login_form_table input {
                height: 123px;
                line-height: 123px;
                font-size: 60px !important;
            }
        }
    `)
    /*********************************************************** */
    // 视频播放页
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            html .descript_content {
                font-size: 40px;
            }
            html .video_baseinfo {
                background: #8e8e8e;
            }
            html #cdn_server_flag_phone {
                display: flex;
                overflow-x: scroll;
            }
            html #cdn_server_flag_phone .preview-picture {
                display: flex;
                overflow-x: scroll;
                flex-shrink: 0;
            }
            html .preview-picture-slide img {
                height: 640px;
            }
        }
    `)
    // Your code here...
})();
欢迎访问Greasy Fork镜像
