MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Die-wahren-Helden
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „CSS an dieser Stelle wirkt sich auf alle Skins aus: table.wpo-table4 { width: 90%; border: 1px solid #a3b0bf; text-align: left; border-collapse: …“)
 
 
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */
 
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */
  
   table.wpo-table4 {
+
   table.helden-table4 {
 
       width: 90%;  border: 1px solid #a3b0bf; text-align: left; border-collapse: collapse;
 
       width: 90%;  border: 1px solid #a3b0bf; text-align: left; border-collapse: collapse;
 
       vertical-align: middle; padding: 4px;
 
       vertical-align: middle; padding: 4px;
 
   }
 
   }
   table.wpo-table4 th {
+
   table.helden-table4 th {
 
       background-color: #cedff2; color:black ; font-weight: bold;  padding: 4px ;border: 1px solid #a3b0bf;
 
       background-color: #cedff2; color:black ; font-weight: bold;  padding: 4px ;border: 1px solid #a3b0bf;
 
   }
 
   }
   table.wpo-table4 tr {
+
   table.helden-table4 tr {
 
       border: 1px solid #a3b0bf; padding: 4px ; background-color:#f5faff; vertical-align:top;  
 
       border: 1px solid #a3b0bf; padding: 4px ; background-color:#f5faff; vertical-align:top;  
 
   }
 
   }
   table.wpo-table4 tr:hover {
+
   table.helden-table4 tr:hover {
 
       border: 1px solid #a3b0bf; padding: 4px ; background-color:#f5fa00; vertical-align:top;  
 
       border: 1px solid #a3b0bf; padding: 4px ; background-color:#f5fa00; vertical-align:top;  
 
   }
 
   }
   table.wpo-table4 td {
+
   table.helden-table4 td {
 
       border: 1px solid #a3b0bf; padding: 4px ; text-decoration:inherit;
 
       border: 1px solid #a3b0bf; padding: 4px ; text-decoration:inherit;
 
   }
 
   }
 +
 +
body.page-Hauptseite h1.firstHeading { display: none; }
 +
 +
 +
.heldenliste {
 +
margin:0px;padding:0px;
 +
width:100%;
 +
box-shadow: 10px 10px 5px #888888;
 +
border:1px solid #000000;
 +
 +
-moz-border-radius-bottomleft:0px;
 +
-webkit-border-bottom-left-radius:0px;
 +
border-bottom-left-radius:0px;
 +
 +
-moz-border-radius-bottomright:0px;
 +
-webkit-border-bottom-right-radius:0px;
 +
border-bottom-right-radius:0px;
 +
 +
-moz-border-radius-topright:0px;
 +
-webkit-border-top-right-radius:0px;
 +
border-top-right-radius:0px;
 +
 +
-moz-border-radius-topleft:0px;
 +
-webkit-border-top-left-radius:0px;
 +
border-top-left-radius:0px;
 +
}.heldenliste table{
 +
    border-collapse: collapse;
 +
        border-spacing: 0;
 +
width:100%;
 +
height:100%;
 +
margin:0px;padding:0px;
 +
}.heldenliste tr:last-child td:last-child {
 +
-moz-border-radius-bottomright:0px;
 +
-webkit-border-bottom-right-radius:0px;
 +
border-bottom-right-radius:0px;
 +
}
 +
.heldenliste table tr:first-child td:first-child {
 +
-moz-border-radius-topleft:0px;
 +
-webkit-border-top-left-radius:0px;
 +
border-top-left-radius:0px;
 +
}
 +
.heldenliste table tr:first-child td:last-child {
 +
-moz-border-radius-topright:0px;
 +
-webkit-border-top-right-radius:0px;
 +
border-top-right-radius:0px;
 +
}.heldenliste tr:last-child td:first-child{
 +
-moz-border-radius-bottomleft:0px;
 +
-webkit-border-bottom-left-radius:0px;
 +
border-bottom-left-radius:0px;
 +
}.heldenliste tr:hover td{
 +
 +
}
 +
.heldenliste tr:nth-child(odd){ background-color:#7cd2f9; }
 +
.heldenliste tr:nth-child(even)    { background-color:#999797; }
 +
 +
.heldenliste a, .heldenliste a:link, .heldenliste a:visited, .heldenliste a:hover, .heldenliste a:active {
 +
color:#2b2b96;
 +
}
 +
 +
.heldenliste td {
 +
vertical-align:middle;
 +
border:1px solid #000000;
 +
border-width:0px 1px 1px 0px;
 +
text-align:left;
 +
padding:7px;
 +
font-size:14px;
 +
font-family:Arial;
 +
font-weight:bold;
 +
color:#2b2b96;
 +
}.heldenliste tr:last-child td{
 +
border-width:0px 1px 0px 0px;
 +
}.heldenliste tr td:last-child{
 +
border-width:0px 0px 1px 0px;
 +
}.heldenliste tr:last-child td:last-child{
 +
border-width:0px 0px 0px 0px;
 +
}
 +
.heldenliste tr:first-child td{
 +
background:-o-linear-gradient(bottom, #2061e5 5%, #191919 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2061e5), color-stop(1, #191919) );
 +
background:-moz-linear-gradient( center top, #2061e5 5%, #191919 100% );
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2061e5", endColorstr="#191919"); background: -o-linear-gradient(top,#2061e5,191919);
 +
 +
background-color:#2061e5;
 +
border:0px solid #000000;
 +
text-align:left;
 +
border-width:0px 0px 1px 1px;
 +
font-size:16px;
 +
font-family:Arial;
 +
font-weight:bold;
 +
color:#f9f7f7;
 +
}
 +
.heldenliste tr:first-child:hover td{
 +
background:-o-linear-gradient(bottom, #2061e5 5%, #191919 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2061e5), color-stop(1, #191919) );
 +
background:-moz-linear-gradient( center top, #2061e5 5%, #191919 100% );
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2061e5", endColorstr="#191919"); background: -o-linear-gradient(top,#2061e5,191919);
 +
 +
background-color:#2061e5;
 +
}
 +
.heldenliste tr:first-child td:first-child{
 +
border-width:0px 0px 1px 0px;
 +
}
 +
.heldenliste tr:first-child td:last-child{
 +
border-width:0px 0px 1px 1px;
 +
}

Aktuelle Version vom 7. März 2016, 23:02 Uhr

/* CSS an dieser Stelle wirkt sich auf alle Skins aus */

   table.helden-table4 {
       width: 90%;  border: 1px solid #a3b0bf; text-align: left; border-collapse: collapse;
       vertical-align: middle; padding: 4px;
   }
   table.helden-table4 th {
       background-color: #cedff2; color:black ; font-weight: bold;  padding: 4px ;border: 1px solid #a3b0bf;
   }
   table.helden-table4 tr {
       border: 1px solid #a3b0bf; padding: 4px ; background-color:#f5faff; vertical-align:top; 
   }
   table.helden-table4 tr:hover {
       border: 1px solid #a3b0bf; padding: 4px ; background-color:#f5fa00; vertical-align:top; 
   }
   table.helden-table4 td {
       border: 1px solid #a3b0bf; padding: 4px ; text-decoration:inherit;
   }

body.page-Hauptseite h1.firstHeading { display: none; }


.heldenliste {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.heldenliste table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.heldenliste tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.heldenliste table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.heldenliste table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.heldenliste tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.heldenliste tr:hover td{
	
}
.heldenliste tr:nth-child(odd){ background-color:#7cd2f9; }
.heldenliste tr:nth-child(even)    { background-color:#999797; }

.heldenliste a, .heldenliste a:link, .heldenliste a:visited, .heldenliste a:hover, .heldenliste a:active {
	color:#2b2b96;
} 

.heldenliste td {
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#2b2b96;
}.heldenliste tr:last-child td{
	border-width:0px 1px 0px 0px;
}.heldenliste tr td:last-child{
	border-width:0px 0px 1px 0px;
}.heldenliste tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.heldenliste tr:first-child td{
		background:-o-linear-gradient(bottom, #2061e5 5%, #191919 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2061e5), color-stop(1, #191919) );
	background:-moz-linear-gradient( center top, #2061e5 5%, #191919 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2061e5", endColorstr="#191919");	background: -o-linear-gradient(top,#2061e5,191919);

	background-color:#2061e5;
	border:0px solid #000000;
	text-align:left;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#f9f7f7;
}
.heldenliste tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #2061e5 5%, #191919 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2061e5), color-stop(1, #191919) );
	background:-moz-linear-gradient( center top, #2061e5 5%, #191919 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2061e5", endColorstr="#191919");	background: -o-linear-gradient(top,#2061e5,191919);

	background-color:#2061e5;
}
.heldenliste tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.heldenliste tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}