미디어위키:Liberty.css

@media screen and (max-width: 1200px) {
	.Liberty .content-wrapper .liberty-sidebar {
		width: 18rem;
	}
}

/* Max-width: 1023 Desktop deadline */
@media screen and (max-width: 1023px) {
	.Liberty .nav-wrapper {
		min-height: 6rem;
	}
	
	.Liberty .nav-wrapper .navbar {
		padding: 0 0.5rem;
	}

	.Liberty .nav-wrapper .navbar .navbar-brand {
		height: 3rem;
	}

	.Liberty .nav-wrapper .navbar .nav-link-cover_1 {
		position: absolute;
		top: 3rem;
		left: 0;
		width: 100%;
		padding: 0 0.5rem;
	}

	.Liberty .nav-wrapper .navbar .form-inline {
		width: 100%;
		float: left;
		padding: 0;
	}

	.Liberty .nav-wrapper .navbar .form-inline .input-group {
		display: table;
		width: 100%;
	}

	.Liberty .nav-wrapper .navbar .form-inline .input-group .form-control {
		width: 100%;
	}

	.Liberty .nav-wrapper .navbar .form-inline .input-group .input-group-btn {
		width: 1%;
	}

	.Liberty .nav-wrapper .navbar .randompage, .Liberty .nav-wrapper .navbar .darkModeToggle {
		min-width: 2.5rem;
	}

	.Liberty .content-wrapper {
		margin-top: 6rem;
		display: block;
		gap: unset;
	}

	.Liberty .content-wrapper .liberty-sidebar {
		display: none;
	}

	.Liberty .content-wrapper .liberty-content {
		margin-right: auto;
		padding-bottom: 0.75rem;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-header .liberty-notice {
		margin: 0.5rem;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-header .titleCover {
		padding: 0.75rem;
		flex-direction: column;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-header .contentSub {
		justify-content: flex-start;
		margin-top: 0;
		padding: 0.25rem 0.75rem;
		padding-top: 0;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools {
		margin: .75rem 0 0;
		float: none;
		text-align: right;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-header .header-ads {
		margin: 0.75rem;
		margin-bottom: 0;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main {
		padding: 0.75rem;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main #upload-div {
		display: none;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main iframe {
		width: 80%;
		height: 30rem;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main .mobile-table-wrapper {
		overflow-x: auto;
	}

	.Liberty .content-wrapper .liberty-content .bottom-ads {
		padding: 0.75rem;
		background-color: #fff;
		border-left: 1px solid #e1e8ed;
		border-right: 1px solid #e1e8ed;
	}

	.Liberty .content-wrapper .liberty-content .mobile-ads {
		padding: 0.75rem;
		background-color: #fff;
		border-left: 1px solid #e1e8ed;
		border-right: 1px solid #e1e8ed;
	}

	.Liberty .content-wrapper .liberty-footer {
		padding: 0.75rem;
	}
	
	.Liberty .nav-wrapper .navbar .navbar-login .profile-img {
		width: 2rem;
		height: 2rem;
	}

	.Liberty .content-wrapper .liberty-notice {
		margin-top: 7rem;
	}
	
	.Liberty .nav-wrapper .navbar .navbar-login .fa, .Liberty .nav-wrapper .navbar .navbar-login .fas, .Liberty .nav-wrapper .navbar .navbar-login .far {
		padding: 0;
	}

	.title h1 {
		font-size: 2rem;
	}

	.mw-changeslist-line-inner {
		grid-template-columns: 5rem 1fr 3rem 4rem 8rem 8rem 0;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main .mw-changeslist .special .comment {
		display: none;
	}
}
/* Max-width: 890 convert for tablet mode alt */
@media screen and (max-width: 890px) {
	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .fa,
	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .fas,
	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .far {
		text-align: center;
		margin: 0 0.25rem;
	}

	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link .hide-title {
		display: none;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main iframe {
		width: 90%;
		height: 20rem;
	}
		#searchform {
		width: 100%;
	}

	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item {
		margin-right: 0;
		padding: 0.5rem;
	}
}
/* Max-width: 798 Menu deadline, convert for tablet mode */
@media screen and (max-width: 798px) {
	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .fa,
	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .fas,
	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .far {
		text-align: center;
		margin: 0 0.25rem;
	}

	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link .hide-title {
		display: none;
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main iframe {
		width: 90%;
		height: 20rem;
	}

	.mw-changeslist .mw-changeslist-line-inner {
		grid-template-columns: 1fr 2fr;
		gap: 5px;
		max-height: none;
	}

	table.mw-enhanced-rc td {
		width: 0;
	}

	table.mw-enhanced-rc td:last-child {
		grid-template-columns: 2fr 1fr;
		position: relative;
		margin-left: 0;
		width: 100% !important;
	}

	.mw-changeslist .mw-changeslist-date,
	.mw-changeslist .mw-userlink {
		padding-left: 4px;
	}

}
/* Max-width: 520px Under tablet */
@media screen and (max-width: 520px) {
	.Liberty .nav-wrapper .navbar .navbar-login .view-logout {
		display: block;
	}

	.Liberty .nav-wrapper .navbar .navbar-login .hide-logout {
		display: none;
	}

	html .Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox,
	html .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable {
		float: none;
		width: 100%;
		/* margin: auto; */
		/* margin-bottom: 1rem; */
	}

	.Liberty .content-wrapper .liberty-content .liberty-content-main iframe {
		width: 100%;
		height: 15rem;
	}

	#searchform {
		width: 100%;
	}
}

/* Max-width: 397px Under Big-phone */
@media screen and (max-width: 397px) {
	.Liberty .nav-wrapper .navbar .navbar-brand {
		width: 5rem;
		background: transparent url( ../img/logo.png ) no-repeat scroll left center/auto 1.5rem;
	}

	.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link::after {
		display: none;
	}

	.Liberty .nav-wrapper .navbar .navbar-login {
		padding-left: 0.4rem;
	}

	.Liberty .nav-wrapper .navbar .navbar-notification {
		padding-left: 0.4rem;
	}

	.Liberty .nav-wrapper .navbar .form-inline {
		padding-top: 0.04rem;
	}
}

/* Max-width: 34rem; */
@media screen and (max-width: 34rem) {
	.Liberty .login-modal .modal-sm {
		width: auto;
	}
}