Difference between revisions of "MediaWiki:Common.css"

From The Official Visionaire Studio: Adventure Game Engine Wiki
 
(461 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
−
 
+
/* let's create the various font styles */
−
 
+
.bold {
−
/* main theme edits here */
+
font-weight: bold;
−
 
 
−
 
 
−
body {
 
−
background-color: #83c0f0;
 
−
        background-image:none;
 
 
}
 
}
  
−
div, li {
+
.italic {
−
font-family: sans-serif;
+
font-style: italic;
−
font-size: 11px;
 
 
}
 
}
  
−
div, input {
+
.underline {
−
color: #28465c;
+
text-decoration: underline;
 
}
 
}
  
−
h1 {
+
.strike {
−
color: #597e9a;
+
text-decoration: line-through;
−
background-color: #e9f5ff;
 
−
padding: 0.3em 0.5em 0.3em 0.5em;
 
−
font-size: 1.75em;
 
−
border-bottom: 1px solid #d7e8f7;
 
−
margin: 0;
 
 
}
 
}
  
−
h2 {
+
.medium {
−
padding-bottom: 0.3em;
+
font-size: 15px;
−
border-bottom: 1px solid #dae8f2;
 
−
font-size: 1.4em;
 
 
}
 
}
  
−
h3 {
+
.large {
−
font-size: 1em;
+
font-size: 18px;
−
font-variant: small-caps;
 
 
}
 
}
  
−
h1, h2, h3 {
+
/* now let's create the colors */
−
color: #597e9a;
 
−
}
 
  
−
a {
+
.vsyellow {
−
text-decoration: none;
+
color: rgba(255, 153, 0, 0.9);
−
color: #597e9a;
 
−
background: none;
 
 
}
 
}
  
−
/* .toc, #toc { display: none; } */
+
.red {
−
 
+
color: lightcoral;
−
/*
 
−
a:visited {
 
−
color: #5a3696;
 
−
}
 
−
*/
 
−
a:active {
 
−
color: #000;
 
−
}
 
−
a:hover {
 
−
text-decoration: underline;
 
−
}
 
−
a.stub {
 
−
color: #772233;
 
 
}
 
}
  
−
/*
+
.blue {
−
a.new:visited, #p-personal a.new:visited {
+
color: blue;
−
color: #a55858;
 
 
}
 
}
−
*/
 
  
−
h1 .editsection { font-size: 0.5em; opacity: 0.2; }
+
.green {
−
h1 .editsection:hover { opacity: 1; }
+
color: lightgreen;
−
 
 
−
h2 .editsection { font-size: 0.5em; opacity: 0.2; }
 
−
h2 .editsection:hover { opacity: 1; }
 
−
 
 
−
h3 .editsection { font-size: 0.5em; opacity: 0.2; font-variant: normal; }
 
−
h3 .editsection:hover { opacity: 1; }
 
−
 
 
−
.visualClear {
 
−
clear: both;
 
 
}
 
}
  
−
#column-content {
+
.orange {
−
width: 100%;
+
color: orange;
−
float: right;
 
−
margin: 0 0 .6em -163px;
 
−
padding: 0;
 
−
}
 
−
#content {
 
−
margin: 0 20px 20px 163px;
 
−
padding: 0;
 
−
position: relative;
 
−
}
 
−
#column-one {
 
−
padding-top: 140px;
 
 
}
 
}
  
−
#bodyContent {
+
.yellow {
−
background: #f8fcff;
+
color: yellow;
−
padding: 0.3em 1.3em 1.3em 1.3em;
 
−
min-height: 55em;
 
−
border-radius: 0 0 5px 5px;
 
 
}
 
}
  
−
.printfooter {
+
.pink {
−
display: none;
+
color: pink;
 
}
 
}
  
−
 
+
.grey {
−
/*
+
color: grey;
−
** general portlet styles (elements in the quickbar)
 
−
*/
 
−
.portlet {
 
−
border: none;
 
−
margin: 0 0 10px;
 
−
padding: 0;
 
−
float: none;
 
−
width: 130px;
 
−
overflow: hidden;
 
−
        display: block;
 
−
}
 
−
.portlet h4 {
 
−
font-size: 1.25em;
 
−
font-weight: bold;
 
−
white-space: nowrap;
 
−
color: #638cad;
 
−
}
 
−
.portlet h5 {
 
−
background: transparent;
 
−
display: inline;
 
−
text-transform: capitalize;
 
−
font-weight: normal;
 
−
white-space: nowrap;
 
−
font-size: 1em;
 
−
font-weight: bold;
 
−
color: #638cad;
 
−
margin-left: 10px;
 
−
}
 
−
.portlet h6 {
 
−
background: #ffae2e;
 
−
border: 1px solid #fff;
 
−
border-style: solid solid none solid;
 
−
padding: 0 1em 0 1em;
 
−
text-transform: lowercase;
 
−
display: block;
 
−
font-size: 1em;
 
−
height: 1.2em;
 
−
font-weight: normal;
 
−
white-space: nowrap;
 
−
}
 
−
.pBody {
 
−
font-size: 0.8em;
 
−
background-color: #7ab3de;
 
−
border-radius: 5px;
 
−
padding: 1em;
 
−
margin-top: .25em;
 
−
margin-left:10px;
 
−
margin-right:10px;
 
−
}
 
−
.portlet h1,
 
−
.portlet h2,
 
−
.portlet h3,
 
−
.portlet h4 {
 
−
margin: 0;
 
−
padding: 0;
 
−
}
 
−
.portlet ul {
 
−
list-style-type: none;
 
−
        list-style-image: none;
 
−
padding: 0px;
 
−
margin: 0px;
 
−
}
 
−
.portlet li {
 
−
padding: 0;
 
−
margin: 0;
 
−
        list-style-type: none;
 
 
}
 
}
  
−
.portlet a, .portlet a.new {
+
.darkgrey {
−
color: #dfedf8;
+
color: darkgrey;
 
}
 
}
  
−
.portlet a:hover {
+
/* misc styles */
−
color: #fff;
 
−
}
 
−
/*
 
−
#p-personal a.new {
 
−
color: white;
 
−
}
 
−
*/
 
  
−
/*
+
.mw-body div:not(.toc) > ul, .mw-body div:not(.toc) > ul ul {
−
** the page-related actions- page/talk, edit etc
+
list-style: square !important;
−
*/
+
padding-left: 15px !important;
−
#p-cactions {
 
−
white-space: nowrap;
 
−
background-color: #dcefff;
 
−
list-style: none;
 
−
border-radius: 5px 5px 0 0;
 
−
border-bottom: 1px solid #fff;
 
−
overflow: visible;
 
−
width: auto;
 
−
}
 
−
#p-cactions ul {
 
−
list-style: none;
 
−
padding: 0.8em;
 
−
margin: 0px;
 
−
}
 
−
#p-cactions li {
 
−
display: inline;
 
−
margin: 0 .3em 0 0;
 
 
}
 
}
  
−
#p-cactions li.selected {
+
.copybtn {
 +
background-color: white;
 +
color: black;
 +
border-top-left-radius: 5px;
 +
border-top-right-radius: 5px;
 +
position:absolute;
 +
right: 34px;
 +
margin-top: -27px;
 +
border: solid 1px #ddd;
 +
border-top: solid 1px #ddd;
 +
border-left: solid 1px #ddd;
 +
border-right: solid 1px #ddd;
 +
border-bottom: solid 1px white;
 +
/*transition-duration: 0.1s;*/
 +
min-width:10rem;
 
}
 
}
  
−
#p-cactions li a {
+
.copybtn:hover { background-color: rgba(255, 153, 0, 0.7); }
−
background-color: #597e9a;
 
−
color: #eef7ff;
 
−
text-decoration: none;
 
−
font-size: 10px;
 
−
padding: 0.3em 1em 0.3em 1em;
 
−
border-radius: 3px;
 
−
font-weight: bold;
 
−
}
 
−
#p-cactions li.selected a {
 
−
background-color: #e658a0;
 
−
}
 
−
#p-cactions .new a {
 
−
color: #white;
 
−
opacity: 0.7;
 
−
}
 
−
#p-cactions li a:hover {
 
−
text-decoration: none;
 
−
background-color: #7caf45;
 
−
}
 
  
−
#p-cactions h5 {
+
.copybtn:after, .copybutton:before { content: "Copy Text"; }
−
display: none;
+
.copybtn:focus:after, .copybtn:active:after { content: "Copied"; }
−
}
 
  
−
#p-cactions li.istalk {
+
.spoiler {
−
margin-right: 0;
+
background-color: rgba(0,0,0,0.25);
−
}
+
color: transparent;
−
#p-cactions li.istalk a {
+
user-select: none;
−
padding-right: .5em;
+
border-radius: 25px;
−
}
 
−
#p-cactions #ca-addsection a {
 
−
padding-left: .4em;
 
−
padding-right: .4em;
 
 
}
 
}
  
−
/*
+
.inlinecode {
−
** Logo properties
+
background-color: rgba(0,0,0,0.1);
−
*/
+
/*color: rgba(255, 153, 0, 0.9);*/
−
 
+
color: navajowhite;
−
/*
+
padding:2px;
−
#p-logo {
+
/*user-select: none;*/
−
top: 0;
+
border-radius: 3px;
−
left: 0;
 
−
position: absolute;
 
−
z-index: 3;
 
−
height: 155px;
 
−
width: 12em;
 
−
overflow: visible;
 
−
}
 
−
#p-logo h5 {
 
−
display: none;
 
 
}
 
}
−
#p-logo a,
 
−
#p-logo a:hover {
 
−
display: block;
 
−
height: 155px;
 
−
width: 12.2em;
 
−
background-repeat: no-repeat;
 
−
background-position: 35% 50% !important;
 
−
text-decoration: none;
 
−
}
 
−
*/
 
  
 
/*
 
/*
−
** Search portlet
+
.spoiler:focus {
−
*/
+
background-color: inherit;
−
#p-search {
+
color: inherit;
−
}
 
−
 
 
−
input.searchButton {
 
−
margin-top: 1px;
 
−
font-size: 95%;
 
−
}
 
−
#searchGoButton {
 
−
padding-left: .5em;
 
−
padding-right: .5em;
 
−
font-weight: bold;
 
−
}
 
−
#searchInput {
 
−
width: 130px;
 
−
margin: 0 0 3px;
 
−
font-size: 95%;
 
−
border: 1px solid white;
 
−
}
 
−
#p-search .pBody {
 
−
text-align: left;
 
−
}
 
−
#p-search #searchform
 
−
{
 
−
margin: 0;
 
−
}
 
−
 
 
−
 
 
−
#p-search #searchform div div {
 
−
margin-top: .4em;
 
−
font-size: 95%;
 
 
}
 
}
−
 
−
/*
 
−
** footer
 
 
*/
 
*/
−
#footer {
 
−
background-color: #e5f1fa;
 
−
margin: .6em 0 1em 0;
 
−
/*padding: .4em 0 1.2em 0;*/
 
−
padding: 0.2em;
 
−
text-align: center;
 
−
border-radius: 5px;
 
−
font-size: 0.75em;
 
−
}
 
  
−
/*
+
.alt-bg {
−
#footer li {
+
background: #ebebeb;
−
display: inline;
+
width: 100%;
−
margin: 0 1.3em;
 
−
}
 
−
#f-poweredbyico, #f-copyrightico {
 
−
margin: 2px 2px
 
−
}
 
−
#f-poweredbyico {
 
−
float: right;
 
−
height: 1%;
 
−
}
 
−
#f-copyrightico {
 
−
float: left;
 
−
height: 1%;
 
 
}
 
}
  
−
*/
+
.tbl-ds {
−
 
+
background: #f5f5f5;
−
.catlinks {
+
border: 1px dashed darkgrey;
−
border: 1px solid #aaa;
+
width: 100%;
−
background-color: #f9f9f9;
 
−
padding: 5px;
 
−
margin-top: 1em;
 
−
clear: both;
 
−
background-color: #e5f1fa;
 
−
border: 1px solid #d5e3ee;
 
 
}
 
}
  
−
/**
+
.tbl-alt {
−
* Source code.
+
background: #ebebeb;
−
**/
+
/*border: 1px dashed darkgrey;*/
−
 
+
width: 100%;
−
.mw-geshi {
 
−
padding: 3px 7px 3px 7px;
 
−
background-color: #e5f1fa;
 
−
border: 1px solid #d5e3ee;
 
−
border-radius: 3px;
 
 
}
 
}
  
−
/* GESHI */
+
.gruen {
−
 
+
/*background: #B8FF94;*/
−
.lua {
+
. info
−
font-family: monospace;
+
width: 100%;
−
list-style-type: decimal;
 
−
list-style-position: outside;
 
−
font-size: 12px;
 
−
}
 
−
.lua .li1 {
 
−
color: #0d8bca;
 
−
border-left: 1px solid #d1d9fd;
 
−
background: #f1f9fd;
 
 
}
 
}
  
−
.lua .de1 {
+
.scriptable {
−
font-family: monospace;
+
background: #7A7A7A;
−
color: #333;
 
−
margin: 0 0 0 0;
 
 
}
 
}
  
−
.lua .kw1 {  
+
#filetoc {
−
color: #0d8bca;
+
background: rgba(155, 155, 155, 0.2);
−
font-weight: bold;
+
text-align: left;
 
}
 
}
  
−
.lua .co1, .lua .coMULTI {  
+
table.wikitable.filehistory {
−
color: #888;
+
margin-top: 1em;
−
font-weight: normal;
+
margin-bottom: 1em;
 +
background: transparent;
 +
border-collapse: separate;
 +
border-spacing: 2px 2px;
 +
border-color: transparent;
 +
width: 100%;
 +
color: rgba(255, 255, 255, 0.8);
 
}
 
}
  
−
.lua .nu0 {  
+
table.wikitable.filehistory td {
−
color: red;
+
  background: rgba(0, 0, 0, 0.2);
 +
  border-color: transparent;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  padding: 5px;
 
}
 
}
  
−
.lua .sy0 {  
+
table.wikitable.filehistory tr:hover {
−
color: #555;
+
  background: rgba(0, 0, 0, 0.1);
 
}
 
}
  
−
.lua .st0 {  
+
table.wikitable.filehistory th {
−
color: #008000;
+
background: #5bc0de;
 +
border-color: transparent;
 +
text-align:left;
 +
padding: 5px;
 +
color: rgba(0,0,0,0.7);
 
}
 
}
  
−
.lua .br0 {  
+
.oo-ui-dialog {
−
color: #555;
+
color: #000000;
 
}
 
}
  
−
#mw-pages { display: none; }
+
#slideshow {  
−
 
+
    margin: 0px 0px;  
−
.gamelistitem {
+
    position: relative;
−
background-color: #e5f1fa;
+
    top: -7px;
−
border-bottom: 1px solid #d5e3ee;
+
    width: 100%;
−
padding: 5px;
+
    padding: 0px;  
−
clear: both;
+
    /*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
 
}
 
}
  
−
.gamelistitem .thumb {
+
#slideshow > div {  
−
float: left;
+
    position: absolute;
−
width: 161px;
+
    top: 0px;
−
height: 100px;
+
    left: 0px;  
 +
    right: 0px;  
 +
    bottom: 0px;  
 
}
 
}
  
−
.gamelistitem .thumb p {
+
.thumbinner {
−
margin: 0 0 0 0 !important;
+
background-image: url("/css/img/dark_content.png");
−
color: #e5f1fa;
+
border: 0px;
 +
padding: 5px;
 +
margin-bottom: 0; /* requested by einzelkämpfer */
 
}
 
}
  
−
.gamelistitem .data {
+
.thumbcaption {
−
float: left;
+
  color: rgba(255, 255, 255, 0.8);
−
padding: 0;
+
  font-size: 15px; /* requested by einzelkämpfer */
−
margin-left: 7px;
 
 
}
 
}
  
−
.gamelistitem .data {
+
.mw-htmlform-submit {
−
float: left;
+
color: #000000;
−
padding: 0;
 
−
margin-left: 7px;
 
 
}
 
}
  
−
.gamelistitem .data .name {
+
legend {
−
margin-bottom: 5px;
+
color: rgba(255, 153, 0, 0.9);
 
}
 
}
−
.gamelistitem .data .property {}
 
−
.gamelistitem .data .property .name {
 
−
margin-right: 7px;
 
−
font-weight: bold;
 
−
}
 
−
.gamelistitem .data .top {}
 
−
.gamelistitem .data .bottom {}
 
  
−
.gamelistitem .data .description {
+
fieldset {
−
margin-top: 5px;
+
border: 2px solid rgba(0,0,0,0.2);
 
}
 
}
−
.gamelistitem .data {}
 
  
−
/*
+
kbd {
−
.i18n {
+
    display: inline-block;
−
text-align: center;
+
    border: 1px solid #ccc;
−
margin-bottom: 1em;
+
    border-radius: 4px;
−
border: 1px solid #D5E3EE;
+
    padding: 0.1em 0.5em;
−
background-color: #E5F1FA;
+
    margin: 0 0.2em;
−
padding: 3px;
+
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
−
position: relative;
+
    background-color: #f7f7f7;
−
border-radius: 3px;
+
    color: #1a1a1a;
 
}
 
}
  
−
.i18n span {
+
table.vy th {
−
position: absolute;
+
  border: 2px solid rgba(0, 0, 0, 0.1);
−
right: 2px;
+
  margin-top: 1em;
−
bottom: 2px;
+
  margin-bottom: 1em;
 +
  border-collapse: separate;
 +
  border-spacing: 2px 2px;
 +
  width: 100%;
 +
  vertical-align: top;
 +
  padding: 5px;
 +
  font-size: 13px;
 +
  text-decoration: none;
 +
  font-weight: bold;
 +
  background: rgba(0, 0, 0, 0.2);
 +
  text-align:left;
 +
  color: rgba(255, 153, 0, 0.9);
 
}
 
}
−
*/
 
−
 
−
/* end */
 
−
 
−
 
−
 
−
 
−
/* let's create the various font styles */
 
  
 +
/* social media icon bar */
  
−
.bold {
+
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
−
font-weight: bold;
+
.icon-bar {
 +
  background-image: url("/css/img/dark_content.png");
 +
  position: fixed;
 +
  top: 53px;
 +
  right: 0px;
 +
  border-bottom-left-radius: 10px;
 +
  -webkit-box-shadow: 2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 +
  -moz-box-shadow:    2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 +
  box-shadow:        2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 
}
 
}
  
−
.italic {
+
/* Style the icon bar links */
−
font-style: italic;
+
.icon-bar a {
 +
  display: absolute;
 +
  text-align: center;
 +
  padding: 10px;
 +
  font-size: 25px;
 
}
 
}
  
−
.underline {
+
.facebook { color:#ffffff !important; transition: all 0.3s ease; }
−
text-decoration: underline;
 
−
}
 
  
−
.strike {
+
.facebook:hover { color: #4267B2 !important; }
−
text-decoration: line-through;
 
−
}
 
−
 
 
−
.medium {
 
−
font-size: 15px;
 
−
}
 
  
−
.large {
+
.twitter { color: #ffffff !important; transition: all 0.3s ease; }
−
font-size: 18px;
 
−
}
 
  
−
/* now let's create the colors */
+
.twitter:hover { color: #1DA1F2 !important; }
  
−
.red {
+
.discord { color: #ffffff !important; transition: all 0.3s ease; }
−
color: red;
 
−
}
 
  
−
.blue {
+
.discord:hover { color: #5965f1 !important; }
−
color: blue;
 
−
}
 
  
−
.green {
+
/* footer section */
−
color: green;
 
−
}
 
  
−
.orange {
+
#footer-places a { color: rgba(255, 153, 0, 0.7) !important; }
−
color: orange;
+
#footer-places a:hover { color: rgba(255, 153, 0, 0.9) !important; }
−
}
 
  
−
.yellow {
+
/* syntaxhighlight */
−
color: yellow;
 
−
}
 
  
−
.pink {
+
.mw-highlight pre {
−
color: pink;
+
font-size: 90%;
 +
background-color: white;
 +
/*border: 1px solid black;*/
 +
/*background: #272822;*/
 +
/*color: #f8f8f2;*/
 +
max-height: 500px;
 
}
 
}
  
−
.grey {
+
/*
−
color: grey;
+
.lua .de1 {
 +
font-family: monospace;
 +
color: #fd971f;
 +
margin: 0 0 0 0;
 
}
 
}
  
−
.darkgrey {
+
.lua .kw1 {  
−
color: darkgrey;
+
color: #f92672;
 +
font-weight: bold;
 
}
 
}
  
−
/* misc styles */
+
.lua .co1, .lua .coMULTI {  
−
 
+
color: #75715e;
−
.alt-bg {
+
font-weight: normal;
−
background: #ebebeb;
 
−
width: 100%;
 
 
}
 
}
  
−
.tbl-ds {
+
.lua .nu0 {  
−
background: #f5f5f5;
+
color: #ae81ff;
−
border: 1px dashed darkgrey;
 
−
width: 100%;
 
 
}
 
}
  
−
.tbl-alt {
+
.lua .sy0 {  
−
background: #ebebeb;
+
color: #a6e22e;
−
/*border: 1px dashed darkgrey;*/
 
−
width: 100%;
 
 
}
 
}
  
−
.gruen {
+
.lua .st0 {  
−
background: #B8FF94;
+
color: #e6db74;
 
}
 
}
  
−
.scriptable {
+
.lua .br0 {  
−
background: #66FF33;
+
color: #f8f8f2;
 
}
 
}
 +
*/

Latest revision as of 01:56, 16 October 2022

/* CSS placed here will be applied to all skins */

/* let's create the various font styles */
.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.underline {
text-decoration: underline;
}

.strike {
text-decoration: line-through;
}

.medium {
font-size: 15px;
}

.large {
font-size: 18px;
}

/* now let's create the colors */

.vsyellow {
color: rgba(255, 153, 0, 0.9);
}

.red {
color: lightcoral;
}

.blue {
color: blue;
}

.green {
color: lightgreen;
}

.orange {
color: orange;
}

.yellow {
color: yellow;
}

.pink {
color: pink;
}

.grey {
color: grey;
}

.darkgrey {
color: darkgrey;
}

/* misc styles */

.mw-body div:not(.toc) > ul, .mw-body div:not(.toc) > ul ul {
list-style: square !important;
padding-left: 15px !important;
}

.copybtn {
background-color: white;
color: black;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position:absolute;
right: 34px;
margin-top: -27px;
border: solid 1px #ddd;
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px white;
/*transition-duration: 0.1s;*/
min-width:10rem;
}

.copybtn:hover { background-color: rgba(255, 153, 0, 0.7); }

.copybtn:after, .copybutton:before { content: "Copy Text"; }
.copybtn:focus:after, .copybtn:active:after { content: "Copied"; }

.spoiler {
background-color: rgba(0,0,0,0.25);
color: transparent;
user-select: none;
border-radius: 25px;
}

.inlinecode {
background-color: rgba(0,0,0,0.1);
/*color: rgba(255, 153, 0, 0.9);*/
color: navajowhite;
padding:2px;
/*user-select: none;*/
border-radius: 3px;
}

/*
.spoiler:focus {
background-color: inherit;
color: inherit;
}
*/

.alt-bg {
background: #ebebeb;
width: 100%;
}

.tbl-ds {
background: #f5f5f5;
border: 1px dashed darkgrey;
width: 100%;
}

.tbl-alt {
background: #ebebeb;
/*border: 1px dashed darkgrey;*/
width: 100%;
}

.gruen {
/*background: #B8FF94;*/
. info
width: 100%;
}

.scriptable {
background: #7A7A7A;
}

#filetoc {
 background: rgba(155, 155, 155, 0.2);
 text-align: left;
}

table.wikitable.filehistory {
 margin-top: 1em;
 margin-bottom: 1em;
 background: transparent;
 border-collapse: separate;
 border-spacing: 2px 2px;
 border-color: transparent;
 width: 100%;
 color: rgba(255, 255, 255, 0.8);
}

table.wikitable.filehistory td {
  background: rgba(0, 0, 0, 0.2);
  border-color: transparent;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}

table.wikitable.filehistory tr:hover {
  background: rgba(0, 0, 0, 0.1);
}

table.wikitable.filehistory th {
 background: #5bc0de;
 border-color: transparent;
 text-align:left;
 padding: 5px;
 color: rgba(0,0,0,0.7);
}

.oo-ui-dialog {
 color: #000000;
}

#slideshow { 
    margin: 0px 0px; 
    position: relative; 
    top: -7px;
    width: 100%;  
    padding: 0px; 
    /*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

.thumbinner {
 background-image: url("/css/img/dark_content.png");
 border: 0px;
 padding: 5px;
 margin-bottom: 0; /* requested by einzelkämpfer */
}

.thumbcaption {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px; /* requested by einzelkämpfer */
}

.mw-htmlform-submit {
 color: #000000;
}

legend {
 color: rgba(255, 153, 0, 0.9);
}

fieldset {
 border: 2px solid rgba(0,0,0,0.2);
}

kbd {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    background-color: #f7f7f7;
    color: #1a1a1a;
}

table.vy th {
  border: 2px solid rgba(0, 0, 0, 0.1);
  margin-top: 1em;
  margin-bottom: 1em;
  border-collapse: separate;
  border-spacing: 2px 2px;
  width: 100%;
  vertical-align: top;
  padding: 5px;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
  text-align:left;
  color: rgba(255, 153, 0, 0.9);
}

/* social media icon bar */

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  background-image: url("/css/img/dark_content.png");
  position: fixed;
  top: 53px;
  right: 0px;
  border-bottom-left-radius: 10px;
  -webkit-box-shadow: 2px 0px 4px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    2px 0px 4px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         2px 0px 4px 0px rgba(50, 50, 50, 0.5);
}

/* Style the icon bar links */
.icon-bar a {
  display: absolute;
  text-align: center;
  padding: 10px;
  font-size: 25px;
}

.facebook { color:#ffffff !important; transition: all 0.3s ease; }

.facebook:hover { color: #4267B2 !important; }

.twitter { color: #ffffff !important; transition: all 0.3s ease; }

.twitter:hover { color: #1DA1F2 !important; }

.discord { color: #ffffff !important; transition: all 0.3s ease; }

.discord:hover { color: #5965f1 !important; }

/* footer section */

#footer-places a { color: rgba(255, 153, 0, 0.7) !important; }
#footer-places a:hover { color: rgba(255, 153, 0, 0.9) !important; }

/* syntaxhighlight */

.mw-highlight pre {
font-size: 90%;
background-color: white;
/*border: 1px solid black;*/
/*background: #272822;*/
/*color: #f8f8f2;*/
max-height: 500px;
}

/*
.lua .de1 {
	font-family: monospace;
	color: #fd971f;
	margin: 0 0 0 0;
}

.lua .kw1 { 
	color: #f92672;
	font-weight: bold;
}

.lua .co1, .lua .coMULTI { 
	color: #75715e;
	font-weight: normal;
}

.lua .nu0 { 
	color: #ae81ff;
}

.lua .sy0 { 
	color: #a6e22e;
}

.lua .st0 { 
	color: #e6db74;
}

.lua .br0 { 
	color: #f8f8f2;
}
*/
Retrieved from "https://wiki.visionaire-tracker.net/index.php?title=MediaWiki:Common.css&oldid=11490"
  • Powered by MediaWiki