미디어위키:Common.css/Tweaks.css

위키문헌 ― 우리 모두의 도서관.

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* CSS placed here will be applied to all skins */
@charset "utf-8";
/*
 *==== This stylesheet contains all en.WS specific tweaks =====
 */
/* make user experience moar-kewl */
a:link, a:visited {
	-webkit-transition: color 0.4s ease;
	   -moz-transition: color 0.4s ease;
	     -o-transition: color 0.4s ease;
	        transition: color 0.4s ease;
}
/* Fix copy and paste formatting */
.verse pre {
	margin: 0;
	padding-left: 2em;
	border: 0;
	background-color: #FFF;
	font-family: sans-serif;
	white-space: pre;
	line-height: 150%;
}
.verse p {
	white-space: pre;
}
/* Short lines preferred by some editors */
.prose {
	padding-left: 3em;
	max-width: 35em;
	margin: 0 auto;
}
/* poem tag : avoid extra margins between transcluded pages */
.poem {
	margin-bottom: 0em;
	margin-top: 0em;
	line-height: 1.6em;
	text-indent: inherit;
}
.poem p {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	text-indent: inherit !important;
}
/* poem tag : inhibits div with defined-list wiki mark-up for indentation */
.poem dl {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	text-indent: inherit !important;
}
.poem dd {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	text-indent: inherit !important;
}
/* center templatedata extension's output table */
.mw-templatedata-doc-params {
	margin: 0.50em auto 0.50em auto !important;
}
/* show deleted text hidden by CopyVio template */
.page-Special_Undelete div#copyvio {
	display: block !important;
}
/* restore defunct class begining around 1.19wmf update */
.hiddenStructure {
	display: none !important;
}
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */
.listify td {
	display: list-item;
}
.listify tr {
	display: block;
}
.listify table {
	display: block;
}
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references {
	font-size: 100%;
}
.references-small {
	font-size: 90%;
}
ol.references > li:target {
	background-color: #ddeeff;
}
sup.reference:target {
	background-color: #ddeeff;
}
/* force paragraphs wrapped within this div class to inherit font size and line height */
div.fslhInherit > p {
	font-size: inherit !important;
	line-height: inherit !important;
}
/* modify profiles */
@media screen, handheld, projection {
	/* indent page text on screen out of the way of the page numbers */
	div.indented-page {
		margin-left:3em;
	}
	/* Dont display the URL onto the screen */
	cite *.printonly {
		display: none;
	}
}
/* Featured template */
#cornerbox {
	position: absolute;
	top: 0.3em;
	right: 0.2em;
	border: 1px solid #BBB;
	font-size: 0.8em;
}
/* PRETTYTABLE
 *
 * Produces customized grayscale tables. Based on WikiTable css definitions.
 * Table documentation at [[Wikisource:Style guide/Tables]] - SUPERSEDED -
 * Some values need !important added otherwise they could be overriden.
 */
table.prettytable {
	background-color: #f9f9f9 !important;
	border: 1px solid #aaa !important;
	border-collapse: collapse !important;
	color: #000000;
	margin: 1em 0 1em 0;
	page-break-after: avoid !important;
}
table.prettytable thead tr th, table.prettytable tr th, table.prettytable th {
	background-color: #f2f2f2 !important;
	border: 1px solid #569BBB !important;
	text-align: center;
	padding: 0.25em 0.50em 0.25em 0.50em !important;
}
table.prettytable tbody tr td, table.prettytable tr td, table.prettytable td {
	border: 1px solid #569BBB !important;
	padding: 0.25em 0.25em 0.25em 0.25em !important;
	vertical-align: top;
}
table.prettytable > caption {
	font-weight: normal;
}
/* *********
 * STYLISTIC TABLES
 */
/* '''valign''' ; cell(s) in row vertically aligned to top*/
/* '''valignb''' ; rows vertically aligned to bottom*/
/* '''table-c75vtop''' ; table centred, 75% width, rows vertically aligned to top*/
table.table-c75vtop {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.table-c75vtop, .valign tr, .valign tr td {
	vertical-align: top;
}
.table-c75vbot, .valignb tr, .valignb tr td {
	vertical-align: bottom;
}
/* tablecolhdborder; borders around table/columns/<th>; centre <th>; <td> align left with padding */
/* as used in [[Template:Hussey Churches table header]] */
table.tablecolhdborder {
	border: 1px solid;
	margin: 0;
	border-collapse:collapse;
}
table.tablecolhdborder th {
	border-bottom: 1px solid;
	border-left: 1px solid;
	text-align: center;
}
table.tablecolhdborder td {
	border-left: 1px solid;
	padding-left: 5px;
}
/* Add a border to the bottom of a table row */
tr.tablebtmborder td {
	border-bottom: 1px solid;
}
/* enable a standard means to insert a 1em padding in the first column of a table; Mostly used in book table of contents -- ab 20120122 */
.rpadCol1 td:first-child {
	padding-right: 1.0em !important;
}
 
/* When  div class=nonumtoc  is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber {
	display: none;
}
/* Deprecated - apply using the above definitions instead */
/* #hideTOCnumbers { display: none; } */
.nonumtoc #toc ul, .nonumtoc .toc ul {
	line-height: 1.5em;
	list-style: none;
	margin: .3em 0 0;
	padding: 0;
}
.nonumtoc #toc ul ul, .nonumtoc .toc ul ul {
	/* @noflip */
	margin: 0 0 0 2em; 
}
 
/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}
 
/* usei: U.S. executive instruments
** Attempt to reclaim basic heading tags, etc. from the wikicode
** for use in the formatting of typical orders, procs, etc.
** by executive branches of U.S. Gov'ts. Core settings only.
*/
h1.usei, h2.usei, h3.usei, h4.usei, h5.usei, h6.usei, h7.usei {
	color: #000000;
	background: none;
	font-weight: normal;
	margin-top: 0.00em;
	margin-bottom: 0.00em;
	overflow: hidden;
	padding-top: 0.50em;
	padding-bottom: 0.17em;
	border-bottom: none;
	page-break-after: avoid;
}
hr.usei {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: 0.12em 0.00em 0.12em 0.00em;
}
/* for table lists found in various gov't serials */
table.useiList {
	display: table;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	empty-cells: hide !important;
	margin: 0 auto 0 auto !important;
	width: 100% !important;
}
tr.useiListrow {
	display: table-row;
	text-align: left !important;
}
td.useiListcell1 {
	display: table-cell;
	border-right: 1px solid !important;
	line-height: 1.10em !important;
	padding: 0.50em 0.75em 0.40em 0.75em !important;
	text-align: left !important;
	vertical-align: top !important;
	white-space: nowrap !important;
}
td.useiListcell2 {
	display: table-cell;
	border-right: 1px solid !important;
	line-height: 1.10em !important;
	padding: 0.50em 0.75em 0.40em 0.75em !important;
	text-align: center !important;
	vertical-align: top !important;
	white-space: nowrap !important;
}
td.useiListcell3 {
	display: table-cell;
	line-height: 1.10em !important;
	padding: 0.50em 0.75em 0.40em 1.75em !important;
	text-align: left !important;
	vertical-align: top !important;
}
td.useiListcell4 {
	display: table-cell;
	border-left: 1px solid !important;
	line-height: 1.10em !important;
	padding: 0.50em 0.75em 0.40em 0.75em !important;
	text-align: right !important;
	vertical-align: bottom !important;
	white-space: nowrap !important;
}
span.useiHgindt {
	display: inline-block !important;
	text-indent: -1.00em !important;
}
span.useiHdnpad {
	margin-right: -0.50em !important;
	visibility: hidden !important;
}
span.useiHidden {
	visibility: hidden !important;
}
span.useiFloatl {
	float: left !important;
}
span.useiFloatr {
	float: right !important;
}
/*********
** special formatting classes
*********/
/* ordered-list flavours; see [[History of the Rise, Progress, and Termination of the American Revolution/Chapter II]] for first deployment */
div.divRomanOL ol {
	list-style-type: upper-roman;
}
div.divRomanOL-lower ol {
	list-style-type: lower-roman;
}
div.divAlphaOL ol {
	list-style-type: upper-alpha; /* or upper-latin; q: which is better supported? */
}
div.divAlphaOL-lower ol {
	list-style-type: lower-alpha; /* or lower-latin...*/
}
div.divGreekOL-lower ol {
	list-style-type: lower-greek;
}
div.divDecimalOL-leading-zero ol {
	list-style-type: decimal-leading-zero;
}
div.divDecimalOL-normal ol {
	list-style-type: decimal;     /* could be useful in nested situations - but computer says no... */
}
/* georgian && armenian as needed... */
/*********
** tabber
*********/
/*
Generic defaults
 
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display: none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top: 1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #CCC;
	font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #ccc;
	border-bottom: none;
	background-color: #f2f7ff;
	text-decoration: none;
}
ul.tabbernav li a:link {
	color: #448;
}
ul.tabbernav li a:visited {
	color: #667;
}
ul.tabbernav li a:hover {
	color: #000;
	background-color: #fff9f2;
	border-color: #CCC;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
	color: #000;
	background-color: white;
	border-bottom: 1px solid white;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding: 5px;
	border: 1px solid #CCC;
	border-top: 0;
/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
/* height: 200px; */
/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
/* overflow: auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display: none;
}
.tabberlive .tabbertab h3 {
	display: none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height: 200px;
	overflow: auto;
}
/*--------------------------------------------------*/
/* Use for inputting Hebrew pointing in MediaWiki:Edittools */
span.nikud {
	color: #002bb8;
	cursor: pointer;
}
/* International Phonetic Alphabet [[Template:IPA]] */
.IPA {
	font-family: 'Arial Unicode MS', Code2000, Gentium, GentiumAlt, 'DejaVu Sans', 'Segoe UI', 'Lucida Grande', 'Charis SIL', 'Doulos SIL', 'TITUS Cyberbit Basic', 'Lucida Sans Unicode', sans-serif;
	font-size: 110%;
}
/* CLEARFIX
 * //stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
 * 
 * some basic fixes for a well known bug dealing with floats & their containers
 * 
 */
.clearFix {
	display: inline-block;
}
.clearFix:after {
	content: "\2007";
	display: block;
	height: 0px;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
/* highlights the anchor text obtained using Template:Anchor+ */
/* this relies on CSS3, and thus is not seen by many browsers, but it is only added-value eye-candy so that's OK. */
span.HighlightedAnchor:target {
	background-color: #DEF;
}
/* ##Category formatting## */
/* displays hidden categories with a smaller font, and separates below normal categories */
#mw-hidden-catlinks {
	font-size: 90%;
}
/**
 * Icons on the top right of the article.
 * See also mw common JS file
 *
 * @source  www.mediawiki.org/wiki/Snippets/Top_icons
 * @version  4
 */
/* Hide without javascript */
.Top_icon_raw {
	display: none;
}
/* With JavaScript */
.Top_icon_dynamic {
	float: right;
	padding-left: 10px;
	font-size: 50%;
	width: auto !important;
}
.Top_icon_raw p, .Top_icon_dynamic p {
	padding: 0 0;
	margin: 0 0;
}
/* .pagenum_container:hover {background-color:#eeeeee; opacity:0.5; } */
/* @end */