MediaWiki:Common.css: Unterschied zwischen den Versionen

aus Memory Alpha, der freien deutschen Star-Trek-Datenbank
Spring zu: Navigation, suche
imported>Defchris
(Test: Wegklappbare Navigationsleisten)
 
(508 dazwischenliegende Versionen von 11 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/*
+
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Quote.css&action=raw&ctype=text/css');
<pre>
+
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Portable_infobox.css&action=raw&ctype=text/css');
*/
+
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Sidebar.css&action=raw&ctype=text/css');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Navigation.css&action=raw&ctype=text/css');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Multi-column-layout.css&action=raw&ctype=text/css');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Icon.css&action=raw&ctype=text/css');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Message.css&action=raw&ctype=text/css');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Misc.css&action=raw&ctype=text/css');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Hauptseite.css&action=raw&ctype=text/css');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:CodeMirror.css&action=raw&ctype=text/css');
  
/***********************************************************
 
** This CSS file contains all formatting information
 
** for user-created formats on Memory Alpha.
 
**
 
** For formatting of any class used by the Mediawiki
 
** engine, use [[Mediawiki:Monobook.css]].
 
**
 
** NOTE: Styles in this file are defined to be compliant
 
** with Monobook, the standard skin. For use with other
 
** skins, some or all of these might need to be redefined
 
** in the CSS file of that skin. -- Cid, 2006-05-18
 
*/
 
  
 +
/*Wichtiges von Misc.css*/
 +
ins {
 +
  text-decoration: underline; }
  
 +
del {
 +
  text-decoration: line-through; }
  
 +
td, th {
 +
  vertical-align: top;
 +
  padding: 0 2px; }
  
 +
tr:nth-child(even) {
 +
  background-color: rgba(0, 0, 0, 0.1); }
  
/***********************************************************
+
td.prefix {
** TABLE: WIKI-SIDEBAR
+
  text-align: right; }
*/
 
table.wiki-sidebar {
 
border: 1px solid #AAAAAA;
 
background-color: #222222;
 
color: inherit;
 
clear: right;
 
float: right;
 
width: 200px;
 
margin-left: 1.5em;
 
margin-right: 0em;
 
}
 
  
table.wiki-sidebar tr th {
+
table.complex {
background-color: #660000;
+
  font-size: 11px; }
border: 1px outset #660000;
+
  table.complex th {
text-align: center;
+
    font-size: 11px; }
font-weight: bold;
 
}
 
  
table.wiki-sidebar td {
+
th {
line-height: 130%;
+
  background-color: rgba(255, 255, 255, 0.05);
border: 1px outset #222222;
+
  text-align: left; }
}
 
  
/*DEPRECATED: Use td.left instead!*/
+
thead th {
table.wiki-sidebar td.odd {
+
  background-color: #222226;
width: 35%;
+
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e2e33), color-stop(100%, #222226));
font-weight: bold;
+
  background: -webkit-linear-gradient(center top, #2e2e33 0%, #222226 100%);
text-align: right;
+
  background: -moz-linear-gradient(center top, #2e2e33 0%, #222226 100%);
}
+
  background: -o-linear-gradient(center top, #2e2e33 0%, #222226 100%);
 +
  background: linear-gradient(center top, #2e2e33 0%, #222226 100%);
 +
  font-size: 12px;
 +
  height: 25px;
 +
  line-height: 25px;
 +
  margin: 5px 0 20px; }
  
table.wiki-sidebar td.sb-both {
+
.overview {
text-align: center;
+
  text-align: center;
padding-left: 0;
+
  margin: 1em 0; }
padding-right: 0;
 
}
 
  
table.wiki-sidebar td.sb-both img {
+
.visualClear {
border: 0px outset #888888;
+
  clear: both; }
margin: 0;
 
padding-left: 0;
 
padding-right: 0;
 
}
 
  
table.wiki-sidebar td.sb-left {
+
.meta {
width: 35%;
+
  font-style: italic;
font-weight: bold;
+
  padding: 0 1em; }
text-align: right;
+
  .meta i, .meta em {
background-color: #222222;
+
    font-style: normal; }
border: 0px outset #8888888;
 
}
 
  
table.wiki-sidebar td.sb-right {
+
.mw-editsection {
background-color: #2E2E33;
+
  visibility: hidden; }
}
+
  h1:hover > .mw-editsection, h2:hover > .mw-editsection, h3:hover > .mw-editsection, h4:hover > .mw-editsection, h5:hover > .mw-editsection, h6:hover > .mw-editsection {
 +
    visibility: visible; }
  
 +
a:visited {
 +
  color: #0269B3; }
  
 +
.memory-beta a {
 +
  color: #D7ECFF; }
  
 +
.element-invisible, figcaption > .attribution, .toclimit-2 .toclevel-1 > ol, .toclimit-3 .toclevel-2 > ol, .toclimit-4 .toclevel-3 > ol, .toclimit-5 .toclevel-4 > ol, .toclimit-6 .toclevel-5 > ol, .toclimit-7 .toclevel-6 > ol {
 +
  display: none !Important; }
  
/* NAV-Simple anders definiert in MA/de
+
.alt_timeline {
/***********************************************************
+
  border-style: solid;
** TABLE: NAV-SIMPLE
+
  border-color: #666666;
*/
+
  border-width: 1px 1px 1px 3px;
table.nav-simple {
+
  margin: 2em 0pt 1em;
width: auto;
+
  padding: .5em 1em;
clear: both;
+
  background-color: inherit; }
background-color: #222222;
+
  .alt_timeline .legend {
border: 1px solid #AAAAAA;
+
    text-shadow: -4px 0 0 #2e2e33, -3px 0 0 #2e2e33, -2px 0 0 #2e2e33, -1px 0 0 #2e2e33, 1px 0 0 #2e2e33, 2px 0 0 #2e2e33, 3px 0 0 #2e2e33, 4px 0 0 #2e2e33;
margin: 1em auto 1em auto;
+
    font-weight: normal;
}
+
    color: #666666;
 +
    padding: 0 .5em;
 +
    font-size: .8em;
 +
    margin-left: -.6em;
 +
    margin-top: -1.6em; }
  
table.nav-simple tr th {
+
figcaption > .caption {
background-color: #660000;
+
  margin-bottom: 0; }
border: 1px outset #660000;
 
text-align: center;
 
font-weight: bold;
 
}
 
  
table.nav-simple tr td {
+
.details > .summary {
background-color: transparent;
+
  font-weight: bold;
text-align: center;
+
  cursor: pointer;
font-size: smaller;
+
  -webkit-user-select: none;
}
+
  -moz-user-select: none;
 +
  user-select: none; }
 +
  .details > .summary:before {
 +
    content: '▸'; }
 +
    .open > .details > .summary:before {
 +
      content: '▾'; }
 +
  .details > .summary ~ div {
 +
    display: none; }
 +
.details.open > .summary ~ div {
 +
  display: block; }
  
*/
+
kbd {
 +
  background-color: #F7F7F7;
 +
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
 +
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
 +
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
 +
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
 +
  border: 1px solid;
 +
  border-color: #DDD #AAA #888 #CCC;
 +
  border-radius: 2px;
 +
  font-family: inherit;
 +
  padding: 0 .4em;
 +
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
 +
  white-space: nowrap;
 +
  color: black; }
  
 +
hr,
 +
.hr {
 +
  border: none;
 +
  border-top: 1px solid #666666;
 +
  margin: 1em 0; }
  
 +
.hr > hr {
 +
  display: none; }
  
/***********************************************************
+
.dialogue + .dialogue:before,
** TABLE: BROWSER
+
.dialogue + p:empty + .dialogue:before,
*/
+
.section + .section:before {
table.browser {
+
  content: '';
width: 100%;
+
  display: block;
clear: both;
+
  border: none;
border: 1px solid #AAAAAA;
+
  border-top: 1px solid #666666;
background-color: #222222;
+
  margin-top: 1em;
color: #FFFFFF;
+
  margin-bottom: 1em;
}
+
  max-width: 90px; }
table.browser td {
 
text-align: center;
 
width: 33%;
 
background: #222222;
 
border: 1px outset #888888;
 
line-height: 130%;
 
}
 
table.browser td.topic {
 
background-color: #222222;
 
border: none;  
 
}
 
 
 
 
 
 
 
 
 
 
 
/***********************************************************
 
** TABLE: GREY
 
*/
 
table.grey {
 
border: 1px solid #AAAAAA;
 
background-color: #222222;
 
color: #FFFFFF;
 
}
 
 
 
table.grey tr th, table.grey thead tr th {
 
color: #FFFFFF;
 
background-color: #660000;
 
border: 1px outset #660000;
 
text-align: left;
 
font-weight: bold;
 
}
 
  
table.grey td {
+
.mw-search-profile-tabs fieldset#mw-searchoptions{
border: 1px outset #888888;
+
background-color: #4c4c4c;
 
}
 
}
 
 
 
 
 
/***********************************************************
 
** TABLE: MAINPAGE
 
*/
 
table.mainpage {
 
width: 100%;
 
background-color: #222222;
 
border: 1px solid #AAAAAA;
 
}
 
 
table.mainpage tr td, table.mainpage tr th {
 
vertical-align: top;
 
padding: 4px;
 
width: 33%;
 
}
 
 
table.mainpage tr th {
 
background-color: #660000;
 
border: 1px outset #660000;
 
text-align: center;
 
font-weight: bold;
 
font-size: 1.2em;
 
}
 
 
 
 
 
 
/***********************************************************
 
** TABLE: FORUMLIST
 
*/
 
table.forumlist {
 
width: 100%;
 
background-color: #222222;
 
border: 1px solid #AAAAAA;
 
}
 
table.forumlist tr th, table.forumlist thead tr th {
 
color: inherit;
 
background-color: #660000;
 
border: 1px outset #660000;
 
text-align: left;
 
font-weight: bold;
 
}
 
 
 
 
 
 
/***********************************************************
 
** DIVs "Messages"
 
*/
 
div.warning {
 
background-color: #401F22;
 
border: 1px solid #660000;
 
color: #FF0000 !important;
 
font-weight: bold;
 
margin: 2em 0 1em;
 
padding: .5em 1em;
 
vertical-align: middle;
 
text-align: justify;
 
}
 
 
div.header-notice {
 
background-color: #222222;
 
border: 1px solid #AAAAAA;
 
color: #FFFFFF;
 
margin: 2em 0 1em;
 
padding: .5em 1em;
 
vertical-align: middle;
 
text-align: justify;
 
}
 
 
div.notice {
 
background-color: #401F22;
 
border: 1px dashed #CC0000;
 
color: #FFFFFF;
 
margin: 2em 20% 1em 20%;
 
padding: .5em 1em;
 
vertical-align: middle;
 
text-align: justify;
 
}
 
 
div.header-notice#fa {
 
width: auto;
 
font-size: inherit !important;
 
}
 
 
div.notice p,
 
div.header-notice p,
 
div.warning p {
 
line-height: 120% !important;
 
}
 
 
div span.msg-title {
 
display: block;
 
width: 100%;
 
color: #FFD942;
 
text-align: center;
 
font-size: 150%;
 
font-weight: bold;
 
border-bottom: 1px solid #AAAAAA;
 
}
 
 
 
/***********************************************************
 
** DIV SHORTCUT
 
*/
 
div.shortcut {
 
float:right;
 
border:1px solid #AAAAAA;
 
background-color:#222222;
 
padding: 0.5em;
 
margin-bottom:1em;
 
text-align: center;
 
font-size:smaller;
 
font-weight:bold;
 
width: auto;
 
}
 
 
 
 
 
 
/***********************************************************
 
** DIV: ARTICLETYPE
 
*/
 
div.articletype {
 
font-size: smaller;
 
padding-top: 0em;
 
padding-bottom: 0em;
 
float: right;
 
position: absolute;
 
right: 1em;
 
top: 0em;
 
white-space: nowrap;
 
text-align: center;
 
border:1px solid #AAAAAA;
 
background-color: #222222;
 
line-height: 130%;
 
margin: 1em auto 0.5em auto;
 
clear:both;
 
}
 
 
div.articletype table {
 
background-color: transparent;
 
float: left;
 
padding: 1px;
 
}
 
 
 
 
 
 
/***********************************************************
 
** MISC. DEPRECATED STUFF
 
*/
 
td.odd, td.even {
 
background-color: #222222;
 
border: 1px outset #888888;
 
}
 
 
 
/* Wikipedia Links makieren */
 
#bodyContent a[href ^="http://de.wikipedia.org"]:after,
 
#bodyContent a[href ^="http://en.wikipedia.org"]:after {
 
    content:" " url(http://memory-alpha.org/de/images/0/00/Wikipedia.gif); }
 
 
/***********************************************************
 
** MARKIERUNG VON REDIRECTS
 
*/
 
 
 
.allpagesredirect {
 
      font-style: italic;
 
}
 
 
.watchlistredir {
 
      font-style: italic;
 
}
 
 
/***********************************************************
 
** Formatierungen für Logbucheinträge
 
***********************************************************/
 
 
div.logbuch {
 
width: 85%;
 
margin: 1.0em auto 0.5em auto;
 
padding: 5px;
 
text-align: left;
 
border: 1px inset #999999;
 
background-color: #2A2A2A;
 
color: #FFFFFF;
 
line-height: 120%;
 
}
 
 
/***********************************************************
 
** Formatting for new quote style, by User:Bp
 
** For testing only, not final. (übernommen aus der englischen MA zum Testen)
 
*/
 
.dialogue {margin-left:20px;}
 
.dialogue-inside {border-left:5px solid #434343; padding-left:5px;}
 
.dialogue-inside-highlight {border-left:5px solid #434343; padding-left:5px;}
 
.dialogue-attribution {margin-left:40px;}
 
.quoteline {line-height:1.7; font-size:116%;}
 
.quoteline-action {margin-left:20px; line-height:1.7;}
 
.speaker-label {font-family: monospace; font-style: normal; color: #FFCC00;}
 
 
/***********************************************************
 
** Formatierungen für Vorlage "ExzellenterArtikel"
 
***********************************************************/
 
 
div.featured {
 
background: #282828;
 
border: 2px solid #FF9900;
 
padding: 0.4em;
 
}
 
 
 
/***********************************************************
 
** SVG-Transparenz bleibt transparent
 
***********************************************************/
 
 
#file img, .gallerybox .thumb img {
 
background: none;
 
}
 
 
 
/***********************************************************
 
** für das clear-Objekt (Beendigung des Textumflusses)
 
***********************************************************/
 
 
.clear {
 
        clear: both;
 
        width: 0px;
 
        height: 0px;
 
        margin: 0;
 
        padding: 0;
 
}
 
 
/***********************************************************
 
** TEST: Wegklappbare Navigationsleisten
 
***********************************************************/
 
 
div.BoxenVerschmelzen,
 
div.NavFrame {
 
    margin: 0px;
 
    padding: 2px;
 
    border: 1px solid #aaaaaa;
 
    text-align: center;
 
    border-collapse: collapse;
 
    font-size: 95%;
 
    clear: both;
 
}
 
div.BoxenVerschmelzen div.NavFrame {
 
    border-style: none;
 
    border-style: hidden;
 
}
 
div.NavFrame + div.NavFrame {
 
    border-top-style: none;
 
    border-top-style: hidden;
 
}
 
div.NavPic {
 
    background-color: #333333;
 
    margin: 0px;
 
    padding: 2px;
 
    float: left;
 
}
 
div.NavFrame div.NavHead {
 
    height: 1.6em;
 
    font-weight: bold;
 
    font-size: 100%;
 
    background-color: #efefef;
 
}
 
div.NavFrame p {
 
    font-size: 100%;
 
}
 
div.NavFrame div.NavContent {
 
    font-size: 100%;
 
}
 
div.NavFrame div.NavContent p {
 
    font-size: 100%;
 
}
 
div.NavEnd {
 
    margin: 0px;
 
    padding: 0px;
 
    line-height: 1px;
 
    clear: both;
 
}
 
 
/* Abstand vor Navigationsleisten */
 
 
div.BoxenVerschmelzen,
 
div.NavFrame {
 
  margin-top: 1.5em;
 
}
 
div.BoxenVerschmelzen div.NavFrame {
 
  margin-top: 0;
 
}
 
div.NavFrame + div.NavFrame {
 
  margin-top: 0;
 
}
 
 
/* Navigationsleisten nicht mit ausdrucken */
 
 
@media print{
 
    .NavFrame {
 
        display: none;
 
    }
 
    .BoxenVerschmelzen {
 
        display: none;
 
    }
 
}
 
 
/*
 
</pre>
 
*/
 

Aktuelle Version vom 18. Oktober 2019, 16:26 Uhr

@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Quote.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Portable_infobox.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Sidebar.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Navigation.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Multi-column-layout.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Icon.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Message.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Misc.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Hauptseite.css&action=raw&ctype=text/css');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:CodeMirror.css&action=raw&ctype=text/css');


/*Wichtiges von Misc.css*/
ins {
  text-decoration: underline; }

del {
  text-decoration: line-through; }

td, th {
  vertical-align: top;
  padding: 0 2px; }

tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1); }

td.prefix {
  text-align: right; }

table.complex {
  font-size: 11px; }
  table.complex th {
    font-size: 11px; }

th {
  background-color: rgba(255, 255, 255, 0.05);
  text-align: left; }

thead th {
  background-color: #222226;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e2e33), color-stop(100%, #222226));
  background: -webkit-linear-gradient(center top, #2e2e33 0%, #222226 100%);
  background: -moz-linear-gradient(center top, #2e2e33 0%, #222226 100%);
  background: -o-linear-gradient(center top, #2e2e33 0%, #222226 100%);
  background: linear-gradient(center top, #2e2e33 0%, #222226 100%);
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  margin: 5px 0 20px; }

.overview {
  text-align: center;
  margin: 1em 0; }

.visualClear {
  clear: both; }

.meta {
  font-style: italic;
  padding: 0 1em; }
  .meta i, .meta em {
    font-style: normal; }

.mw-editsection {
  visibility: hidden; }
  h1:hover > .mw-editsection, h2:hover > .mw-editsection, h3:hover > .mw-editsection, h4:hover > .mw-editsection, h5:hover > .mw-editsection, h6:hover > .mw-editsection {
    visibility: visible; }

a:visited {
  color: #0269B3; }

.memory-beta a {
  color: #D7ECFF; }

.element-invisible, figcaption > .attribution, .toclimit-2 .toclevel-1 > ol, .toclimit-3 .toclevel-2 > ol, .toclimit-4 .toclevel-3 > ol, .toclimit-5 .toclevel-4 > ol, .toclimit-6 .toclevel-5 > ol, .toclimit-7 .toclevel-6 > ol {
  display: none !Important; }

.alt_timeline {
  border-style: solid;
  border-color: #666666;
  border-width: 1px 1px 1px 3px;
  margin: 2em 0pt 1em;
  padding: .5em 1em;
  background-color: inherit; }
  .alt_timeline .legend {
    text-shadow: -4px 0 0 #2e2e33, -3px 0 0 #2e2e33, -2px 0 0 #2e2e33, -1px 0 0 #2e2e33, 1px 0 0 #2e2e33, 2px 0 0 #2e2e33, 3px 0 0 #2e2e33, 4px 0 0 #2e2e33;
    font-weight: normal;
    color: #666666;
    padding: 0 .5em;
    font-size: .8em;
    margin-left: -.6em;
    margin-top: -1.6em; }

figcaption > .caption {
  margin-bottom: 0; }

.details > .summary {
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .details > .summary:before {
    content: '▸'; }
    .open > .details > .summary:before {
      content: '▾'; }
  .details > .summary ~ div {
    display: none; }
.details.open > .summary ~ div {
  display: block; }

kbd {
  background-color: #F7F7F7;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(127, 127, 127, 0.2));
  border: 1px solid;
  border-color: #DDD #AAA #888 #CCC;
  border-radius: 2px;
  font-family: inherit;
  padding: 0 .4em;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  color: black; }

hr,
.hr {
  border: none;
  border-top: 1px solid #666666;
  margin: 1em 0; }

.hr > hr {
  display: none; }

.dialogue + .dialogue:before,
.dialogue + p:empty + .dialogue:before,
.section + .section:before {
  content: '';
  display: block;
  border: none;
  border-top: 1px solid #666666;
  margin-top: 1em;
  margin-bottom: 1em;
  max-width: 90px; }

.mw-search-profile-tabs fieldset#mw-searchoptions{
background-color: #4c4c4c;
}