Template:Overlay nav: Difference between revisions

From Tygron Preview Support Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
{{#css:   
{{#css:   
    div.nav.items .heading { background-color:#96C; }
/** NAV BARS **/
div.nav {
  position:relative;
}
 
div.nav .box {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image:linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
  border:1px solid #AAA;
  border-spacing:0;
  font-size:.9230769231em;
  min-height:60px;
  position:relative;
  margin:auto;
}
 
div.nav      .box { width:42em; }
div.nav.thin .box { width:34em; }
div.nav.wide .box { width:50em; }
div.nav.full .box { width:unset; }
 
div.nav .heading {
  background-color:#888;
  background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0;
  font-family:Arial, sans-serif!important;
  font-size:1.083em;
  font-size-adjust:.52;
  font-weight:700;
  line-height:100%;
  text-align:center;
  margin:-1px -1px 0px;
  padding:.769em 0;
  position:relative;
  z-index:1;
}
 
div.nav .clear {
  height:0.667em;
}
 
div.nav .box::after,
div.nav .heading::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}
 
div.nav .box::after,
div.nav .heading::after {
  bottom:-3px;
}
 
div.nav .wrapper {
  padding: 0px 8px;
}
 
div.nav dl,
div.nav .wrapper.hlist > ul {
  margin:0.667em 0em;
}
 
div.nav dt {
  float:left;
  text-align:right;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 0px;
  width:25%;
}
 
div.nav dd {
  float:left;
  text-align:left;
  border-left:2px solid #888;
  margin:0;
  padding:2px 0px 2px 8px;
  width:67%;
}
 
div.nav dt, div.nav dd {
  line-height:1.667em;
}
 
div.nav table {
  line-height:1.667em;
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:0.667em 0;
}
 
div.nav table th {
  text-align:right;
  border-right:2px solid #888;
  vertical-align:top;
  padding:2px 8px;
}
 
div.nav table td {
  padding:2px 8px;
}
 
.nav .wrapper p {
  margin-top:0.667em;
  margin-bottom:0.667em;
}
 
div.nav .selflink {
  font-weight:bold;
}
 
div.nav.items .heading { background-color:#96C; }
     div.nav.items dd,
     div.nav.items dd,
     div.nav.items dt,
     div.nav.items dt,
Line 23: Line 146:
   background-color:#F0E8F8;
   background-color:#F0E8F8;
}
}
}}
}}



Revision as of 09:12, 1 April 2019

{{#css:

/** NAV BARS **/

div.nav {

 position:relative;

}

div.nav .box {

 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
 background-image:linear-gradient(top, #fff 0%, #eee 100%);
 background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
 background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
 background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
 background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
 background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
 border:1px solid #AAA;
 border-spacing:0;
 font-size:.9230769231em;
 min-height:60px;
 position:relative;
 margin:auto;

}

div.nav .box { width:42em; } div.nav.thin .box { width:34em; } div.nav.wide .box { width:50em; } div.nav.full .box { width:unset; }

div.nav .heading {

 background-color:#888;
 background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
 border:1px solid rgba(0,0,0,0.25);
 border-bottom-width:0;
 font-family:Arial, sans-serif!important;
 font-size:1.083em;
 font-size-adjust:.52;
 font-weight:700;
 line-height:100%;
 text-align:center;
 margin:-1px -1px 0px;
 padding:.769em 0;
 position:relative;
 z-index:1;

}

div.nav .clear {

 height:0.667em;

}

div.nav .box::after, div.nav .heading::after {

 content:"";
 position:absolute;
 width:100%;
 left:0;
 height:3px;
 background-image:url("/images/4/45/Shadow_after.png");
 background-size:100% 3px;

}

div.nav .box::after, div.nav .heading::after {

 bottom:-3px;

}

div.nav .wrapper {

 padding: 0px 8px;

}

div.nav dl, div.nav .wrapper.hlist > ul {

 margin:0.667em 0em;

}

div.nav dt {

 float:left;
 text-align:right;
 clear:left;
 border-right:2px solid #999;
 margin:0 -2px 0 0;
 padding:2px 8px 2px 0px;
 width:25%;

}

div.nav dd {

 float:left;
 text-align:left;
 border-left:2px solid #888;
 margin:0;
 padding:2px 0px 2px 8px;
 width:67%;

}

div.nav dt, div.nav dd {

 line-height:1.667em;

}

div.nav table {

 line-height:1.667em;
 background-color:transparent;
 border-collapse:collapse;
 width:100%;
 margin:0.667em 0;

}

div.nav table th {

 text-align:right;
 border-right:2px solid #888;
 vertical-align:top;
 padding:2px 8px;

}

div.nav table td {

 padding:2px 8px;

}

.nav .wrapper p {

 margin-top:0.667em;
 margin-bottom:0.667em;

}

div.nav .selflink {

 font-weight:bold;

}

div.nav.items .heading { background-color:#96C; }

   div.nav.items dd,
   div.nav.items dt,
   div.nav.items table th { border-color:#96C; }

.table.items > :first-child > tr:first-child, .table.items > :first-child > tr:first-child > *, .table.items > tbody > tr.heading, .table.items > tbody > tr.heading > * {

 background-color:#96C !important;
 border-color:#7A52A3 !important;

} .table.items > tbody > tr > th, .table.items > tfoot > tr > th, .table.items > thead > tr > th, table.table > tbody > tr.items > th {

 background-color:#CCB3E6;
 border-color:#A38FB8;

} .table.items > tbody > tr:nth-child(odd), .table > tbody > tr.items:nth-child(odd) {

 background-color:#F0E8F8;

} }}