Do you have audio cassette or reel tapes, MiniDisc, DAT, 8mm/Hi8 video tapes, or VHS tapes
containing live recordings, interviews, or demos? Please see Contributing, or e-mail us.

To discuss Depeche Mode with other fans, please consider joining the official Depeche Mode Discord server or independent fan server Discord for the Masses.
To coordinate site work, we recommend the Depeche Mode Live Editor Discord group.

MediaWiki:Common.css

From DM Live - the Depeche Mode live encyclopedia for the masses
Revision as of 07:10, 30 June 2019 by Majora101 (talk | contribs)
Jump to navigationJump 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.
/* CSS placed here will be applied to all skins */
.columnizeme ul {
    display: block;
}

.columnizeme-3 ul {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
}

/* Header Buttons */
.vectorTabs {
    background-image: none;
    height: 1.5em;
    z-index: 3;
    text-transform: lowercase;
    padding: 1.1em .8em .3em;
    position: relative;
    margin: 0;
    text-decoration: none;
    font-size: 95%;
    color: #002bb8;
}

.vectorTabs li.selected {
    background-image: none;
    background: #ffffff;
    border-radius: 1em 1em 0 0;
    border-color: #d7d7d9;
    color: #002bb8;
}

.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
    color: #002bb8;
    padding: .4em .8em .3em;
}

.vectorTabs li a {
    padding: .4em .8em .3em;
}

.vectorTabs ul li {
    background-image: none;
    background: #f0f0f2;
    border-radius: 1em 1em 0 0;
    border-color: #d7d7d9;
}

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
    padding-top: 1.8em;
}

/* Sidebar Navigation Menu */
/* Force Navigation header to display */
#mw-panel #p-logo + .portal h3 {
    display: block;
    margin: 0 0 0 1.3em;
}

#mw-panel .portal h3 {
    margin: 0 0 0 1.3em;
}

#mw-panel .portal .body {
    border-radius: 0 1em 1em 0;
    border-bottom: 1px solid #d7d7d9;
    border-right: 1px solid #d7d7d9;
    border-top: 1px solid #d7d7d9;
    font-size: 95%;
    background-color: white;
    color: black;
    border-collapse: collapse;
    padding: 0 .8em .3em .5em;
    background-image: none;
}

#mw-panel .portal {
    margin: 0 1em 0 -1em;
}

#mw-panel .portal .body ul {
    list-style-image: url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
    margin: 0;
    padding: 0.3em 0 0 1em;
    line-height: 1.3em;
}

.toc {
    border-radius: 1em;
    border: 1px solid #d7d7d9;
    background: #f0f0f2;
    display: table;
    zoom: 1;
    padding: 7px;
    font-size: 95%;
}

.Round {
    -webkit-border-radius: 10px;
    background: #ffe;
    border: 2px solid #4E8234;
    margin: 0.10px;
    padding: 4px;
    vertical-align: top;
}

/* Set body text size to 13px */
#bodyContent {
  font-size: 0.813em;
  color: #000000;
}

.mw-body-content {
    line-height: 1.45;
}

.mw-body {
    border-radius: 1em 0 0 1em;
    border-top: 1px solid #d7d7d9;
    border-left: 1px solid #d7d7d9;
    border-bottom: 1px solid #d7d7d9;
}

table.wikitable {
    border-radius: 1em;
    border: 1px solid #d7d7d9;
    padding: 7px;
    font-size: 95%;
    background: #ffffff;
}

#firstHeading {
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0.1em;
    line-height: 1.2em;
    padding-bottom: 0;
    font-size: 1.500em;
    font-weight: normal;
    border-bottom: 1px solid #a2a9b1;
    font-family: sans-serif;
}

.mw-body-content h1 {
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0.1em;
    line-height: 1.2em;
    padding-bottom: 0;
    font-size: 1.500em;
    font-weight: normal;
    border-bottom: 1px solid #a2a9b1;
    font-family: sans-serif;
}

h2 {
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    font-family: sans-serif;
    font-size: 1.5em;
}

.mw-body-content h2 {
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    font-family: sans-serif;
    font-size: 1.5em;
}

.mw-body-content h3 {
    line-height: 1.188em;
}

/* Miscellaneous formatting features */

.sc { font-variant: small-caps }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

.blacklinks a, .blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:active, .blacklinks a span {
  color: black !important;
}

.whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span {
  color: white !important;
}

div.listcol
{
  padding: 0.5em 1.0em 0.5em 0;
  margin: 0.25em;
  min-width: 21.5%;
  border: 1px solid #aaf;
  float: left;
  clear: right;
  line-height: 130%;
}

div.listcolend
{
  clear: both;
}

/*Gallery*/
li.gallerybox {
    border: 1px solid #d7d7d9;
    display: inline-block;
    vertical-align: top;
    background: #f0f0f2;
    height: 205px;
    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -icab-border-radius: 10px; 
    -o-border-radius: 10px;
}

li.gallerybox div.thumb {
    background-color: #e3e3e5;
    border: 1px solid #d7d7d9;
    margin: 2px 2px 0px 2px;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -icab-border-radius: 10px; 
    -o-border-radius: 10px;
}

div.gallerytext {
    font-size: 85%;
    line-height: 12px;
    overflow: hidden;
    padding: 0px 4px;
    word-wrap: break-word;
    height: 50px;
}

div.thumbinner {
    text-align: left;
    border: 1px solid #d7d7d9;
    line-height: 1.4em;
    padding: 3px;
    font-size: 94%;
    padding: 3px;
    background-color: #f0f0f2;
    overflow: hidden;
}

/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;
}

/* Restore category box to pre-MediaWiki 1.18.0 margins */
#catlinks li {
    margin: 0 0;
    padding: 0 0.4em;
}

.mw-plusminus-pos {
    border-bottom: 1px dotted;
    cursor: help;
}

.mw-plusminus-neg {
    border-bottom: 1px dotted;
    cursor: help;
}

.mw-plusminus-null {
    border-bottom: 1px dotted;
    cursor: help;
}

/* Babelboxes and userboxes */

div.babelbox, div.userbox
{
  border: 1px solid #999;
  background: #f8f8f8;
  float: right;
  width: 25%;
  padding: 0.25em 0.5em;
  margin-left: 1em;
  margin-bottom: 0.5em;
}

table.babelitem, table.userboxitem
{
  margin: 0.25em 0;
  width: 100%;
}

body[class~=ns-3] div.babelbox, body[class~=ns-3] table.babelitem , body[class~=ns-3] div.userbox, body[class~=ns-3] table.userboxitem
{
  display: none;
}

table.babelitem th, table.userboxitem th
{
  width: 45pt;
  height: 45pt;
  font-size: 14pt;
  text-align: center;
  vertical-align: middle;
}

table.babelitem td, table.userboxitem td
{
  font-size: 8pt;
  line-height: 1.25em;
  padding: 4pt;
  text-align: left;
}

#searchInput {
    width: 10.9em;
    margin: 0;
    font-size: 95%;
}

.sitedir-ltr textarea, .sitedir-ltr input {
    direction: ltr;
}

ul {
    list-style-type: square;
    list-style-image: url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#simpleSearch {
    border-radius: .3em .3em .3em .3em;
    border-color: #d7d7d9;
    height: 31px !important;
    border-radius: 8px !important;
    right: 5px !important;
    width: 181px !important;
    top: -10px !important;
    padding: 0 .8em .3em .5em;
}

#simpleSearch #searchInput {
    padding: 1em 0 0.2em 0.2em;
    font-size: 0.813em;
    title: "Search"
}

#content {
    margin-left: 160px;
}

/* MAIN PAGE DESIGN CSS */
body.page-Main_Page #t-cite,
body.page-Main_Page #footer-info-lastmod,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page h1.firstHeading {
display: none !important;
}

body.page-Main_Page #content { background-color: #f2f2f2;
}

/* creates a div class that can be used to add mouse-over functionality. */
/* hoverexpand will expand to fit the content vertically when hovered-over. Most effective when used with tables or other divs. */
.hoverexpand {
height: 18px;
padding: 2px;
overflow: hidden;
*overflow: visible;
_overflow: visible;
}

.hoverexpand:hover {
height: 100% !important;
overflow: visible;
}

/* Link color override */
.blacklinks a, .blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:active, .blacklinks a span {
  color: black !important;
}

.whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span {
  color: white !important;
}

#siteSub { display:block; }

/* creates a div class that can be used to add mouse-over functionality. */
/* hoverexpand will expand to fit the content vertically when hovered-over. Best used within tables or other divs. */
.hoverexpand {
height: 18px;
padding: 2px;
overflow: hidden;
*overflow: visible;
_overflow: visible;
}

.hoverexpand:hover {
height: 100% !important;
overflow: visible;
}

<div id="navbarc"><div style="display:flex;background:#eae7e7;height:50px;border-bottom: 1px solid #cacaca;">
    <a id="bulbabulb" href="/wiki/Main_Page"><img style="height:43px;margin-top:2px;margin-left:5px;" src="https://cdn.bulbagarden.net/upload/thumb/d/d4/Bulbapedia_bulb.png/60px-Bulbapedia_bulb.png" alt="bulbapedia logo"></a>
    <a href="/wiki/Main_Page"><img id="imagelogolink" style="margin-top:10px;" src="https://ahost.bulbagarden.net/content/bulbapedia-mobile.png" alt="bulbapedia logo"></a>
    <div id="burger" style="margin-top: 10px;margin-left: 5px;">
        <img src="https://ahost.bulbagarden.net/content/hamburger.png" style="height: 30px;width: 30px;">
    </div>
    <div class="header-box">
    <a href="https://forums.bulbagarden.net/index.php" rel="nofollow"><span>Forums</span></a>
    <a href="https://bulbapedia.bulbagarden.net/wiki/Main_Page" title="Main Page"><span>Bulbapedia</span></a>
    <a href="https://archives.bulbagarden.net/wiki/Main_Page" title="a:Main Page"><span>Archives</span></a>
    <a href="https://bulbanews.bulbagarden.net/wiki/Front_page" title="n:Front page"><span>Bulbanews</span></a>
    <a href="https://bulbahandbook.bulbagarden.net" rel="nofollow"><span>Handbook</span></a>
    <a href="https://discord.gg/bulbagarden" rel="nofollow"><span>Discord</span></a></div>   
    <div id="login-c"><div class="reg-ac" id="" role="navigation"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=Template%3ARoundy" title="You are encouraged to create an account and log in; however, it is not mandatory" style="padding-right: 10px;">Create account</a><a href="/w/index.php?title=Special:UserLogin&amp;returnto=Template%3ARoundy" title="You are encouraged to log in; however, it is not mandatory [alt-shift-o]" accesskey="o">Log in</a></div></div>
    <div id="search-box">

    <div id="searchBody" class="">
				<form action="/w/index.php" id="searchform">
					<input type="hidden" name="title" value="Special:Search">
					<input type="search" name="search" placeholder="Search Bulbapedia" title="Search Bulbapedia [alt-shift-f]" accesskey="f" id="searchInput" class="bulba-search" autocomplete="off">
					<input type="submit" name="go" value="Go" title="Go to a page with this exact name if it exists" id="searchGoButton" class="searchButton" style="display: none;">&nbsp;
						<input type="submit" name="fulltext" value="Search" title="Search the pages for this text" id="mw-searchButton" class="searchButton" style="display: none;">
				</form>

							</div></div>
</div>   
</div>
Retrieved from "https://dmlive.wiki/w/index.php?title=MediaWiki:Common.css&oldid=25743"