Template:Infobox/styles.css

From FHX Wiki
Revision as of 15:34, 27 June 2024 by Ryzuhr (talk | contribs) (Undo revision 1480 by Ryzuhr (talk))
div.infobox {
  float: right;
  position: relative;
  width:250px;
  background:#FFF;
  font-size:0.923em;
  border:1px solid #AAA;
  margin:0 0 1em 1em;
  padding:0;
  background-image:linear-gradient(135deg,#fff 0%,#eee 100%)
}

div.infobox .heading {
  font-weight:700;
  background-image:linear-gradient(#094 0%,#050 100%);
  text-align:center;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0;
  position:relative;
  z-index:1;
  margin:-1px -1px 5px  !important;
  font-family:EasonPro,"Times New Roman",serif !important;
  font-size:1.417em !important;
  color:#FFF !important;
  background-color:#444 !important;
  text-shadow:rgba(0,0,0,0.75) 0 0 0.25em;
  line-height:1.176em;
  font-size-adjust:0.43;
  padding:0.5em !important
}

div.infobox .image_wrapper {
  text-align:center;
  padding:0;
  margin:10px 0
}

div.infobox .wrapper{
  clear:both;
  padding:0
}

div.infobox dt{
  float:left;
  text-align:right;
  width:78px;
  line-height:1em;
  font-weight:700;
  clear:left;
  border-right:2px solid #050;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 3px
}

div.infobox dd{
  float:left;
  width:140px;
  font-weight:400;
  border-left:2px solid #050;
  margin:0;
  padding:2px 7px
}

div.infobox::after,div.infobox .heading::after{
  content:"";position:absolute;
  width:100%;
  left:0;
  height:3px;

  background-size:100% 3px
}

div.infobox::after,div.infobox .heading::after{
  bottom:-3px
}

div.infobox table{
  background-color:transparent
}

div.infobox dt,div.infobox dd{
  line-height:1.667em
}

div.infobox.npc .heading{
  background-color:#390
}

div.infobox.npc dd,div.infobox.npc dt{
  border-color:#390
}

div.infobox .infobox-icon{
  float:right;
  position:relative;
  z-index:2;
  width:auto;
  margin:5px
}

.infobox-icon a.new{
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;

  height:40px;
  width:40px
}

.infobox-icon a.new{

  height:48px;
  width:48px
}

.infobox-icon p{
  text-align:center;
  color:#444;
  font-size:9px !important;
  background-color:rgba(255,255,255,0.5);
  border-radius:0.75em;
  line-height:1em;
  margin:0.25em -0.5em;
  padding:2px
}