미디어위키: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 */