User:Psl631/common.css

  1  body {
  2  	font-family: Trebuchet MS
  3  }
  4  
  5  #content {
  6  	font-family: Verdana
  7  }
  8  
  9  input, select, button, .mw-body h1, .mw-body h2 {
 10  	font-family: Consolas;
 11  }
 12 a { color: #080; text-decoration: none; }
 13 a:visited { color: #050; }
 14 a:active { color: #111; }
 15 #p-personal a.new { color: #b00; }
 16 #p-personal a.new:visited { color:#800; }
 17 #bodyContent a.external { color: #0a0; }
 18 #bodyContent a.extiw:active { color: #020; }
 19 
 20  #content, #content table
 21  #p-cactions ul li a { background: #fcfffc; }
 22 
 23  .usermessage {
 24  background: #00E400;
 25  border: 1.1px dashed #060;
 26  }
 27 
 28  pre { border: 1px dashed #060; }
 29 
 30  h2,h3,h4,h5,h6 { font-family: Arial Black; font-size: 16px; color:#020; }
 31 
 32  #catlinks {
 33  border: 1px dotted #272;
 34  background-color: #fdfffd;
 35  padding: 4px;
 36  }
 37 
 38  textarea {
 39   font-family: Courier New;
 40   font-size: 14px;
 41  }
 42 
 43 /* Remove the "You have new messages" text while my user talk page is edited */
 44 #pt-mytalk a.mw-echo-alert {
 45 	color:#FF00FF; font-family:Courier; font-size:13px;
 46 }
 47 
 48 /* Label anonymous userlinks (IPs) differently from others */
 49 .mw-anonuserlink {
 50     background-color: #CCC;
 51     font-family: "Courier";
 52 }
 53 
 54 /* Make the "changed since your last visit" on page history have a cyan background and darker cyan outline
 55    Basically a cyan version of the "You have new messages" box */
 56 .updatedmarker {
 57     background: #00FFFF;
 58     border: 1px solid #00BEFF;
 59     padding: 1px;
 60 }
 61 
 62 /* Hide diff markers, the colours make it obvious */
 63 td.diff-marker {
 64 	visibility: hidden;
 65 }
 66 table.diff col.diff-marker {
 67 	width: 0;
 68 }
 69 table.diff col.diff-content {
 70 	width: 50%;
 71 }
 72 
 73 /* Stop pre (often used for code blocks) from breaking out the page */
 74 pre {
 75 	overflow-x: auto;
 76 }
 77 
 78 /* Make redirect links purple while reading a page, to easily see links who are redirects */
 79 body.action-view .mw-redirect,
 80 body.action-view .mw-redirect:link,
 81 body.action-view .mw-redirect:visited {
 82 	color: #800080;
 83 }
 84 
 85 /* Prism syntax highlighting */
 86 /**
 87  * prism.js default theme for JavaScript, CSS and HTML
 88  * Based on dabblet
 89  * @author Lea Verou
 90  */
 91 
 92 pre,
 93 code,
 94 tt,
 95 kbd,
 96 samp,
 97 .mw-code {
 98 	font-family: Courier, monospace;
 99 }
100 
101 code[class*="language-"],
102 pre[class*="language-"],
103 pre[class*="mw-code"] {
104 	color: black;
105 	direction: ltr;
106 	text-align: left;
107 	white-space: pre;
108 	word-spacing: normal;
109 	
110 	-moz-tab-size: 4;
111 	  -o-tab-size: 4;
112 	     tab-size: 4;
113 	
114 	-webkit-hyphens: none;
115 	   -moz-hyphens: none;
116 	    -ms-hyphens: none;
117 	hyphens: none;
118 }
119 
120 .token.comment {
121 	color: #45A946;
122 	font-style: normal;
123 }
124 
125 .token.prolog,
126 .token.doctype,
127 .token.cdata {
128 	color: slategray;
129 	font-style: normal;
130 }
131 
132 .token.punctuation {
133 	color: #999;
134 }
135 
136 .namespace {
137 	opacity: .7;
138 }
139 
140 .token.property,
141 .token.tag,
142 .token.boolean {
143 	color: #905;
144 }
145 
146 .token.selector,
147 .token.attr-name,
148 .token.string,
149 .token.regex {
150 	color: #1E66B1;
151 }
152 
153 .token.operator,
154 .token.entity,
155 .token.url {
156 	color: #a67f59;
157 }
158 
159 .token.atrule,
160 .token.attr-value,
161 .token.keyword {
162 	color: #DD0058;
163 }
164 
165 .token.number,
166 .token.important {
167 	color: #e90;
168 }
169 
170 .token.important {
171 	font-weight: bold;
172 }
173 
174 .token.entity {
175 	cursor: help;
176 }
177 
178 /* Make links in code keep their syntax highlighting colours
179  * but add an underline so it's still obvious they're clickable */
180 .mw-code a:not(:hover) {
181 	color: inherit;
182 	text-decoration: underline;
183 }
184 
185 /* Remove the <code> tag borders */
186 pre code {
187 	border-style: none;
188  	padding: 0;
189 }
190 
191 /** Testing stuff **/
192 
193 /* Navpops */
194 .popupMoreLink {
195   display: block;
196   text-align: right;
197   cursor: pointer;
198 }
199 
200 ins.popupDiff {
201   background: #afe;
202 }
203 
204 del.popupDiff {
205   background: #ffe6e6;
206 }
207 
208 #selectionPreview {
209   border: 2px solid #ddd;
210   background-color: #eef;
211   padding: 6px;
212 }
213 
214 .navpopup {
215   border: 1px solid #bbb;
216   background-color: #fff;
217   padding: 10px;
218   padding-bottom: 5px;
219   font-size: 11px;
220   box-shadow: 0 3px 8px rgba( 50, 50, 50, 0.35 );
221   word-wrap: break-word;
222 }
223 
224 .navpopup hr {
225   color: #aaa !important;
226   background-color: #aaa !important;
227 }
228 
229 /* Configure Drag bar color */
230 .popupDrag {
231   background-color: #ffbe20;
232   height: 5px;
233   margin-top: -5px;
234   margin-bottom: 5px;
235 }
236 
237 .popupDragHandle {
238   cursor: move;
239   position: relative;
240 }
241 
242 /* menu magic - many thanks to [[User:Zocky]]! */
243 
244 /* popups */
245 .popup_menu {
246   display: none;
247   position: absolute;
248   left: 0;
249   margin: 0;
250   margin-top: 1.4em;
251   line-height: 1.25em;
252   top: 0;
253   z-index: 2;
254   width: 10em;
255   background: white;
256   border: 1px solid grey;
257   padding: 0 !important;
258   margin-left: -6px;
259   border-width: 1px 1px 1px 6px;
260 }
261 
262 .popup_menu li { /* both: popup_menu_row and popup_menu_item */
263   list-style: none;
264   margin:0;
265   padding:0;
266 }
267 
268 .popup_menu a {
269   display: block;
270   padding: 3px;
271   color: #555;
272 }
273 
274 .popup_menu_row a {
275   display: inline-block;
276 }
277 
278 .popup_menu_row {
279   color: #aaa;
280 }
281 
282 .popup_drop {
283   display: inline;
284   position: relative;
285 }
286 
287 .popup_drop a,
288 .popup_drop a:visited {
289   padding: 3px;
290   margin: 0;
291   font-weight: bold;
292   color: #0645ad;
293 }
294 
295 .popup_drop:hover .popup_menu,
296 .popup_drop .popup_menu:hover {
297   display: inline;
298   background: white;
299   padding: 2px;
300   color: #555;
301 }
302 
303 .popup_drop:hover {
304   background: #ccf;
305   color: #44f;
306 }
307 
308 /* other colours, styles and so on */
309 .popup_menu a:hover {
310   background: grey;
311   color: #fff;
312   text-decoration: none;
313 }
314 
315 .popup_mainlink {
316   font-size: 140%;
317   font-weight: bold;
318 }
319 
320 .popup_mainlink a {
321   color: #000;
322 }
323 
324 a.popup_change_title_link {
325   color: #152;
326 }
327 
328 .popup_diff_dates {
329   font-style: italic;
330   background: none;
331 }
332 
333 .popup_menu_item a {
334   display: block;
335 }
336 
337 .popup_history_row_even {
338   background: #eee;
339 }
340 
341 .popup_history_date {
342   font-weight: bold;
343   font-size: 120%;
344 }
345 
346 /* disable interwiki styling */
347 .popupPreview a.extiw,
348 .popupPreview a.extiw:active {
349   color: #36b;
350   background: none;
351   padding: 0;
352 }
353 
354 .popupPreview .external {
355   color: #36b;
356 }
357 
358 /* this can be used in the content area to switch off
359 special external link styling */
360 .popupPreview .plainlinks a {
361   background: none !important;
362   padding: 0 !important;
363 }
364 
365  
366 /* Emoticons page from SU */
367 .emotable {
368     width: 98%;
369 }
370  
371 .emotable td {
372     vertical-align: top;
373 }
374  
375 .emotable ul {
376     margin: 0;
377     text-align: center;
378     list-style: none;
379 }
380 
381 .mw-body h1, .mw-body h2 {
382     font-family: 'Times', serif;
383 }
384 
385 .gadget-groupindicator {
386 	margin-left: 5px;
387 }
388 
389 #gadget-blockindicator {
390 	margin-right: 5px;
391 }
392 
393 /* Move section [edit] links to the right side of the screen. */
394 .mw-editsection,
395 .mw-editsection-like {
396     float: right;
397     line-height: inherit;
398 }
399 #firstHeading .mw-editsection,
400 #firstHeading .mw-editsection-like {
401     margin-right: 0.5em;
402 }
403 .skin-modern #firstHeading .mw-editsection,
404 .skin-modern #firstHeading .mw-editsection-like {
405     margin-top: 0.5em;
406 }
407 .skin-vector #firstHeading .mw-editsection,
408 .skin-vector #firstHeading .mw-editsection-like {
409     margin-top: 1em;
410 }
411 
412 /* @noflip */
413 body.ltr h1.firstHeading .mw-editsection-bracket:first-of-type,
414 body.rtl h1.firstHeading .mw-editsection-bracket:not(:first-of-type) {
415 	margin-right: 0.25em;
416 	color: #555;
417 }
418 
419 /* @noflip */
420 body.rtl h1.firstHeading .mw-editsection-bracket:first-of-type,
421 body.ltr h1.firstHeading .mw-editsection-bracket:not(:first-of-type) {
422 	margin-left: 0.25em;
423 	color: #555;
424 }
425 
426 /* Colour may userlinks specially from other userlinks */
427 
428 #bodyContent a[title="User:Psl631"] { font-family:Times; font-size:15px; color: #FB0082; font-weight: bold; }
429 #bodyContent a[title="User talk:Psl631"] { font-family:Times; font-size:15px; color: #FB0082; font-weight: bold; }