미디어위키:Common.css

KANOTYPE WIKI
둘러보기로 이동 검색으로 이동

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
  1 /* CSS placed here will be applied to all skins */
  2 .tablenormal{
  3 	border-collapse: collapse;
  4 	border: 1px #aaaaaa solid;
  5 }
  6 
  7 .tablenormal th{
  8 	border: 1px #aaaaaa solid;
  9 	background:#dddddd;
 10 	padding: 2px;
 11 }
 12 
 13 .tablenormal td{
 14 	border: 1px #aaaaaa solid;
 15 	padding: 2px;
 16 }
 17 
 18 /* Infobox template style */
 19 .infobox {
 20     border: 1px solid #aaa;
 21     background-color: #f9f9f9;
 22     color: black;
 23     margin: 0.5em 0 0.5em 1em;
 24     padding: 0.2em;
 25     float: right;
 26     clear: right;
 27 }
 28 .infobox td,
 29 .infobox th {
 30     vertical-align: top;
 31 }
 32 .infobox caption {
 33     font-size: larger;
 34 }
 35 .infobox.normalbox {
 36     width: 700px;
 37 }
 38 .infobox.bordered {
 39     border-collapse: collapse;
 40 }
 41 .infobox.bordered td,
 42 .infobox.bordered th {
 43     border: 1px solid #aaa;
 44 }
 45 .infobox.bordered .borderless td,
 46 .infobox.bordered .borderless th {
 47     border: 0;
 48 }
 49  
 50 .infobox.sisterproject {
 51     width: 20em;
 52     font-size: 90%;
 53 }
 54  
 55 .infobox.standard-talk {
 56     border: 1px solid #c0c090;
 57     background-color: #f8eaba;
 58 }
 59 .infobox.standard-talk.bordered td,
 60 .infobox.standard-talk.bordered th {
 61     border: 1px solid #c0c090;
 62 }
 63  
 64 /* styles for bordered infobox with merged rows */
 65 .infobox.bordered .mergedtoprow td,
 66 .infobox.bordered .mergedtoprow th {
 67     border: 0;
 68     border-top: 1px solid #aaa;
 69     border-right: 1px solid #aaa;
 70 }
 71  
 72 .infobox.bordered .mergedrow td,
 73 .infobox.bordered .mergedrow th {
 74     border: 0;
 75     border-right: 1px solid #aaa;
 76 }
 77  
 78 /* Styles for geography infoboxes, eg countries,
 79    country subdivisions, cities, etc.            */
 80 .infobox.geography {
 81     text-align: left;
 82     border-collapse: collapse;
 83     line-height: 1.2em; 
 84     font-size: 90%;
 85 }
 86  
 87 .infobox.geography  td,
 88 .infobox.geography  th {
 89     border-top: solid 1px #aaa;
 90     padding: 0.4em 0.6em 0.4em 0.6em;
 91 }
 92 .infobox.geography .mergedtoprow td,
 93 .infobox.geography .mergedtoprow th {
 94     border-top: solid 1px #aaa;
 95     padding: 0.4em 0.6em 0.2em 0.6em;
 96 }
 97  
 98 .infobox.geography .mergedrow td,
 99 .infobox.geography .mergedrow th {
100     border: 0;
101     padding: 0 0.6em 0.2em 0.6em;
102 }
103  
104 .infobox.geography .mergedbottomrow td,
105 .infobox.geography .mergedbottomrow th {
106     border-top: 0;
107     border-bottom: solid 1px #aaa;
108     padding: 0 0.6em 0.4em 0.6em;
109 }
110  
111 .infobox.geography .maptable td,
112 .infobox.geography .maptable th {
113     border: 0;
114     padding: 0;
115 }
116 
117 /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
118 th.mbox-text, td.mbox-text {   /* The message body cell(s) */
119     border: none;
120     /* @noflip */
121     padding: 0.25em 0.9em;     /* 0.9em left/right */
122     width: 100%;               /* Make all mboxes the same width regardless of text length */
123 }
124 td.mbox-image {                /* The left image cell */
125     border: none;
126     /* @noflip */
127     padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
128     text-align: center;
129 }
130 td.mbox-imageright {           /* The right image cell */
131     border: none;
132     /* @noflip */
133     padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
134     text-align: center;
135 }
136 td.mbox-empty-cell {           /* An empty narrow cell */
137     border: none;
138     padding: 0px;
139     width: 1px;
140 }
141 /* Article message box styles */
142 table.ambox {
143     margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
144     border: 1px solid #aaa;
145     /* @noflip */
146     border-left: 10px solid #1e90ff;  /* Default "notice" blue */
147     background: #fbfbfb;
148 }
149 table.ambox + table.ambox {      /* Single border between stacked boxes. */
150     margin-top: -1px;
151 }
152 .ambox th.mbox-text,
153 .ambox td.mbox-text {            /* The message body cell(s) */
154     padding: 0.25em 0.5em;       /* 0.5em left/right */
155 }
156 .ambox td.mbox-image {           /* The left image cell */
157     /* @noflip */
158     padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
159 }
160 .ambox td.mbox-imageright {      /* The right image cell */
161     /* @noflip */
162     padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
163 }
164  
165 table.ambox-notice {
166     /* @noflip */
167     border-left: 10px solid #1e90ff;    /* Blue */
168 }
169 table.ambox-speedy {
170     /* @noflip */
171     border-left: 10px solid #b22222;    /* Red */
172     background: #fee;                   /* Pink */
173 }
174 table.ambox-delete {
175     /* @noflip */
176     border-left: 10px solid #b22222;    /* Red */
177 }
178 table.ambox-content {
179     /* @noflip */
180     border-left: 10px solid #f28500;    /* Orange */
181 }
182 table.ambox-style {
183     /* @noflip */
184     border-left: 10px solid #f4c430;    /* Yellow */
185 }
186 table.ambox-move {
187     /* @noflip */
188     border-left: 10px solid #9932cc;    /* Purple */
189 }
190 table.ambox-protection {
191     /* @noflip */
192     border-left: 10px solid #bba;       /* Gray-gold */
193 }
194 
195 /* Otheruses */
196 .dablink {
197     margin: 0.5em 0;
198     padding: 3px 2em;
199     background-color: transparent;
200     /*border-bottom: 1px solid #aaa;*/
201     font-size: 90%;
202 }
203 
204 /* Fix for font size and line-spacing of reference marker */
205 sup.reference {
206     vertical-align: baseline;
207     position: relative;
208     top: -1ex;
209     font-size: 50%;
210 }
211 
212 /**
213  * Allow limiting of which header levels are shown in a TOC;
214  * <div class="toclimit-3">, for instance, will limit to
215  * showing ==headings== and ===headings=== but no further.
216  * Used in [[Template:TOC]]
217  */
218 .toclimit-2 .toclevel-1 ul,
219 .toclimit-3 .toclevel-2 ul,
220 .toclimit-4 .toclevel-3 ul,
221 .toclimit-5 .toclevel-4 ul,
222 .toclimit-6 .toclevel-5 ul,
223 .toclimit-7 .toclevel-6 ul {
224 	display: none;
225 }
226 
227 sup {
228   vertical-align: baseline;
229   position: relative;
230   top: -1ex;
231 }