夢駝林 告別舊時代 by xiaopanpankevinpan

/* ==UserStyle==
@name         夢駝林 告別舊時代
@version      20220403.02.18
@namespace    userstyles.world/user/xiaopanpankevinpan
@description  嘗試稍微推進建中美學
雖然我的審美也好不到哪裡
@author       xiaopanpankevinpan
@license      No License
==/UserStyle== */

@-moz-document regexp(".*//study.ck.tp.edu.tw/(?!index[.]asp).+") {
/*各網頁通用*/

/*廣泛*/
    *{
        box-sizing: border-box;
    }
    body{
        background: #FFF;/*背景顏色*/
        margin: 0;
        padding: 0;
        font-size: 3vh;
    }
    a:link {
        transition: box-shadow 0.1s;
        display: inline-block;
        color:#3f60ff;
        text-decoration: none;
        padding: 0.25em 0.5em;
        border-radius: 0.25em
    }
    a:visited {
        color:#793fff;
        text-decoration: none;
    }
    a:hover {
        text-decoration: none;
        box-shadow: 0.25vh 0.25vh 1vh -0.25vh #777;
    }
    a:active{
        box-shadow: inset 0.25vh 0.25vh 1vh -0.25vh #777;
        
    }


/*左上方位址欄*/
    body>table:first-of-type, body>table:first-of-type *{
        /*清除虛線邊框*/
        border: none!important;
    }
    body>table:first-of-type{
        width: calc(100vw - 8vh);
        height: 8vh;
        box-shadow: 0vh 1vh 0.5vh -0.5vh #777;
        display: block;
        z-index: 1;
    } 
    /*新增 icon*/
        body>table:first-of-type::before{
            content: "";
            background-image: url("https://upload.wikimedia.org/wikipedia/zh/3/30/CKHS_Taipei_Logo.svg");
            background-position: center; /* Center the image */
            background-repeat: no-repeat; /* Do not repeat the image */
            background-size: contain;
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 10vh;
        }
    body>table:first-of-type>tbody{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 50%;
        top: 0;
    }
/*右上方登入*/
    body>div:first-of-type{
        display: block;
        box-shadow: 0vh 1vh 0.5vh -0.5vh #777;
        width: 8vh!important;
        height:8vh!important;
        position:absolute!important;
        left: unset!important;
        right:0!important;
        top: 0!important;
        z-index: 2;
    }
    /*icon*/
        body>div:first-of-type:before{
            content:"";
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMyA1djE0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJINWMtMS4xMSAwLTIgLjktMiAyem0xMiA0YzAgMS42Ni0xLjM0IDMtMyAzcy0zLTEuMzQtMy0zIDEuMzQtMyAzLTMgMyAxLjM0IDMgM3ptLTkgOGMwLTIgNC0zLjEgNi0zLjFzNiAxLjEgNiAzLjF2MUg2di0xeiIvPjwvc3ZnPg==");
            background-size: contain;
            display: inline-block;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            vertical-align: middle;
        }
    body>div:first-of-type>form{
        overflow-x: auto;
        padding: 0.5em;
        background-color:#FFF;
        box-shadow: -0.5vh 0.5vh 0.5vh #777;
        top: 8vh;
        height: 92vh;
        position: absolute;
        transition: opacity .1s, width .1s;
        right: 0;
    }
    body>div:first-of-type:not(:hover)>form{
        width: 0;
        pointer-events: none;
        opacity: 0;
    }
    body>div:first-of-type:hover>form{
        box-shadow: -0.5vh 0.5vh 0.5vh #777, -30vw 100vw 0 100vw rgba(112,112,112,0.75);
        width: 30vw;
        opacity: 1;
        display: block;
        z-index: 0
    }
}

@-moz-document regexp(".*//study.ck.tp.edu.tw/?(index[.]asp.*)?") {
/*登入頁專用*/

/*廣泛*/
    *{
        box-sizing: border-box;
    }
    body{
        background: #FFF;/*背景顏色*/
        margin: 0;
        padding: 0;
        font-size: 3vh;
    }
    a:link {
        transition: box-shadow 0.1s;
        display: inline-block;
        color:#3f60ff;
        text-decoration: none;
        padding: 0.25em 0.5em;
        border-radius: 0.25em
    }
    a:visited {
        color:#793fff;
        text-decoration: none;
    }
    a:hover {
        text-decoration: none;
        box-shadow: 0.25vh 0.25vh 1vh -0.25vh #777;
    }
    a:active{
        box-shadow: inset 0.25vh 0.25vh 1vh -0.25vh #777;
        
    }

/*上方標題欄*/
    body>table:first-of-type tr:first-of-type>td:first-of-type>font:first-of-type{
        width: 100vw;
        height: 8vh;
        box-shadow: 0vh 1vh 0.5vh -0.5vh #777;
        display: block;
        position:absolute;
        left: 0;
        top:0;
        z-index: 1;
        color: #000;
    } 
    /*新增 icon*/
        body>table:first-of-type tr:first-of-type>td:first-of-type>font:first-of-type::before{
            content: "";
            background-image: url("https://upload.wikimedia.org/wikipedia/zh/3/30/CKHS_Taipei_Logo.svg");
            background-position: center; /* Center the image */
            background-repeat: no-repeat; /* Do not repeat the image */
            background-size: contain;
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 10vh;
        }

/*一般登入*/
form[name="fm_login"]{
    position: absolute;
    overflow-y: auto;
    width: 40vw;
    height: 40vh;
    left: 5vw;
    top: 12vh;
}

/*訪客登入*/
body>table:first-of-type tr:last-of-type{
    position: absolute;
    overflow-y:auto;
    width: 40vw;
    height: 40vh;
    right: 5vw;
    top: 12vh;
}

/*登入提示*/
center>table{
    width: 100%;
    height: 100%
}
center{
    width: 90vw;
    height: 30vh;
    position:absolute;
    top: 60vh;
    left: 5vh;
    overflow-y: auto;    
}
}