BearbeitenDiskussionVersionen

MediaWiki:Common.css: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(30 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/*********************************
@import "https://ffxiv.sevengamer.de/w/index.php?title=MediaWiki:Mobile.css&action=raw&ctype=text/css";
 
 
Zwei container formatierung Responsive 50/50
 
 
*********************************/
@media only screen {
  /* klassischer Desktop, zweispaltig; Grundstruktur */
  #container {
      overflow:      auto;
      padding-bottom: 1px;
  }
  #container-links,
  #container-rechts {
      float: left;
      width: calc(50% - 0.5em - 0.005px);
  }
  #container-links {
      margin-right: 1em;
  }
 
  #container-unten {
      clear: both;
  }
 
  #container-oben,
  #container-unten {
      text-align: center;
  }
}
@media only screen and (max-width: 54rem) {
  /* Platzmangel */
  #container-links,
  #container-rechts {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
 
 
  #container-oben,
  #container-unten, p:first-child {
      text-align: left;
  }
}
@media only screen and (max-width: 42rem) {
  /* Besonders kleiner Screen */
 
  #container-oben {
      display: none;
  }
}
@media only screen and (min-width: 180rem) {
  /* Mehr als zweispaltig; 121rem */
  #container-links {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
  #container-links-container-oben,
  #container-links-container-unten {
      float: left;
  }
  #container-oben, #container-unten {
      max-width: none;
      width:    auto;
  }
}
@media only screen and (min-width: 99999rem) {
  /* Dreispaltig */
  #container-links-container-oben,
  #container-links-container-unten {
      margin-right: 3%;
      width:        28%;
  }
  #container-rechts {
      width: 38%;
  }
}
@media only screen and (min-width: 180rem) {
  /* Vierspaltig */
  #container-rechts {
      float: none;
      width: auto;
  }
  #container-links-container-oben,
  #container-links-container-unten,
  #container-rechts-container-oben,
  #container-rechts-container-unten {
      width: 23%;
  }
  #container-links-container-oben,
  #container-links-container-unten,
  #container-rechts-container-oben,
  #container-rechts-container-unten {
      margin-left:  1%;
      margin-right: 1%;
  }
  #container-rechts-container-oben,
  #container-rechts-container-unten {
      float: left;
  }
}
@media only screen and (min-width: 260rem) {
  /* Fünfspaltig */
  #container-rechts-container-unten {
      float: none;
      width: auto;
  }
  #container-links-container-oben,
  #container-links-container-unten,
  #container-rechts-container-oben,
  #container-rechts-container-unten-1,
  #container-rechts-container-unten-2 {
      margin-left:  1%;
      margin-right: 1%;
      width: 18%;
  }
  #container-rechts-container-unten-1,
  #container-rechts-container-unten-2 {
      float: left;
  }
  #container-rechts-container-unten-2 {
      margin-right: 0;
  }
 
  #container-unten  {
      max-width: none;
  }
}
 
 
/*********************************
 
 
Zwei Spalten formatierung Responsive 75/25
 
 
*********************************/
@media only screen {
  /* klassischer Desktop, zweispaltig; Grundstruktur */
  #container1 {
      overflow:      auto;
      padding-bottom: 1px;
  }
  #container1-links{
      float: left;
      width: calc(75% - 0.5em - 0.005px);
  }
 
  #container1-rechts {
      float: left;
      width: calc(25% - 0.5em - 0.005px);
  }
  #container1-links {
      margin-right: 1em;
  }
 
  #container1-unten {
      clear: both;
  }
 
  #container1-oben,
  #container1-unten {
      text-align: center;
  }
}
@media only screen and (max-width: 54rem) {
  /* Platzmangel */
  #container1-links,
  #container1-rechts {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
 
 
  #container1-oben,
  #container1-unten,
  #willkommen p:first-child {
      text-align: left;
  }
}
@media only screen and (max-width: 42rem) {
  /* Besonders kleiner Screen */
 
  #container1-oben {
      display: none;
  }
}
@media only screen and (min-width: 180rem) {
  /* Mehr als zweispaltig; 121rem */
  #container1-links {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
  #container1-links-oben,
  #container1-links-unten {
      float: left;
  }
  #container1-oben, #container1-unten {
      max-width: none;
      width:    auto;
  }
}
@media only screen and (min-width: 99999rem) {
  /* Dreispaltig */
  #container1-links-oben,
  #container1-links-unten {
      margin-right: 3%;
      width:        28%;
  }
  #container1-rechts {
      width: 38%;
  }
}
@media only screen and (min-width: 180rem) {
  /* Vierspaltig */
  #container1-rechts {
      float: none;
      width: auto;
  }
  #container1-links-oben,
  #container1-links-unten,
  #container1-rechts-oben,
  #container1-rechts-unten {
      width: 23%;
  }
  #container1-links-oben,
  #container1-links-unten,
  #container1-rechts-oben,
  #container1-rechts-unten {
      margin-left:  1%;
      margin-right: 1%;
  }
  #container1-rechts-oben,
  #container1-rechts-unten {
      float: left;
  }
}
@media only screen and (min-width: 260rem) {
  /* Fünfspaltig */
  #container1-rechts-unten {
      float: none;
      width: auto;
  }
  #container1-links-oben,
  #container1-links-unten,
  #container1-rechts-oben,
  #container1-rechts-unten-1,
  #container1-rechts-unten-2 {
      margin-left:  1%;
      margin-right: 1%;
      width: 18%;
  }
  #container1-rechts-unten-1,
  #container1-rechts-unten-2 {
      float: left;
  }
  #container1-rechts-unten-2 {
      margin-right: 0;
  }
 
  #container1-unten  {
      max-width: none;
  }
}
 
 
/*********************************
 
 
Zwei Spalten formatierung Responsive 25/75
 
 
*********************************/
@media only screen {
  /* klassischer Desktop, zweispaltig; Grundstruktur */
  #container2 {
      overflow:      auto;
      padding-bottom: 1px;
  }
  #container2-links{
      float: left;
      width: calc(25% - 0.5em - 0.005px);
  }
 
  #container2-rechts {
      float: left;
      width: calc(75% - 0.5em - 0.005px);
  }
  #container2-links {
      margin-right: 1em;
  }
 
  #container2-unten {
      clear: both;
  }


  #container2-oben,
.catlinks, #catlinks  {
  #container2-unten {
margin-top: 15px;
      text-align: center;
overflow: auto;
  }
max-height: 60px;
}
@media only screen and (max-width: 54rem) {
  /* Platzmangel */
  #container2-links,
  #container2-rechts {
      float:        none;
      margin-right: 0;
      width:       auto;
  }
 
 
  #container2-oben,
  #container2-unten,
  #willkommen p:first-child {
      text-align: left;
  }
}
}
@media only screen and (max-width: 42rem) {
  /* Besonders kleiner Screen */


  #container2-oben {
.catlinks ul {
      display: none;
display: inline;
  }
margin: 0;
}
padding: 0;
@media only screen and (min-width: 180rem) {
list-style: none none;
  /* Mehr als zweispaltig; 121rem */
overflow: auto;
  #container2-links {
      float:        none;
      margin-right: 0;
      width:       auto;
  }
  #container2-links-oben,
  #container2-links-unten {
      float: left;
  }
  #container2-oben, #container2-unten {
      max-width: none;
      width:    auto;
  }
}
@media only screen and (min-width: 99999rem) {
  /* Dreispaltig */
  #container2-links-oben,
  #container2-links-unten {
      margin-right: 3%;
      width:        28%;
  }
  #container2-rechts {
      width: 38%;
  }
}
@media only screen and (min-width: 180rem) {
  /* Vierspaltig */
  #container2-rechts {
      float: none;
      width: auto;
  }
  #container2-links-oben,
  #container2-links-unten,
  #container2-rechts-oben,
  #container2-rechts-unten {
      width: 23%;
  }
  #container2-links-oben,
  #container2-links-unten,
  #container2-rechts-oben,
  #container2-rechts-unten {
      margin-left:  1%;
      margin-right: 1%;
  }
  #container2-rechts-oben,
  #container2-rechts-unten {
      float: left;
  }
}
}
@media only screen and (min-width: 260rem) {
  /* Fünfspaltig */
  #container2-rechts-unten {
      float: none;
      width: auto;
  }
  #container2-links-oben,
  #container2-links-unten,
  #container2-rechts-oben,
  #container2-rechts-unten-1,
  #container2-rechts-unten-2 {
      margin-left:  1%;
      margin-right: 1%;
      width: 18%;
  }
  #container2-rechts-unten-1,
  #container2-rechts-unten-2 {
      float: left;
  }
  #container2-rechts-unten-2 {
      margin-right: 0;
  }


  #container2-unten  {
.catlinks li {
      max-width: none;
display: inline-block;
  }
line-height: 1.25em;
border-left: 1px solid #a2a9b1;
margin: 0.125em 0;
padding: 0 0.5em;
zoom: 1;
}
}


 
.catlinks li:first-child {
/*********************************
padding-left: 0.25em;
 
border-left: 0;
 
Zwei Spalten formatierung Responsive 70/30
 
 
*********************************/
@media only screen {
  /* klassischer Desktop, zweispaltig; Grundstruktur */
  #container4 {
      overflow:      auto;
      padding-bottom: 1px;
  }
  #container4-links{
      float: left;
      width: calc(70% - 0.5em - 0.005px);
  }
 
  #container4-rechts {
      float: left;
      width: calc(30% - 0.5em - 0.005px);
  }
  #container4-links {
      margin-right: 1em;
  }
 
  #container4-unten {
      clear: both;
  }
 
  #container4-oben,
  #container4-unten {
      text-align: center;
  }
}
}
@media only screen and (max-width: 54rem) {
  /* Platzmangel */
  #container4-links,
  #container4-rechts {
      float:        none;
      margin-right: 0;
      width:        auto;
  }


  #container4-oben,
  #container4-unten,
  #willkommen p:first-child {
      text-align: left;
  }
}
@media only screen and (max-width: 42rem) {
  /* Besonders kleiner Screen */
  #container4-oben {
      display: none;
  }
}
@media only screen and (min-width: 180rem) {
  /* Mehr als zweispaltig; 121rem */
  #container4-links {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
  #container4-links-oben,
  #container4-links-unten {
      float: left;
  }
  #container4-oben, #container4-unten {
      max-width: none;
      width:    auto;
  }
}
@media only screen and (min-width: 99999rem) {
  /* Dreispaltig */
  #container4-links-oben,
  #container4-links-unten {
      margin-right: 3%;
      width:        28%;
  }
  #container4-rechts {
      width: 38%;
  }
}
@media only screen and (min-width: 180rem) {
  /* Vierspaltig */
  #container4-rechts {
      float: none;
      width: auto;
  }
  #container4-links-oben,
  #container4-links-unten,
  #container4-rechts-oben,
  #container4-rechts-unten {
      width: 23%;
  }
  #container4-links-oben,
  #container4-links-unten,
  #container4-rechts-oben,
  #container4-rechts-unten {
      margin-left:  1%;
      margin-right: 1%;
  }
  #container4-rechts-oben,
  #container4-rechts-unten {
      float: left;
  }
}
@media only screen and (min-width: 260rem) {
  /* Fünfspaltig */
  #container4-rechts-unten {
      float: none;
      width: auto;
  }
  #container4-links-oben,
  #container4-links-unten,
  #container4-rechts-oben,
  #container4-rechts-unten-1,
  #container4-rechts-unten-2 {
      margin-left:  1%;
      margin-right: 1%;
      width: 18%;
  }
  #container4-rechts-unten-1,
  #container4-rechts-unten-2 {
      float: left;
  }
  #container4-rechts-unten-2 {
      margin-right: 0;
  }
  #container4-unten  {
      max-width: none;
  }
}
/*********************************
drei container formatierung Responsive 33/33/33
*********************************/
@media only screen {
  /* klassischer Desktop, dreispaltig; Grundstruktur */
  #container3 {
      overflow:      auto;
      padding-bottom: 1px;
  }
  #container3-links,
  #container3-mitte {
      float: left;
      width: calc(33% - 0.5em - 0.005px);
  }
#container3-rechts {
      float: right;
      width: calc(33% - 0.5em - 0.005px);
  }
  #container3-links,
#container3-mitte  {
      margin-right: 1em;
  }
 
  #container3-unten {
      clear: both;
  }
  #container3-oben,
  #container3-unten {
      text-align: center;
  }
}
@media only screen and (max-width: 54rem) {
  /* Platzmangel */
  #container3-links,
  #container3-rechts,
#container3-mitte  {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
  #container3-oben,
  #container3-unten, p:first-child {
      text-align: left;
  }
}
@media only screen and (max-width: 42rem) {
  /* Besonders kleiner Screen */
  #container3-oben {
      display: none;
  }
}
@media only screen and (min-width: 180rem) {
  /* Mehr als zweispaltig; 121rem */
  #container3-links,
  #container3-mitte  {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
  #container3-links-container3-oben,
  #container3-links-container3-unten {
      float: left;
  }
  #container3-oben, #container3-unten {
      max-width: none;
      width:    auto;
  }
}
@media only screen and (min-width: 99999rem) {
  /* Dreispaltig */
  #container3-links-container3-oben,
  #container3-links-container3-unten {
      margin-right: 3%;
      width:        28%;
  }
  #container3-rechts {
      width: 38%;
  }
}
@media only screen and (min-width: 180rem) {
  /* Vierspaltig */
  #container3-rechts {
      float: none;
      width: auto;
  }
  #container3-links-container3-oben,
  #container3-links-container3-unten,
  #container3-rechts-container3-oben,
  #container3-rechts-container3-unten {
      width: 23%;
  }
  #container3-links-container3-oben,
  #container3-links-container3-unten,
  #container3-rechts-container3-oben,
  #container3-rechts-container3-unten {
      margin-left:  1%;
      margin-right: 1%;
  }
  #container3-rechts-container3-oben,
  #container3-rechts-container3-unten {
      float: left;
  }
}
@media only screen and (min-width: 260rem) {
  /* Fünfspaltig */
  #container3-rechts-container3-unten {
      float: none;
      width: auto;
  }
  #container3-links-container3-oben,
  #container3-links-container3-unten,
  #container3-rechts-container3-oben,
  #container3-rechts-container3-unten-1,
  #container3-rechts-container3-unten-2 {
      margin-left:  1%;
      margin-right: 1%;
      width: 18%;
  }
  #container3-rechts-container3-unten-1,
  #container3-rechts-container3-unten-2 {
      float: left;
  }
  #container3-rechts-container3-unten-2 {
      margin-right: 0;
  }
  #container3-unten  {
      max-width: none;
  }
}
/*********************************
Zwei Spalten formatierung Responsive 30/70
*********************************/
@media only screen {
  /* klassischer Desktop, zweispaltig; Grundstruktur */
  #container5 {
      overflow:      auto;
      padding-bottom: 1px;
  }
  #container5-links{
      float: left;
      width: calc(70% - 0.5em - 0.005px);
  }
 
  #container5-rechts {
      float: left;
      width: calc(30% - 0.5em - 0.005px);
  }
  #container5-links {
      margin-right: 1em;
  }
 
  #container5-unten {
      clear: both;
  }
  #container5-oben,
  #container5-unten {
      text-align: center;
  }
}
@media only screen and (max-width: 54rem) {
  /* Platzmangel */
  #container5-links,
  #container5-rechts {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
  #container5-oben,
  #container5-unten,
  #willkommen p:first-child {
      text-align: left;
  }
}
@media only screen and (max-width: 42rem) {
  /* Besonders kleiner Screen */
  #container5-oben {
      display: none;
  }
}
@media only screen and (min-width: 180rem) {
  /* Mehr als zweispaltig; 121rem */
  #container5-links {
      float:        none;
      margin-right: 0;
      width:        auto;
  }
  #container5-links-oben,
  #container5-links-unten {
      float: left;
  }
  #container5-oben, #container5-unten {
      max-width: none;
      width:    auto;
  }
}
@media only screen and (min-width: 99999rem) {
  /* Dreispaltig */
  #container5-links-oben,
  #container5-links-unten {
      margin-right: 3%;
      width:        28%;
  }
  #container5-rechts {
      width: 38%;
  }
}
@media only screen and (min-width: 180rem) {
  /* Vierspaltig */
  #container5-rechts {
      float: none;
      width: auto;
  }
  #container5-links-oben,
  #container5-links-unten,
  #container5-rechts-oben,
  #container5-rechts-unten {
      width: 23%;
  }
  #container5-links-oben,
  #container5-links-unten,
  #container5-rechts-oben,
  #container5-rechts-unten {
      margin-left:  1%;
      margin-right: 1%;
  }
  #container5-rechts-oben,
  #container5-rechts-unten {
      float: left;
  }
}
@media only screen and (min-width: 260rem) {
  /* Fünfspaltig */
  #container5-rechts-unten {
      float: none;
      width: auto;
  }
  #container5-links-oben,
  #container5-links-unten,
  #container5-rechts-oben,
  #container5-rechts-unten-1,
  #container5-rechts-unten-2 {
      margin-left:  1%;
      margin-right: 1%;
      width: 18%;
  }
  #container5-rechts-unten-1,
  #container5-rechts-unten-2 {
      float: left;
  }
  #container5-rechts-unten-2 {
      margin-right: 0;
  }
  #container5-unten  {
      max-width: none;
  }
}




Zeile 958: Zeile 159:
   }
   }


/***********************************************


SGtable Neu


***********************************************/
table.datatable-SGtable2,
table.SGtable2 {
        border-collapse: collapse;
        background-color: transparent;
        color: black;
  }
table.datatable-SGtable2 th,
table.SGtable2 th, table.datatable td {
      font-weight: bold;
      color:#ffffff;
      padding: 4px;
  }
table.datatable-SGtable2 th,
table.SGtable2 th {
      border: 1px solid black;
      text-align: left;
      background-color: #FF5C00;
  }
table.datatable-SGtable2 tr,
table.SGtable2 tr {
      border: 1px solid black;
      background-color: #f6f6f6;
  }
table.datatable-SGtable2 tr:hover,
table.SGtable2 tr:hover {
      border: 1px solid black;
      background-color: #FFA901;
  }


/***********************************************
/***********************************************
Zeile 987: Zeile 226:
         font-weight: bold;  
         font-weight: bold;  
         color:#0D1E41;
         color:#0D1E41;
         background-image: url(https://ffxiv.sevengamer.de/images/e/ea/Sevengamericon.png);
         background-image: url(https://ffxiv.sevengamer.de/w/images/e/ea/Sevengamericon.png);
         background-position: left center;
         background-position: left center;
         background-repeat: no-repeat;
         background-repeat: no-repeat;
Zeile 1.004: Zeile 243:
.rss-titel {
.rss-titel {


         color: #0D1E41;
         color: black;
         font-size:12px;
         font-size:12px;
         font-weight: bold;
         font-weight: bold;
Zeile 1.141: Zeile 380:
   border:5px solid transparent;
   border:5px solid transparent;
   padding:5px 5px;
   padding:5px 5px;
  color: white !important;
  font-weight: bold !important;
   background-image: url(https://ffxiv.sevengamer.de/w/images/c/c0/Kleiderkritik-Hintergrund.png);
   background-image: url(https://ffxiv.sevengamer.de/w/images/c/c0/Kleiderkritik-Hintergrund.png);
   background-repeat: repeat;
   background-repeat: repeat;
Zeile 1.151: Zeile 388:
   border-radius: 5px;
   border-radius: 5px;
  }
  }
.ffxivbox2-hinweis
{
  border:5px solid #afa177;
  padding:5px 5px;
  color: #cc3737;
  background-color: #e7dfce;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
/********************************************
FFXIV ARR BOX
******************************************/
.ffxivarrbox{
  border: 5px solid #2A2A2A;
  color: white;
  font-weight: bold;
  background-color: #3B3B3B;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}


/**********************************************
/**********************************************

Aktuelle Version vom 9. Februar 2023, 17:01 Uhr

@import "https://ffxiv.sevengamer.de/w/index.php?title=MediaWiki:Mobile.css&action=raw&ctype=text/css";

.catlinks, #catlinks  {
	margin-top: 15px;
	overflow: auto;
	max-height: 60px;
}

.catlinks ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none none;
	overflow: auto;
}

.catlinks li {
	display: inline-block;
	line-height: 1.25em;
	border-left: 1px solid #a2a9b1;
	margin: 0.125em 0;
	padding: 0 0.5em;
	zoom: 1;
}

.catlinks li:first-child {
	padding-left: 0.25em;
	border-left: 0;
}



/************************************************

Überschriften Formatierung

************************************************/

h1 {
    font-size: 22px;
    font-weight: bold;
    color: #0F2A3A;
}

h2 {
    border-left: 4px solid #0D1E41;
    padding: 4px 8px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 4px solid #0D1E41;
    margin: 5px 0 10px 0;
    color: #0F2A3A;
}

h3 {
    border-left: 4px solid #0D1E41;
    padding: 4px 8px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 4px solid #0D1E41;
    margin: 5px 0 10px 0;
    color: #0F2A3A;
}

h4 {
    border-left: 4px solid #0D1E41;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 4px solid #0D1E41;
    margin: 5px 0 10px 0;
    color: #0F2A3A;
}

h5 {
    border-left: 4px solid #0D1E41;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 4px solid #0D1E41;
    margin: 5px 0 10px 0;
    color: #0F2A3A;

}




/***********************************************

Entfernt pfeil bei externen links

***********************************************/

#bodyContent a.external[href^="http://www.playonline.com"], 
                                         [href^="http://lodestone.finalfantasyxiv.com"],
                                         [href^="https://secure.square-enix.com"],
                                         [href^="http://de.finalfantasyxiv.com"],
                                         [href^="http://sqex.to"],
                                         [href^="http://www.finalfantasyxi.com"],
                                         [href^="http://www.finalfantasyxiv.com"],
                                         [href^="http://forum.square-enix.com"],
                                         [href^="http://www.square-enix.com"],
                                         [href^="https://www.sevengamer.de"],
                                         [href^="https://ffxi.sevengamer.de"],
                                         [href^="https://archiv.ffxiv.sevengamer.de"],
                                         [href^="https://ffxiv.sevengamer.de"],
                                         [href^="https://facebook.sevengamer.de"],
                                         [href^="https://twitter.sevengamer.de"],
                                         [href^="https://youtube.sevengamer.de"],
                                         [href^="https://steam.sevengamer.de"]
 {
	
	background-image: none !important;
        padding-right: 0 !important;
}



/**************************************

SEVENGAMER Tabelle

**************************************/

table.datatable-SGtable,
table.SGtable { 
        border: 1px solid black;
        border-collapse: collapse;
        background-color: transparent; 
        color: black;
   }

table.datatable-SGtable th,
table.SGtable th, table.datatable td { 
       border: 1px solid black;
       font-weight: bold; 
       color:#ffffff; 
       padding: 4px; 
  }

table.datatable-SGtable th,
table.SGtable th { 
      border: 1px solid black;
      text-align: left; 
      background-color: #4876FF; 
  }

table.datatable-SGtable tr,
table.SGtable tr { 
      border: 1px solid black; 
      background-color: #D7D8DB; 
  }

table.datatable-SGtable tr:hover,
table.SGtable tr:hover { 
      border: 1px solid black; 
      background-color: #EBECF0; 
  }

/***********************************************

SGtable Neu




***********************************************/
table.datatable-SGtable2,
table.SGtable2 { 
        border-collapse: collapse;
        background-color: transparent; 
        color: black;
   }

table.datatable-SGtable2 th,
table.SGtable2 th, table.datatable td { 
       font-weight: bold; 
       color:#ffffff; 
       padding: 4px; 
  }

table.datatable-SGtable2 th,
table.SGtable2 th { 
       border: 1px solid black;
      text-align: left; 
      background-color: #FF5C00; 
  }

table.datatable-SGtable2 tr,
table.SGtable2 tr { 
      border: 1px solid black; 
      background-color: #f6f6f6; 
  }

table.datatable-SGtable2 tr:hover,
table.SGtable2 tr:hover { 
      border: 1px solid black; 
      background-color: #FFA901; 
  }

/***********************************************

Inhalte ausblenden

***********************************************/

#f-poweredbyico { display: none; }
li#lastmod { display: none !important; }




/*********************************

Farbeneinteilung von Bestimmten User

*********************************/ 
/*Bürokraten & Admins*/
.page-Spezial_Letzte_Änderungen a[title="Benutzer:BlueAngel"],
.page-Spezial_Letzte_Änderungen a[title="Benutzer:Yukii"],
.page-Spezial_Letzte_Änderungen a[title="Benutzerin:ReimiMorrigan‎"],
.page-Spezial_Letzte_Änderungen a[title="Benutzer:Argy"],
.page-Spezial_Letzte_Änderungen a[title="Benutzer:Sunset"]
{ 
        font-weight: bold; 
        color:#0D1E41;
        background-image: url(https://ffxiv.sevengamer.de/w/images/e/ea/Sevengamericon.png);
        background-position: left center;
        background-repeat: no-repeat;
        height:20px !important;
        padding-left: 20px; /* Or size of icon + spacing */
}



/************************************************

RSS-Item formatierung

************************************************/

.rss-titel {

        color: black;
        font-size:12px;
        font-weight: bold;
}


.rss-content {
        color: black;
        background-color: white;
        font-size:13px;
        font-weight: bold;
}



/*************************************

Auftragsbox

*************************************/
.auftragsbox {
    min-width: 200px;    
    max-width: 100%;
    background-color: #E5E0D6;
    color: #000000 !important;
}

.auftragsbox div.content {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 5px;
    color: #000000 !important;
}

.auftragsbox div.toplinks {
    display:block;
    background: url("https://ffxiv.sevengamer.de/w/images/d/d9/Box-top-links.png") top left no-repeat;
}

.auftragsbox div.toprechts {
    display:block;
    background: url("https://ffxiv.sevengamer.de/w/images/4/45/Box-top-rechts.png") top right no-repeat;
    margin-left:27px;
}

.auftragsbox div.bottomlinks {
    display: block;
    background: url("https://ffxiv.sevengamer.de/w/images/4/42/Box-bottom-links.png") bottom left no-repeat;
    margin-top: -19px;
    height: 82px;
}


.auftragsbox div.bottomrechts {
    display: block;
    background: url("https://ffxiv.sevengamer.de/w/images/2/27/Box-bottom-right.png") bottom right no-repeat;
    height: 82px;
    margin-left:27px;
}

.auftragsbox div.linksline {
    display:block;
    background: url("https://ffxiv.sevengamer.de/w/images/2/23/Box-border-left.png") top left repeat-y;
}

.auftragsbox div.rechtsline {
    display:block;
    background: url("https://ffxiv.sevengamer.de/w/images/f/f7/Box-border-right.png") top right repeat-y;
}

.auftragsbox div.bottomline {
    display:block;
    background: url("https://ffxiv.sevengamer.de/w/images/f/fe/Box-border-bottom.png") bottom left repeat-x;
}


.auftragsbox div.topline{
    display:block;
    background: url("https://ffxiv.sevengamer.de/w/images/c/c9/Box-border-top.png") top left repeat-x;
}

.auftragsbox div.topicon{
    display:block;
    background-image: url("https://ffxiv.sevengamer.de/w/images/0/0e/Auftragsicon.png") top center no-repeat !important;
    height: 65px;
}

.auftragsbox a:link { color: #00008B; text-decoration: none; } 
.auftragsbox a:visited { color: #00008B; font-style: oblique; }
.auftragsbox a:active { color: #00008B; text-decoration: overline; } 
.auftragsbox a:hover { color: #00008B; text-decoration: underline; }

/*************************************

ffxiv Box

*************************************/


.ffxivbox{
   border:5px solid transparent;
   padding:5px 5px;
   color: white !important; 
   font-weight: bold !important;
   background-image: url(https://ffxiv.sevengamer.de/w/images/f/f2/Boxbg.png);
   background-repeat: repeat;
   background-clip:padding-box;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
   -webkit-border-image:url("https://ffxiv.sevengamer.de/w/images/f/f7/BoxBGborder.png") 7 7 round; /* Safari 5 */
   -o-border-image:url("https://ffxiv.sevengamer.de/w/images/f/f7/BoxBGborder.png") 7 7 round; /* Opera */
   border-image:url("https://ffxiv.sevengamer.de/w/images/f/f7/BoxBGborder.png") 7 7 round;
 }


.ffxivbox a:link { color: #45B3D2; text-decoration: none; } 
.ffxivbox .new { color: #FF0000; text-decoration: none; } 
.ffxivbox a:visited { color: #45B3D2; font-style: oblique; }
.ffxivbox a:active { color: #45B3D2; text-decoration: overline; } 
.ffxivbox a:hover { color: #45B3D2; text-decoration: underline; }
.ffxivbox a:hover .new { color: #FF0000; text-decoration: underline; }

.new, #new { color: #FF0000 !important; text-decoration: none; } 


/*************************************

Kleiderkritik Box

*************************************/


.ffxivbox2{
   border:5px solid transparent;
   padding:5px 5px;
   background-image: url(https://ffxiv.sevengamer.de/w/images/c/c0/Kleiderkritik-Hintergrund.png);
   background-repeat: repeat;
   background-clip:padding-box;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
 }

.ffxivbox2-hinweis
{
   border:5px solid #afa177;
   padding:5px 5px;
   color: #cc3737;
   background-color: #e7dfce;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
 }

/********************************************


FFXIV ARR BOX 

******************************************/


.ffxivarrbox{
   border: 5px solid #2A2A2A;
   color: white; 
   font-weight: bold;
   background-color: #3B3B3B;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -khtml-border-radius: 6px;
   border-radius: 6px;
}

/**********************************************

CSS TEXTKLASSEN

**********************************************/
.center { text-align: center;}
.right { text-align: right;}