User:Zippy/common.css: Difference between revisions

From Official Factorio Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 16: Line 16:
   cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
   cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */
} */
/* Table of Contents */
#toc, div.toc, ul#filetoc, li.gallerybox div.thumb {
  background-color: #1c1c1c;
  border-color: #5b5b5b;
  border-radius: 3px;
  box-shadow: -1px 2px 2px black;
}


/* Pre */
/* Pre */

Revision as of 08:29, 24 June 2022

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

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

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