User:Zippy/common.css
Jump to navigation
Jump to search
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.
.keyboard-key {
box-shadow: -1px 1px 2px black;
}
/* 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: 4px;
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;
}