루리웹 16 ~ 19 by kindongshin

/* ==UserStyle==
@name       루리웹 17 ~ 19
@version    20240626.14.02
@namespace  ?
@var checkbox oldlink "헤더 링크 엣날처럼" 0
@var checkbox newremove "헤더 최신링크 제거" 0
@var checkbox icon "17년 11월 이전 헤더" 0
@preprocessor   stylus
==/UserStyle== */
@-moz-document domain("www.ruliweb.com"),
domain("ruliweb.com") {
	html {
		border-top: 1px solid #999 !important;
	}
	.ruliweb_icon,
	.col.block {
		content: url('https://img.ruliweb.com/img/2016/icon/ruliweb_icon_48_54.png');
		width: 48px!important;
		height: 54px!important;
	}
	#header.type_1 .gnb_wrapper .logo .ruliweb_icon,
	.col.block {
		margin: 8px 20px 0 20px!important;
	}
	#header.type_1 .gnb_wrapper .logo {
		height: 64px;
	}
	#header .gnb_wrapper .menu_wrapper .menu_background {
		top: 64px;
		height: 32px;
		background-color: #1a70dc;
	}
	#header .gnb_wrapper .menu_wrapper .menu .family {
		background-color: #1F55BD;
	}
	#header .gnb_wrapper .menu_wrapper .menu > ul li a.dark_reverse {
		background-color: revert;
	}
	#header .gnb_wrapper .menu_wrapper,
	#header .gnb_wrapper .menu_wrapper .menu,
	#header .gnb_wrapper .menu_wrapper .menu > ul li,
	#header .gnb_wrapper .menu_wrapper .menu > ul li a,
	#header .gnb_wrapper .menu_wrapper .menu .family,
	#header .gnb_wrapper .menu_wrapper .menu .family .family_text {
		height: 32px;
		line-height: 32px;
	}
	#header .gnb_wrapper .menu_wrapper .menu > ul li .icon_line {
		border-left: 1px solid #5f9ee6;
		border-right: 1px solid #00296a;
		height: 16px;
	}
	#header.type_1 .gnb_wrapper .logo .ruliweb_icon {
		margin: 11px 11px 0 0;
	}
	#header.type_1 .gnb_wrapper .logo .header_search_wrapper {
		margin-top: 15px;
	}
	#header .gnb_wrapper .menu_wrapper .menu > ul li:hover {
		background: #175EB8;
	}
	#header #gnb_menu_list .highlight {
		text-shadow: unset;
	}
	a.text_center {
		background: revert !important;
	}
	#header .mini {
		font-size: 13px;
		color: #444;
		font-weight: bold;
	}
	span.dot {
		color: #ccc;
	}
	.head_btn {
		font-size: 12px;
		height: 34px;
		line-height: 34px;
		padding: 0 6px;
		box-shadow: 0 1px 2px #aaa;
	}
	.btn_search {
		width: 225px!important;
		border-top-left-radius: 0!important;
		border-bottom-left-radius: 0!important;
		margin-right: 10px;
	}
	.btn_ruli_dark,
	#board_list .btn_bookmark,
	#board_list_0 .btn_bookmark,
	.btn_ruli_light {
		box-shadow: 0 3px 10px -3px #666;
	}
	.header_search_wrapper button {
		width: 66.6px!important;
		color: rgb(102, 102, 102);
		background-color: rgb(255, 255, 255);
		border-color: rgb(204, 204, 204);
		border-top-right-radius: 0!important;
		border-bottom-right-radius: 0!important;
		padding-bottom: 5px!important;
		font-size: 0;
	}
	.header_search_wrapper button::before {
		content: "검색";
		font-size: 13px;
		color: #666;
	}
	#board_top .board_title {
		padding: 1px 7px;
		font-size: 14px;
		border-radius: 4px;
		margin-top: 1px;
		margin-bottom: 1px;
	}
	#visited_board {
		color: #555;
		border: 1px solid #888;
		margin-bottom: 1px;
		border-radius: 4px;
	}
	#visited_board .all-remove {
		right: 10px;
	}
	#visited_board .visited-open {
		right: 33px;
	}
	#board_read .board_main .board_main_top .user_view .subject {
		padding: 10px;
		border-bottom: 1px solid #e6e6e6;
		font-size: 13px;
		background-color: #f5f6f6;
		color: #404040;
	}
	#board_read .board_main .board_main_top .user_view .user_info .btn_wrapper a {
		margin-right: 8px;
		border: 1px solid #ddd;
	}
	body.dark_mode .btn_ruli_dark {
		color: #ddd;
		background-color: #3d3d3d;
		border-color: #ddd;
		border-top-right-radius: 0!important;
		border-bottom-right-radius: 0!important
	}
	.line_h_40 {
		line-height: 64px !important;
	}
	.main_aside .login_wrapper .login_btn {
		height: 45px;
		line-height: 45px;
	}
	#family_site .menu_snb {
		background-color: #fff;
	}
	#family_site .snb_family .list_snb .link_txt {
		color: #101010;
	}
	#family_site .snb_family .sub.active .link_txt {
		font-weight: 700;
		color: #000;
		text-decoration: underline;
		letter-spacing: -1px;
	}
	#family_site .snb_family .tit_sub {
		font-size: 12px;
		color: #3978c0;
	}
	.num_reply {
		color: #5894da;
	}
	#async_search_result {
		top: -54px;
		left: 88px;
	}
	.right_side_wrapper.scrolled-down .right_best_list {
		height: unset;
	}
	if oldlink {
		li.menu_item:nth-child(1) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(2) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(3) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(6) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(8) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(9) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(12) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(13) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(14) > h3:nth-child(1) > a:nth-child(1),
		li.menu_item:nth-child(18) > h3:nth-child(1) > a:nth-child(1) {
			font-size: 0!important;
		}
		li.menu_item:nth-child(1) > h3:nth-child(1) > a:nth-child(1):after {
			content: 'PS4';
			font-size: 12px!important;
		}
		li.menu_item:nth-child(2) > h3:nth-child(1) > a:nth-child(1):before {
			content: 'NS / WiiU';
			font-size: 12px!important;
		}
		li.menu_item:nth-child(2) > h3:nth-child(1) > a:nth-child(1):after {
			content: '3DS';
			font-size: 12px!important;
			margin-left: 15px!important;
		}
		li.menu_item:nth-child(3) > h3:nth-child(1) > a:nth-child(1):after {
			content: 'XBOX ONE';
			font-size: 12px!important;
		}
		li.menu_item:nth-child(6) > h3:nth-child(1) > a:nth-child(1):after {
			content: '휴대폰';
			font-size: 12px!important;
		}
		li.menu_item:nth-child(8) > h3:nth-child(1) > a:nth-child(1):after {
			content: '뉴스';
			font-size: 12px!important;
		}
		li.menu_item:nth-child(9) > h3:nth-child(1) > a:nth-child(1):after {
			content: '핫딜'!important;
			font-size: 12px!important;
			position: initial!important;
			width: auto!important;
			background: unset!important;
		}
		li.menu_item:nth-child(12) > h3:nth-child(1) > a:nth-child(1):after {
			content: '게임찾기'!important;
			font-size: 12px!important;
			color: #98ffff!important;
			position: initial!important;
			width: auto!important;
			background: unset!important;
		}
		li.menu_item:nth-child(13) > h3:nth-child(1) > a:nth-child(1):after {
			content: '커뮤니티'!important;
			font-size: 12px!important;
			position: initial!important;
			width: auto!important;
			background: unset!important;
		}
		li.menu_item:nth-child(14) > h3:nth-child(1) > a:nth-child(1):after {
			content: 'BEST'!important;
			font-size: 12px!important;
			color: #98ffff!important;
			position: initial!important;
			width: auto!important;
			background: unset!important;
		}
		li.menu_item:nth-child(18) > h3:nth-child(1) > a:nth-child(1):after {
			content: '프라';
			font-size: 12px!important;
		}
	}

	if newremove {
		li.menu_item:nth-child(5) > h3:nth-child(1) > a:nth-child(1),
		#gnb_menu_list > li:nth-child(20) > div:nth-child(1),
		li.menu_item:nth-child(21) {
			display: none!important;
		}
	}

	if icon {
		#header .gnb_wrapper .menu_wrapper .menu_background {
			height: 36px;
		}
		#header .gnb_wrapper .menu_wrapper,
		#header .gnb_wrapper .menu_wrapper .menu,
		#header .gnb_wrapper .menu_wrapper .menu > ul li,
		#header .gnb_wrapper .menu_wrapper .menu > ul li a,
		#header .gnb_wrapper .menu_wrapper .menu .family,
		#header .gnb_wrapper .menu_wrapper .menu .family .family_text {
			height: 36px;
			line-height: 36px;
		}
		#header {
			margin-top: 23px;
			border-top: 1px solid #ECECEC;
		}
		#header.type_1 .gnb_wrapper .logo {
			height: 73px;
		}
		#header .gnb_wrapper .menu_wrapper .menu_background {
			top: 73px;
		}
		#header.type_1 .gnb_wrapper .logo .ruliweb_icon,
		.col.block {
			margin: 14px 20px 0px !important;
		}
		#header.type_1 .gnb_wrapper .logo .header_search_wrapper {
			margin-top: 24px;
		}
		#header.type_1 .gnb_wrapper .mini {
			position: absolute;
			margin-bottom: 70px;
		}
		span.head_btn_wrapper:nth-child(9) {
			margin-top: 10px;
		}
		#header .mini {
			font-size: 11px;
			color: #444;
		}
		#header .mini:before {
			content: url('https://bbs.ruliweb.com/assets/img/icon/ruliweb_text_icon_93_12.png');
			padding-right: 8px;
			position: relative;
			top: 2px;
		}
		.head_btn {
			color: #79A8E2;
			font-size: 11px;
			padding: 0;
			border: 0;
			box-shadow: unset;
		}
		.ruli-dropdown .ruli-dropdown-content {
			width: 300px;
			left: 0;
		}
	}
}
@-moz-document url-prefix("https://bbs.ruliweb.com/family/") {
	#family_site #type_2.maintop_widget_style_box .main_top_board_list {
		padding: 1px;
	}
}
@-moz-document url-prefix("https://bbs.ruliweb.com/search") {
	#search_main {
		background: #fff;
	}
	#search_main .box {
		border: 0;
	}
	.result.box,
	#board_name,
	#game_search {
		border: 1px solid #ddd!important;
	}
	#search_main .search_input {
		color: #827C7C;
		font-size: 14px;
		font-weight: 700;
		padding: 0 0 1px;
		border: 0;
		border-bottom-color: currentcolor;
		border-bottom-style: none;
		border-bottom-width: medium;
		border-bottom: 1px solid #BDBDBD;
		background: 0 0;
	}
}
@-moz-document url-prefix("https://user.ruliweb.com/member/login") {
	#login_kakao {
		content: url(https://www.ruliweb.com/assets/img/sns/btn_login_daum.png)!important;
		width: 100%;
	}
}