Template:Overlay nav: Difference between revisions

From Tygron Support wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
{{#css:
<hr style="margin: 1em 0em; clear: both;" />
/** NAV BARS **/
<div class="nav items wide">
div.nav {
<div class="box" style="border:1px solid #AAA;
  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;
   border-spacing:0;
   font-size:.9230769231em;
   font-size:.9230769231em;
   min-height:60px;
   min-height:60px;
   position:relative;
   position:relative;
   margin:auto;
   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;
}
}}
 
 
 
<hr style="margin: 1em 0em; clear: both;" />
<div class="nav items wide">
<div class="box">
<div class="heading">[[Overlay]]s</div>
<div class="heading">[[Overlay]]s</div>
<div class="wrapper">
<div class="wrapper">

Revision as of 09:14, 1 April 2019