User:Zippy/common.css: Difference between revisions
Jump to navigation
Jump to search
mNo 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; | ||
} */ | } */ | ||
/* 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; | |||
} | |||
/* Link colors */ | /* Link colors */ |
Revision as of 08:16, 18 January 2019
/* 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;
} */
/* 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;
}
/* 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: 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;}
/*
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;
}
*/