User:Zippy/common.css: Difference between revisions

From Official Factorio Wiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
.keyboard-key {
  box-shadow: -1px 1px 2px black;
}
/* Generic
/* Generic


Line 16: Line 20:
   cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
   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 */
/* Color Boxes */
Line 21: Line 62:
.template-color {
.template-color {
         border-radius: 3px;
         border-radius: 3px;
         border-width: .7px;
         border-width: 0.5px;
}
}


Line 54: Line 95:
margin-left: -16px;
margin-left: -16px;
}
}
/* Boiler plate */
.factorio-boilerplate table {
  border-radius: 10px;
}
/* Footer */
div#footer ul li {color: #6c6c6c;}


/* Link colors */
/* Link colors */
Line 60: Line 112:
a:hover {color: #ffd183; text-decoration: none;}
a:hover {color: #ffd183; text-decoration: none;}
a:visited {color: #f7a200; text-decoration: none;}
a:visited {color: #f7a200; text-decoration: none;}
a:active {color: white; 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 */
/* External link color */
Line 68: Line 127:
.mw-body-content a.mw-redirect:visited {color:#6DD574; 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;}
.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;}


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

Latest revision as of 13:44, 22 November 2022

.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;
}