Naver SE

Minimal design for Naver.com

  1. // ==UserScript==
  2. // @name:ko 네이버 SE
  3. // @name Naver SE
  4.  
  5. // @description:ko 네이버 미니멀디자인 메인 페이지
  6. // @description Minimal design for Naver.com
  7.  
  8. // @namespace https://ndaesik.tistory.com/
  9. // @version 2023.08.20.1908
  10. // @author ndaesik
  11. // @icon https://www.naver.com/favicon.ico
  12. // @match https://www.naver.com/
  13.  
  14. // @run-at document-start
  15. // ==/UserScript==
  16. let styleSheet = document.createElement("style")
  17. styleSheet.innerText = `
  18. html {overflow: hidden;}
  19. #wrap {
  20. background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Naver_Logotype.svg/1200px-Naver_Logotype.svg.png)no-repeat;
  21. border-top: 2px solid #00c73c;
  22. background-size: 350px 69px;
  23. background-attachment: fixed;
  24. background-position: 50% 38vh;
  25. min-width:unset;
  26. height:100vh;}
  27. #header {width:unset;}
  28.  
  29. #root > :not(:nth-child(2)),
  30. #right-content-area > div > :not(:nth-child(1)),
  31. #right-content-area > :nth-child(2),
  32. #footer,
  33. #special-logo,
  34. #search-right-banner,
  35. #shortcutArea,
  36. #topAsideArea,
  37. #timeboard-ex {display:none;}
  38. #header .header_inner .search_area {top:50vh;}
  39. #right-content-area {position:fixed; right:0; top:3px; z-index: 9999;}`.replaceAll(';','!important;')
  40.  
  41. document.head.appendChild(styleSheet)