User:Zippy/common.css

From Official Factorio Wiki
< User:Zippy
Revision as of 08:18, 24 June 2022 by Zippy (talk | contribs)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Generic

p {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
span.editHelp {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tbody {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tr {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
td {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */

/* Pre */
pre, .mw-code {
  background-color: #202020 !important;
  border: 1px solid #939393;
  border-radius: 9px;
  font-size: 90%;
  box-shadow: -1px 2px 2px black;
}

/* Color Boxes */

.template-color {
        border-radius: 3px;
        border-width: 0.5px;
}

/* Arrow Box Testing */

.arrow_box {
	position: relative;
	background: #d5b202;
	border: 4px solid #f5f5f5;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 178, 2, 0);
	border-top-color: #d5b202;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 16px;
	margin-left: -16px;
}


/* Boiler plate */

.factorio-boilerplate table {
  border-radius: 10px;
}

/* Footer */

div#footer ul li {color: #6c6c6c;}

/* Link colors */

a {color: #f7a200; text-decoration: none;}
a:hover {color: #ffd183; text-decoration: none;}
a:visited {color: #f7a200; text-decoration: none;}
a:active {color: #ffe3a5; text-decoration: none;}

/* Sidebar link colors */

div#mw-panel div.portal div.body ul li a {color: #f7a200; text-decoration: none;}
div#mw-panel div.portal div.body ul li a:hover {color: #ffd183; text-decoration: none;}
div#mw-panel div.portal div.body ul li a:visited {color: #f7a200; text-decoration: none;}
div#mw-panel div.portal div.body ul li a:active {color: white; text-decoration: none;}

/* External link color */

.mw-body-content a.mw-redirect {color:#6DD574; text-decoration: none;}
.mw-body-content a.mw-redirect:hover {color:#8EF391; text-decoration: none;}
.mw-body-content a.mw-redirect:visited {color:#6DD574; text-decoration: none;}
.mw-body-content a.mw-redirect:active {color:#B1FFB1; text-decoration: none;}

/* Broken or dead links */

a.new {color: #e84848;}
a.new:hover {color: #e37b7b;}
a.new:active {color: #dfa1a1;}

/* Side panel */

#mw-panel .portal h3 {color: #8c8c8c;}

/*

body {
  cursor: url('https://i.imgur.com/LxPzwkm.png'), pointer; 
}



a:hover {
  cursor: url('https://i.imgur.com/lyt5e4l.png'), pointer; 
}


pre {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
input[type="button"] {
  cursor: url('https://i.imgur.com/lyt5e4l.png'), pointer;
}
input {
  background-color: #444444;
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}



h1 {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
h2 {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
h3 {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
h4 {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
h5 {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}


label {
  cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} 
*/

/* Headers */

h1, h2, h3, h4, h5, h6 {
border-image: linear-gradient(to right, #828282, #79797900) 1;
}