Last active
February 27, 2020 20:06
-
-
Save wldhg/0f63065237bc5831df10ae17fe96d2b4 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ==UserStyle== | |
@name POSTECH Dark SSO | |
@namespace gist.github.com/wldh-g/0f63065237bc5831df10ae17fe96d2b4 | |
@version 1.0.0 | |
@license unlicense | |
@preprocessor default | |
==/UserStyle== */ | |
@-moz-document domain("login.postech.ac.kr") { | |
* { | |
--bg: #111; | |
--bg-weak: #333; | |
--bg-weak-lv2: #555; | |
--fg: #eee; | |
--fg-weak: #aaa; | |
--gold: #bba078; | |
} | |
body { | |
background-color: var(--bg); | |
color: var(--fg); | |
} | |
body #kor header, body #end header { | |
padding-bottom: 8px; | |
color: var(--fg-weak); | |
} | |
header .header_utill { | |
margin-top: 7px | |
} | |
.header_utill > a { | |
cursor: pointer; | |
background-image: url(https://i.imgur.com/3UONAUo.png) | |
} | |
.header_utill > a:hover, .header_utill > a:focus { | |
color: var(--fg); | |
background-image: url(https://i.imgur.com/NmJDfAI.png) | |
} | |
.header_utill ul { | |
z-index: 20; | |
color: var(--bg); | |
font-weight: 600; | |
} | |
.language a.on { | |
color: var(--bg); | |
font-weight: 600; | |
cursor: default; | |
} | |
.language a:not(.on):hover, .language a:not(.on):focus { | |
background-color: rgba(200, 200, 200, .4); | |
} | |
.visual { | |
position: relative; | |
margin-bottom: 30px; | |
} | |
.visual::before { | |
content: ''; | |
width: 100%; | |
top: 0; | |
bottom: 0; | |
position: absolute; | |
background-color: var(--bg); | |
opacity: .6; | |
display: block; | |
z-index: 0; | |
} | |
.visual p { | |
position: relative; | |
color: var(--fg); | |
cursor: default; | |
} | |
.search_ro { | |
margin-bottom: 15px; | |
} | |
.search_ro .search_ro_container { | |
border-color: var(--bg-weak); | |
transition: border-color .2s ease-in-out; | |
width: calc(100% - 60px); | |
} | |
.search_ro .search_ro_container .search_type_list ul li a:focus { | |
color: var(--fg); | |
} | |
.search_ro .search_ro_container .search_type_list ul li:hover a, .search_ro .search_ro_container .search_type_list ul li.active a { | |
color: var(--fg); | |
} | |
.search_ro .search_ro_container .input_box input[type="text"] { | |
background-color: var(--bg-weak); | |
color: var(--fg-weak); | |
transition: background-color .2s ease-in-out; | |
} | |
.search_ro .search_ro_container .input_box input[type="text"]:focus { | |
outline: none; | |
background-color: var(--bg-weak-lv2); | |
} | |
.search_ro .search_ro_container .search_btn_box input[type="button"] { | |
filter: grayscale(1) brightness(1); | |
transition: filter .2s ease-in-out; | |
} | |
.search_ro:hover .search_ro_container .search_btn_box input[type="button"] { | |
filter: grayscale(1) brightness(2); | |
} | |
.search_ro .search_ro_container .search_btn_box input[type="button"]:hover, .search_ro .search_ro_container .search_btn_box input[type="button"]:focus { | |
filter: grayscale(0); | |
} | |
#eng .search_ro .search_ro_container .search_type_list { | |
left: -30px; | |
} | |
.icon_wrap, .icon_wrap.bggrey { | |
background-color: transparent; | |
} | |
.icon_wrap { | |
min-height: 170px; | |
border-bottom: 1px solid var(--bg-weak); | |
padding: 30px 0; | |
} | |
.icon_wrap:last-of-type { | |
border-bottom: none; | |
} | |
.title01 { | |
padding: 0; | |
margin: 0; | |
width: 110px; | |
height: 110px; | |
border: 8px solid var(--gold); | |
border-radius: 0%; | |
background-color: transparent; | |
} | |
.title01 > p { | |
color: var(--gold); | |
cursor: default; | |
} | |
.icon_wrap ul.w06 li { | |
width: calc(20% - 2px); | |
min-width: 110px; | |
margin-bottom: 0; | |
height: 110px; | |
} | |
.icon_wrap ul li a { | |
height: 90px; | |
padding: 10px 0; | |
} | |
.icon_wrap ul li a p { | |
background: transparent; | |
border: none; | |
width: 70px; | |
height: 70px; | |
padding: 10px; | |
transition: transform .2s ease-in-out, background-color .2s ease-in-out; | |
border-radius: 0; | |
} | |
.icon_wrap ul li a:hover p, .icon_wrap ul li a:focus p { | |
transform: scale(1.2); | |
background-color: rgba(187, 160, 120, .2); | |
border: none; | |
box-shadow: none; | |
} | |
.icon_wrap ul li span { | |
margin-top: 5px; | |
font-size: 15px; | |
line-height: 15px; | |
cursor: default; | |
color: var(--fg) !important; | |
} | |
.icon_wrap ul li a p img { | |
width: auto; | |
max-height: 50px; | |
} | |
footer { | |
background-color: transparent; | |
} | |
footer p { | |
color: var(--fg-weak); | |
cursor: default; | |
} | |
/* custom image */ | |
#postech-povis-web p::after, #postech-kyobo p::after, #postech-bookcube p::after, #postech-bookzip p::after, #postech-moazine p::after, #postech-pipa p::after, #postech-sdisk p::after, | |
#postech-povis-web-eng p::after, #postech-kyobo-eng p::after, #postech-bookcube-eng p::after, #postech-bookzip-eng p::after, #postech-moazine-eng p::after, #postech-pipa-eng p::after, #postech-sdisk-eng p::after { | |
content: ''; | |
width: 50px; | |
display: table-cell; | |
left: 0; | |
top: 0; | |
background-size: cover; | |
} | |
#postech-povis-web p img, #postech-kyobo p img, #postech-bookcube p img, #postech-bookzip p img, #postech-moazine p img, #postech-pipa p img, #postech-sdisk p img, | |
#postech-povis-web-eng p img, #postech-kyobo-eng p img, #postech-bookcube-eng p img, #postech-bookzip-eng p img, #postech-moazine-eng p img, #postech-pipa-eng p img, #postech-sdisk-eng p img { | |
display: none; | |
} | |
/* enlarge image */ | |
#postech-povis-web p, #postech-povis-web-eng p { | |
padding: 10px 0; | |
} | |
#postech-hemos p, #postech-kyobo p, #postech-bookzip p, #postech-moazine p, | |
#postech-hemos-eng p, #postech-kyobo-eng p, #postech-bookzip-eng p, #postech-moazine-eng p { | |
padding: 10px 5px; | |
} | |
#postech-pipa p, #postech-pipa-eng p { | |
padding: 12px 16px; | |
} | |
/* put the image */ | |
#postech-povis-web p::after, #postech-povis-web-eng p::after { | |
background-image: url(https://i.imgur.com/V0C7hD3.png); | |
height: 15px; | |
width: 70px; | |
} | |
#postech-kyobo p::after, #postech-kyobo-eng p::after { | |
background-image: url(https://i.imgur.com/Ujtx5N8.png); | |
height: 45.95px; | |
width: 60px; | |
} | |
#postech-bookcube p::after, #postech-bookcube-eng p::after { | |
background-image: url(https://i.imgur.com/tmCyHRc.png); | |
width: 50px; | |
height: 50px; | |
} | |
#postech-bookzip p::after, #postech-bookzip-eng p::after { | |
background-image: url(https://i.imgur.com/JqwXpTI.png); | |
width: 60px; | |
height: 17px; | |
} | |
#postech-moazine p::after, #postech-moazine-eng p::after { | |
background-image: url(https://i.imgur.com/zyUmA6j.png); | |
width: 60px; | |
height: 21px; | |
} | |
#postech-pipa p::after, #postech-pipa-eng p::after { | |
background-image: url(https://i.imgur.com/60OOdHG.png); | |
height: 46px; | |
width: 38px; | |
} | |
#postech-sdisk p::after, #postech-sdisk-eng p::after { | |
background-image: url(https://i.imgur.com/Dz4BZQV.png); | |
height: 49px; | |
width: 50px; | |
} | |
/* only resize */ | |
#postech-hemos p img, #postech-hemos-eng p img { | |
width: 60px !important; | |
} | |
/* mobile */ | |
@media screen and (max-width: 930px) { | |
.icon_wrap { | |
margin-top: 20px; | |
} | |
.icon_wrap ul.w06 li { | |
margin-bottom: 20px; | |
} | |
.search_ro .search_ro_container .search_btn_box input[type="button"] { | |
filter: grayscale(1) brightness(2); | |
} | |
.search_ro:hover .search_ro_container .search_btn_box input[type="button"] { | |
filter: grayscale(1) brightness(3.5); | |
} | |
.search_ro .search_ro_container .input_box input[type="text"] { | |
width: calc(100% - 40px); | |
} | |
.search_ro .search_ro_container .search_btn_box { | |
bottom: -2.5px; | |
right: -7.5px; | |
} | |
} | |
} | |
@-moz-document url-prefix("https://sso.postech.ac.kr/sso/usr/postech/login/view") { | |
* { | |
--bg: #111; | |
--bg-weak: #333; | |
--bg-weak-lv2: #555; | |
--bg-weak-lv3: #444; | |
--fg: #eee; | |
--fg-weak-lv2: #ccc; | |
--fg-weak: #aaa; | |
--gold: #bba078; | |
} | |
body#login-bg { | |
background-color: var(--bg); | |
color: var(--fg); | |
} | |
.language a.on { | |
color: var(--bg); | |
font-weight: 600; | |
cursor: default; | |
} | |
.language a:not(.on):hover, .language a:not(.on):focus { | |
background-color: rgba(200, 200, 200, .4); | |
} | |
.layer-wrap { | |
background-color: var(--bg-weak); | |
border: none; | |
} | |
.layer-wrap h1 { | |
margin: 16px auto 16px | |
} | |
.layer-wrap h2 { | |
color: var(--fg); | |
} | |
.layer-wrap h2 p { | |
color: var(--fg-weak); | |
margin-bottom: 26px; | |
} | |
.login_form ul li input { | |
background-color: var(--bg-weak-lv3); | |
color: var(--fg-weak-lv2); | |
transition: color .2s ease-in-out, background-color .2s ease-in-out; | |
border: none; | |
} | |
.login_form ul li input:focus { | |
outline: none; | |
color: var(--fg); | |
background-color: var(--bg-weak-lv2); | |
} | |
.checkbox { | |
float: right; | |
margin-right: 0; | |
margin-bottom: 20px; | |
} | |
.checkbox input[type="checkbox"] + label { | |
padding-top: 2px; | |
} | |
.login-utill { | |
border-top-color: var(--bg-weak-lv2); | |
} | |
.login-utill a { | |
color: var(--fg-weak); | |
} | |
.login-utill a::before { | |
background-image: url(https://i.imgur.com/TNoL6kj.png); | |
} | |
.login-utill a span { | |
margin-left: 5px; | |
} | |
.login-utill a:hover { | |
color: var(--fg); | |
} | |
.login-utill a:hover::before { | |
background-color: var(--fg); | |
} | |
footer.main { | |
margin-top: 10px; | |
} | |
footer.main p.c_gold { | |
color: var(--gold); | |
} | |
footer.main p { | |
color: var(--fg); | |
} | |
@media screen and (max-width: 430px) { | |
.login-utill a { | |
width: initial; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment