MediaWiki:Common.css

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

/* disable mobile browser rudeness */ body { -webkit-text-size-adjust: none; text-size-adjust: none; } /* https://stackoverflow.com/questions/12539006/tooltips-for-mobile-browsers */ @media (pointer:coarse), (hover:none) { [title] { position:relative; display:inline-flex; justify-content:center; }   [title]:focus::after { content:attr(title); position:absolute; top:90%; color:#000000; background-color:#ffffff; border:1px solid #7f7f7f; width:fit-content; padding:3px; } }

/* main page shortcut */ .mainpage-cell { padding:0.5em; background:rgba(127,127,191,0.25); border-width:2px; border-style:solid; border-top-color:#ffffff; border-left-color:#ffffff; border-bottom-color:rgba(95.25,95.25,143.25,1.0); border-right-color:rgba(95.25,95.25,143.25,1.0); box-shadow:0px 0px 5px 5px #ffffff inset; }

/* navboxes */ table.navbox { width:100%; margin:auto; clear:both; font-size:87.5%; } /* cool trick to force space between adjacent navboxes */ table.navbox + table.navbox { margin-top:1px; } table.navbox > tr > th, table.navbox > * > tr > th { white-space:nowrap; }

/* infoboxes */ table.infobox { float:right; width:22em; font-size:87.5%; line-height:1.5em; margin:0.5em 0 0.5em 1em; }

/* shortcut template */ div.shortcut { text-align:center; margin:0.5em 0.5em 0.5em 1em; padding:0.5em; float:right; font-size:smaller; font-weight:bold; }

/* messageboxes */ .messagebox, .errorbox, .warningbox, .successbox { border-top-color:#ffffff; border-left-color:#ffffff; border-width:2px; box-shadow:0px 0px 5px 5px #ffffff inset; width:60%; margin:0 auto 1em auto; padding:0.5em; text-align:center; } /* the border is 25% darker than the background */ .messagebox { background:rgba(127,127,191,0.25); border-bottom-color:rgba(95.25,95.25,143.25,1.0); border-right-color:rgba(95.25,95.25,143.25,1.0); } .errorbox { background:rgba(255,0,0,0.25); border-bottom-color:rgba(191.25,0,0,1.0); border-right-color:rgba(191.25,0,0,1.0); } .warningbox { background:rgba(255,175,0,0.25); border-bottom-color:rgba(191.25,131.25,0,1.0); border-right-color:rgba(191.25,131.25,0,1.0); } .successbox { background:rgba(63,175,95,0.25); border-bottom-color:rgba(47.25,131.25,71.25,1.0); border-right-color:rgba(47.25,131.25,71.25,1.0); }

/* image classes */ .img-mirror-x { transform:scale(-1,1); } .img-shadow-dark { filter:drop-shadow(0 0 5px rgba(0,0,0,0.5)); } .img-shadow-light { filter:drop-shadow(0 0 5px rgba(255,255,255,0.5)); }

/* fake headers */ .fake-header-h1 { background:none; border-bottom:1px solid #a2a9b1; font-size:1.8em; font-family:"Linux Libertine","Georgia","Times",serif; font-weight:normal; line-height:1.3; margin-top:1em; margin-bottom:0.25em; margin-left:0; margin-right:0; overflow:hidden; padding:0; } .fake-header-h2 { background:none; border-bottom:1px solid #a2a9b1; font-size:1.5em; font-family:"Linux Libertine","Georgia","Times",serif; font-weight:normal; line-height:1.3; margin-top:1em; margin-bottom:0.25em; margin-left:0; margin-right:0; overflow:hidden; padding:0; } .fake-header-h3 { background:none; border-bottom:none; font-size:1.2em; font-weight:bold; line-height:1.6; margin-top:0.3em; margin-bottom:0; margin-left:0; margin-right:0; overflow:hidden; padding:0; padding-top:0.5em; } .fake-header-h4, .fake-header-h5, .fake-header-h6 { background:none; border-bottom:none; font-size:100%; font-weight:bold; line-height:1.6; margin-top:0.3em; margin-bottom:0; margin-left:0; margin-right:0; overflow:hidden; padding:0; padding-top:0.5em; }

/* SMW: category refresh boxes */ /* apparently the raw theme file gets overriden by SMW, so putting it here instead */ .smw-callout-info { background:rgba(27,128,158,0.25); } .smw-callout-success { background:rgba(60,118,61,0.25); } .smw-callout-warning { background:rgba(170,103,8,0.25); } .smw-callout-error { background:rgba(206,72,68,0.25); }