미디어위키:Femiwiki.css

최근 편집: 2018년 9월 26일 (수) 20:50
낙엽1124 (토론 | 기여)님의 2018년 9월 26일 (수) 20:50 판 (시각편집기가 활성화될 때 상단 메뉴를 스무스하게 없애는 코드였던 것 같으나 작동하지 않아 지웁니다)

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/*검색창 옆 작은 이미지 */
/*
#p-search {
  position: relative;
}

#p-search:after {
  content: "";
  display: block;
  position: absolute;
  right: .3rem;
  bottom: .3rem;
  width: 1.8rem;
  height: 1.8rem;
  background: url('https://upload.wikimedia.org/wikipedia/commons/d/d0/Yellow_ribbon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
*/

/* strike */
s, strike {
	color: gray;
}

#content blockquote {
	padding: 1.6rem 1rem 1.6rem 1.5rem;
	background-color: #f0f0f0;
}

#content blockquote::before {
    left: .3rem;
    top: .5rem;
}

#share-facebook > a, #share-twitter > a {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    padding-left: 28px;
}

#share-facebook > a {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg);
}

#share-twitter > a {
    background-image: url(/images/b/bb/Twitter_Social_Icon_Rounded_Square_Color.svg);	
}

div.dialog input[type="reset"] {
	background-color: lightgray;
	color: #252525;
}

/* 모바일에서 특:차이에서 감사 confirm이 안 보이는 것 패치 */
.mw-diff-tool .jquery-confirmable-interface {
	display: inline;
	white-space: normal;
}

.CategoryTreeLabel {
	margin-right: .5em;
}

#content .embedvideowrap {
    height: auto !important;
}

@media screen and (max-width: 480px) {
	#content {
		overflow-x: hidden;
	}
	
	.textthumbinnertext,
	#content blockquote,
	#content .full-width-on-mobile,
	.sanction
	{
		width: calc(100% + 2.6rem);
		margin-left: -1.3rem;
	}

	.textthumb .thumbinner {
		padding: 0;
		overflow: visible;
		max-width: none !important;
	}
	
	#content .flow-post-content pre {
		width: 100%;
    	margin-left: 0;
	}
	
	.textthumbinnertext {
		position: relative;
		border: none;
		background-color: #f0f0f0;
	}
	
	#content table.full-width-on-mobile
	{
		max-width: none;
	}

	/* 알림 창 이상한 문제 우회 */
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-popup {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		margin: 0 !important;
		width: 100% !important;
		height: 70% !important;
	}
	
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-body {
		width: 100% !important;
		height: 90% !important;
		position: absolute;
	}
	
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-head {
		display: none;
	}
	
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-footer {
		position: absolute;
		bottom: 0;
	}
	
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-anchor:after,
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-anchor:before {
		display: none !important;
	}
	
	.mw-echo-ui-notificationBadgeButtonPopupWidget .mw-echo-ui-notificationItemWidget-content-table {
		margin-left: calc(-30px - 0.8em) !important;
	}
	
	.mw-echo-ui-NotificationBadgeWidget-overlay-menu .mw-echo-ui-actionMenuPopupWidget-menu {
		left: initial !important;
		right: 0 !important;
	}
	
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .mw-echo-ui-notificationsWidget {
		height: 100%;
	}
}