User:Psl631/global.css

@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Lato');
/* Search bar styling */

div#simpleSearch #searchInput {
	font-family: 'Comic Sans MS', sans-serif;
}

#content { font-family:Lato; sans-serif }
body {
	font-family: Fira Sans; sans-serif;
}
a { color: #080; text-decoration: none; }
a:visited { color: #050; }
a:active { color: #111; }
#p-personal a.new { color: #b00; }
#p-personal a.new:visited { color:#800; }
#bodyContent a.external { color: #0a0; }
#bodyContent a.extiw:active { color: #020; }

 #content, #content table
 #p-cactions ul li a { background: #fcfffc; }

 .usermessage {
 background: #00E400;
 border: 1.1px dashed #060;
 }

 pre { border: 1px dashed #060; }

 ul { list-style-File: url(http://img.photobucket.com/albums/v506/Kimi12715/MarioWiki/uldot.png); }
 h1 { font-family:Courier; font-size:28px;color:#117611;}
 h2,h3,h4,h5,h6 { font-family: Arial Black; font-size: 16px; color:#020; }

 #catlinks {
 border: 1px dotted #272;
 background-color: #fdfffd;
 padding: 4px;
 }

 textarea {
  font-family: Courier New;
  font-size: 14px;
 }

/* Remove the "You have new messages" text while my user talk page is edited */
#pt-mytalk a.mw-echo-alert {
	color:#FF00FF; font-family:Courier; font-size:13px;
}

/* Label anonymous userlinks (IPs) differently from others */
.mw-anonuserlink {
    background-color: #CCC;
    font-family: "Courier";
}

/* Make the "changed since your last visit" on page history have a cyan background and darker cyan outline
   Basically a cyan version of the "You have new messages" box */
.updatedmarker {
    background: #00FFFF;
    border: 1px solid #00BEFF;
    padding: 1px;
}

/* Hide diff markers, the colours make it obvious */
td.diff-marker {
	visibility: hidden;
}
table.diff col.diff-marker {
	width: 0;
}
table.diff col.diff-content {
	width: 50%;
}

/* Stop pre (often used for code blocks) from breaking out the page */
pre {
	overflow-x: auto;
}

/* Make redirect links purple while reading a page, to easily see links who are redirects */
body.action-view .mw-redirect,
body.action-view .mw-redirect:link,
body.action-view .mw-redirect:visited {
	color: #800080;
}

/* Prism syntax highlighting */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

pre,
code,
tt,
kbd,
samp,
.mw-code {
	font-family: Courier, monospace;
}

code[class*="language-"],
pre[class*="language-"],
pre[class*="mw-code"] {
	color: black;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	
	-moz-tab-size: 4;
	  -o-tab-size: 4;
	     tab-size: 4;
	
	-webkit-hyphens: none;
	   -moz-hyphens: none;
	    -ms-hyphens: none;
	hyphens: none;
}

.token.comment {
	color: #45A946;
	font-style: normal;
}

.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
	font-style: normal;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.regex {
	color: #1E66B1;
}

.token.operator,
.token.entity,
.token.url {
	color: #a67f59;
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #DD0058;
}

.token.number,
.token.important {
	color: #e90;
}

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}

/* Make links in code keep their syntax highlighting colours
 * but add an underline so it's still obvious they're clickable */
.mw-code a:not(:hover) {
	color: inherit;
	text-decoration: underline;
}

/* Remove the <code> tag borders */
pre code {
	border-style: none;
 	padding: 0;
}

/** Testing stuff **/

/* Navpops */
.popupMoreLink {
  display: block;
  text-align: right;
  cursor: pointer;
}

ins.popupDiff {
  background: #afe;
}

del.popupDiff {
  background: #ffe6e6;
}

#selectionPreview {
  border: 2px solid #ddd;
  background-color: #eef;
  padding: 6px;
}

.navpopup {
  border: 1px solid #bbb;
  background-color: #fff;
  padding: 10px;
  padding-bottom: 5px;
  font-size: 11px;
  box-shadow: 0 3px 8px rgba( 50, 50, 50, 0.35 );
  word-wrap: break-word;
}

.navpopup hr {
  color: #aaa !important;
  background-color: #aaa !important;
}

/* Configure Drag bar color */
.popupDrag {
  background-color: #ffbe20;
  height: 5px;
  margin-top: -5px;
  margin-bottom: 5px;
}

.popupDragHandle {
  cursor: move;
  position: relative;
}

/* menu magic - many thanks to [[User:Zocky]]! */

/* popups */
.popup_menu {
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  margin-top: 1.4em;
  line-height: 1.25em;
  top: 0;
  z-index: 2;
  width: 10em;
  background: white;
  border: 1px solid grey;
  padding: 0 !important;
  margin-left: -6px;
  border-width: 1px 1px 1px 6px;
}

.popup_menu li { /* both: popup_menu_row and popup_menu_item */
  list-style: none;
  margin:0;
  padding:0;
}

.popup_menu a {
  display: block;
  padding: 3px;
  color: #555;
}

.popup_menu_row a {
  display: inline-block;
}

.popup_menu_row {
  color: #aaa;
}

.popup_drop {
  display: inline;
  position: relative;
}

.popup_drop a,
.popup_drop a:visited {
  padding: 3px;
  margin: 0;
  font-weight: bold;
  color: #0645ad;
}

.popup_drop:hover .popup_menu,
.popup_drop .popup_menu:hover {
  display: inline;
  background: white;
  padding: 2px;
  color: #555;
}

.popup_drop:hover {
  background: #ccf;
  color: #44f;
}

/* other colours, styles and so on */
.popup_menu a:hover {
  background: grey;
  color: #fff;
  text-decoration: none;
}

.popup_mainlink {
  font-size: 140%;
  font-weight: bold;
}

.popup_mainlink a {
  color: #000;
}

a.popup_change_title_link {
  color: #152;
}

.popup_diff_dates {
  font-style: italic;
  background: none;
}

.popup_menu_item a {
  display: block;
}

.popup_history_row_even {
  background: #eee;
}

.popup_history_date {
  font-weight: bold;
  font-size: 120%;
}

/* disable interwiki styling */
.popupPreview a.extiw,
.popupPreview a.extiw:active {
  color: #36b;
  background: none;
  padding: 0;
}

.popupPreview .external {
  color: #36b;
}

/* this can be used in the content area to switch off
special external link styling */
.popupPreview .plainlinks a {
  background: none !important;
  padding: 0 !important;
}

 
/* Emoticons page from SU */
.emotable {
    width: 98%;
}
 
.emotable td {
    vertical-align: top;
}
 
.emotable ul {
    margin: 0;
    text-align: center;
    list-style: none;
}

.mw-body h1, .mw-body h2 {
    font-family: 'Times', serif;
}

.gadget-groupindicator {
	margin-left: 5px;
}

#gadget-blockindicator {
	margin-right: 5px;
}

/* Move section [edit] links to the right side of the screen. */
.mw-editsection,
.mw-editsection-like {
    float: right;
    line-height: inherit;
}
#firstHeading .mw-editsection,
#firstHeading .mw-editsection-like {
    margin-right: 0.5em;
}
.skin-modern #firstHeading .mw-editsection,
.skin-modern #firstHeading .mw-editsection-like {
    margin-top: 0.5em;
}
.skin-vector #firstHeading .mw-editsection,
.skin-vector #firstHeading .mw-editsection-like {
    margin-top: 1em;
}

/* @noflip */
body.ltr h1.firstHeading .mw-editsection-bracket:first-of-type,
body.rtl h1.firstHeading .mw-editsection-bracket:not(:first-of-type) {
	margin-right: 0.25em;
	color: #555;
}

/* @noflip */
body.rtl h1.firstHeading .mw-editsection-bracket:first-of-type,
body.ltr h1.firstHeading .mw-editsection-bracket:not(:first-of-type) {
	margin-left: 0.25em;
	color: #555;
}

/* Bold my userlinks and color them blue */

#bodyContent a[title="User:Psl631"] { font-weight: bold; color: blue; }
#bodyContent a[title="User talk:Psl631"] { font-weight: bold; color: blue; }


button,
input[type="submit"],
input[type="button"],
input[type="reset"],
#mw-createaccount-join,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary {
  font-family: Fira Sans; sans-serif;
}

input,
select {
  font-family: Lira Sans; sans-serif;
}

 /* Talk page notice for getting new msg */
#mw-echo-close-box {
	float: right;
	height: 17px;
	width: 17px;
	margin: 10px 13px 0 2px;
	cursor: crosshair;
}
#mw-echo-sliding-alert {
	position: fixed;
	top: 0.5em;
	z-index: 100;
	margin: 0 auto;
	width: 355px;
	left: 0;
	right: 0;
	padding: 0;
	background-color: #FFD86E;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#mw-echo-alert-text {
	margin: 0px 3em 0px 1.4em;
	font-size: 13px;
	font-weight: bold;
	font-family: Open Sans;
	line-height: 38px;
	white-space: nowrap;
}

a.user-blocked-temp {
  opacity: 0.7; 
  text-decoration: line-through;
  color: orange;
}

a.user-blocked-indef {
  opacity: 0.4; 
  font-style: italic; 
  text-decoration: line-through;
  color: red;
}

.user-blocked-tipbox {
  font-size: smaller; 
  background: #FFFFF0; 
  border: 1px solid #FEA; 
  padding: 0 0.3em; 
  color: #AAA;
}

.ipInfoField {
	float: right; 
	border: 1px solid rgb(47, 111, 171); 
	padding: 0 7px 5px 5px;
	margin: 0 0 10px 10px;
}

.ipInfoField legend {
	padding-bottom: 3px; 
	margin-bottom: 0;
}

.ipInfoSubLink {
	font-size: .9em;
}

.ipInfoSubLink a {
	font-weight: bold;
}

/* Style errors and warnings */
.permissions-errors {
	background-color:#ffdbdb; color:red;
}

.mw-missingsummary {
	background-color: orange; color: black;
}

#mw-protectedpagetext {
	background-color: #ffdbdb; color: red;
}

#mw-blocked-text {
	background-color: #ffdbdb; color: red
}

/*************** Color "tags" to make them easier seen *********************/
.mw-tag-marker-mw-undo {
	background-color: cyan; background: cyan;
}

.mw-tag-marker-mw-rollback {
	background: cyan; background-color: cyan;
}
.mw-changeslist-log {
	background: cyan; background-color: cyan;
}

.mw-tag-marker-emoji {
	background-color: yellow; background: yellow;
}

.mw-tag-marker-mw-blank {
	background: red; background-color: red;
}

.mw-tag-marker-mw-replace {
	background: orange; background-color: orange;
}

.mw-changeslist-bot {
	background: purple; background-color: purple;
}