User:Zippy/common.css

From Official Factorio Wiki
< User:Zippy
Revision as of 11:44, 24 June 2022 by Zippy (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;
} */

/* Language container */
.languages-container {
  background: #222;
  border-radius: 6px;
}

/* Dummies out text in CSS preview */
.mw-highlight .c {color: #65b0b0;}

/* Table of Contents */
#toc, div.toc, ul#filetoc, li.gallerybox div.thumb {
  background-color: #1c1c1c;
  border-color: #5b5b5b;
  border-radius: 7px;
  box-shadow: -1px 2px 2px black;
  padding: 9px;
}

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

pre:hover, .mw-code:hover {
  background-color: #1e1e1e !important;
  border: 1px solid #6e6e6e;
}

pre:active, .mw-code:active {
  background-color: #212121 !important;
  border: 1px solid #7a7a7a;
}

/* 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;
}