MediaWiki:Common.css/Infobox.css

/* CSS placed here will be applied to all skins */ /*Custom themes for portable infoboxes*/ .portable-infobox { background-color: transparent; } .pi-border-color { border-color: #000; } .pi-image { text-align: center; }

.pi-image-thumbnail { max-width: 250px; max-height: 250px; width: auto; height: auto; }

.pi-secondary-background { background-color: transparent; }

/*Theme "infobox"*/ /* general border, color, font, etc*/ .pi-theme-infobox { float: right; border-collapse: separate; border-style: solid; border-width: 2px; border-radius: 0.6em; border-color: black; background: #b5d8e9; background-clip: border-box; color: black; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; } /* title spacing, margin, font... */ .pi-theme-infobox .pi-title { font-family: EborgITCStd; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); font-size: 130%; color: #ffffff!important; text-align: center; padding: 8px; background-color: #22a7f7; border-radius: 0.4em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /* font caption, color, etc */ .pi-theme-infobox .pi-caption { text-align: center; } /* alignment of the header, borders, etc. */ .pi-theme-infobox .pi-header { background-color: #22A7F7; color: #23233D; font-size: 17px; font-family: EborgITCStd; text-align: center; } /* division around labels and value*/ .pi-theme-infobox .pi-data-value { font-size: 12px; text-align: left; -webkit-hyphens: auto; hyphens: auto; line-height: 18px; padding-left: 10px; word-break: break-word; }

.pi-theme-infobox .pi-data { box-sizing: border-box; text-align: center; flex-direction: row; overflow: hidden; width: 100%; }

.pi-theme-infobox .pi-image { text-align: center; }

.pi-theme-infobox .pi-data-label { background-color: #22a7f7!important; }

.portable-infobox .pi-item-spacing { padding: 2px 5px; text-align: center; }

.pi-theme-infobox .pi-image-thumbnail { max-width: 250px; max-height: 250px; width: auto; height: auto; }

/*Theme "quest"*/ /* general border, color, font, etc*/ .pi-theme-quest { float: right; border-collapse: separate; border-style: solid; border-width: 2px; border-radius: 0.6em; border-color: black; background: #b5d8e9; background-clip: border-box; color: black; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; } /* title spacing, margin, font... */ .pi-theme-quest .pi-title { font-family: EborgITCStd; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); font-size: 130%; color:yellow!important; text-align: center; padding: 8px; background-color: #22a7f7; border-radius: 0.4em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /* font caption, color, etc */ .pi-theme-quest .pi-caption { text-align: center; } /* alignment of the header, borders, etc. */ .pi-theme-quest .pi-header { background-color: #22A7F7; color: #23233D; font-size: 17px; font-family: EborgITCStd; text-align: center; } /* division around labels and value*/ .pi-theme-quest .pi-data-value { font-size: 12px; -webkit-hyphens: auto; hyphens: auto; line-height: 18px; padding-left: 0; word-break: break-word; }

/*Theme "converter"*/ /* general border, color, font, etc*/ .pi-theme-converter { float: right; border-collapse: separate; border-style: solid; border-width: 2px; border-radius: 0.6em; border-color: black; background: #b5d8e9; background-clip: border-box; color: black; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; } /* title spacing, margin, font... */ .pi-theme-converter .pi-title { color: white!important; font-family:EborgITCStd; font-style:normal; font-size:130%; background-color: #9a99ff; text-align:center; padding:0.2em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /* font caption, color, etc */ .pi-theme-converter .pi-caption { text-align: center; } /* alignment of the header, borders, etc. */ .pi-theme-converter .pi-header { background-color: #9a99ff; text-align: center; color: white!important; font-family:EborgITCStd; font-style:normal; font-size:120%; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; padding:0.3em; } /* division around labels and value*/ .pi-theme-converter .pi-data-value { font-size: 12px; text-align: center; -webkit-hyphens: auto; hyphens: auto; line-height: 18px; padding-left: 10px; word-break: break-word; }

.pi-theme-converter .pi-data { box-sizing: border-box; text-align: center; flex-direction: row; overflow: hidden; width: 100%; }

.pi-theme-converter .pi-data-label { background-color: #9a99ff!important; }

.pi-theme-converter .pi-item-spacing { padding: 2px 5px; text-align: center!important; }

/*Theme "creature"*/ /* general border, color, font, etc*/ .pi-theme-creature { float: right; border-collapse: separate; border-style: solid; border-width: 2px; border-radius: 0.6em; border-color: black; background: #b5d8e9; background-clip: border-box; color: black; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; } /* title spacing, margin, font... */ .pi-theme-creature .pi-title { font-family: EborgITCStd; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); font-size: 130%; color: #ffffff!important; text-align: center; padding: 8px; background-color: #22a7f7; border-radius: 0.4em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /* font caption, color, etc */ .pi-theme-creature .pi-caption { text-align: center; } /* alignment of the header, borders, etc. */ .pi-theme-creature .pi-header { background-color: #22A7F7; color: #23233D; font-size: 17px; font-family: EborgITCStd; text-align: center; } /* division around labels and value*/ .pi-theme-creature .pi-data-value { font-family: EborgITCStd; font-size: 12px; text-align: center; -webkit-hyphens: auto; hyphens: auto; line-height: 18px; padding-left: 10px; word-break: break-word; }

.pi-theme-creature .pi-data { box-sizing: border-box; text-align: center; flex-direction: row; overflow: hidden; width: 100%; }

.pi-theme-creature .pi-image { text-align: center; }

.pi-theme-creature .pi-data-label { background-color: #22a7f7!important; }

.portable-infobox .pi-item-spacing { padding: 2px 5px; text-align: center; }

.pi-theme-creature .pi-image-thumbnail { max-width: 250px; max-height: 250px; width: auto; height: auto; }

.pi-theme-creature .pi-horizontal-group .pi-horizontal-group-item { vertical-align: middle; }

/* Infobox styling */ .portable-infobox { background: transparent; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: 300px; }

.portable-infobox .pi-title, .portable-infobox .pi-header { padding: 5px !important; text-align: center; }

.portable-infobox .pi-border-color { border-color: transparent; }

.portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { font-size: 14px; margin: 0px 0 0px 0!important; }

.portable-infobox .pi-secondary-font { font-family: EborgITCStd; font-weight: bold; padding-top: 0; margin: 2px 0 2px 0!important; }

.portable-infobox .pi-data-label { flex-basis: 120px; }

.portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; }

.portable-infobox .pi-section-label { color: #F1DAB4; }

.pi-section-navigation .pi-section-tab:hover .pi-section-label { color: #FFF; }

.pi-section-tab { cursor: pointer; }

.pi-section-tab.pi-section-active { box-shadow: inset 0 -2px 0 0 #F1DAB4; }

.pi-section-tab:hover.pi-section-active { box-shadow: inset 0 -2px 0 0 #FFF; }

.pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; }

.portable-infobox .pi-section-navigation { flex-wrap:wrap; justify-content:center; }

.pi-section-label { margin: 0 4px; font-size: 11px; }

.pi-section-content.pi-section-active { border-color: #22A7F7; border-width: 1px 0; border-style: solid; }

.pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; }

/*CSS for Infoboxes*/

/* INFOBOXES */ .infoboxtable { float: right; border-collapse: separate; border-style: solid; border-width: 2px; border-radius: 0.6em; border-color: black; background: #b5d8e9; background-clip: border-box; color: black; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: #22A7F7; border: 2px solid inherit; color: #23233D; font-weight: bold; padding: 0.5px 7px; text-align: center; }

.infoboxname { font-family: EborgITCStd; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); font-size: 130%; color: #ffffff; text-align: center; padding: 8px; background-color: #22a7f7; border-radius: 0.4em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }

.infoboxdetails { background-color: #22A7F7; color: #23233D; font-size: small; font-family: EborgITCStd; }

.infoboxdetailsdata { font-family: EborgITCStd; text-align:center; }

.infoboxtable2 { float: right; border-collapse: separate; border-style: solid; border-width: 2px; border-radius: 0.6em; border-color: black; background: #b5d8e9; background-clip: border-box; color: black; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; }

.infoboxtable2 td { vertical-align: top; }

.infoboxtable2 td > div { background-color: #7F7EE4; border: 2px solid inherit; color: #23233D; font-weight: bold; padding: 0.5px 7px; text-align: center; }

.infoboxname2 { font-family: EborgITCStd; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); font-size: 130%; color: #ffffff; text-align: center; padding: 8px; background-color: #7F7EE4; border-radius: 0.4em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }

.infoboxdetails2 { background-color: #7F7EE4; color: #23233D; font-size: small; font-family: EborgITCStd; }

.questinfoboxheader { background-color: #22A7F7; color: #23233D; font-size: 17px; font-family: EborgITCStd; text-align: center; }

.questinfoboxdetails { background-color: #22A7F7; color: #23233D; font-size: 15px; font-family: EborgITCStd; text-align: left; }

.questinfoboxdetailsdata { font-family: EborgITCStd; }

/*Theme "infobox"*/ /*general border, color, font, etc.*/ .infobox { float: right; width: 300px; color: black; border-style: solid; border-width: 3px; border-color: black } /*title spacing, margin, font ...*/ .infoboxtitle { background-color: #22a7f7; text-align: center; padding:1em; } /*caption font, color, etc.*/ .infoboxcaption { text-align: center; } /*header align, borders, etc.*/ .infoboxheader { background-color: #22a7f7; text-align: center; color: white; } /*navigation label*/ .infoboxnavigation { background-color: #22a7f7; } /*division around labels and value*/ .infoboxdata { background: white; } /*border color of groups and information*/ .infoboxborder-color { border-bottom: #CCCCCC; }

/*Theme "item"*/ /*general border, color, font, etc.*/ .item { float: right; width: 300px; color: white; border: 2px solid #000; border-radius: .8em; padding: 0.3em; margin-bottom: 6px; } /*title spacing, margin, font ...*/ .itemtitle { font-family: EborgITCStd; font-style:normal; font-size:120%; background-color: #7F7EE4; text-align: center; padding:0.2em; } /*caption font, color, etc.*/ .itemcaption { text-align: center; color: black; } /*header align, borders, etc.*/ .itemheader { font-family: EborgITCStd; font-style: normal; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); text-align: center; color: #181c1e; text-transform: uppercase; border: 1px solid transparent; padding: 5px; background-color: #7F7EE4; } /*division around labels and value*/ .itemdata { background-color: #7F7EE4; font-weight: bold; } .itemsubdata { background-color: #7F7EE4; } .itemdata2 { background-color: #7F7EE4; text-align:center; width:33%; font-weight: bold; } .itembackground { background-image: url("media/6/60/BagBack.png"); background-color: #7F7EE4; background-repeat: repeat; } .itemdescription { background-color: #7F7EE4; font-size:12px; color:rgb(0,0,0); line-height:1.2; text-align:left; } /*Theme "converter"*/ /*general border, color, font, etc.*/ .converter { float: right; width: 350px; background: #9A99FF; color: white; border: 2px solid #000; border-radius: .8em; padding: 0.3em; margin-bottom: 6px; } /*title spacing, margin, font ...*/ .convertertitle { color: white; font-family:EborgITCStd; font-style:normal; font-size:130%; background-color: #6b6acc; text-align:center; padding:0.2em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .convertercaption { text-align: center; color: black; } /*header align, borders, etc.*/ .converterheader { background-color: #6b6acc; text-align: center; color: white; font-family:EborgITCStd; font-style:normal; font-size:120%; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; padding:0.3em; } /*division around labels and value*/ .converterdata { background-color: #6b6acc; text-align: left; font-weight: bold; } /*division around labels and value*/ .convertersubdata { background-color: #6b6acc; text-align: center; font-weight: bold; } .converterbackground { background-color: #9A99FF; text-align: center; background-image: url("media/6/60/BagBack.png"); background-repeat: repeat; } /*Theme "monster"*/ /*general border, color, font, etc.*/ .monster { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitle { background-color: #22a7f7; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaption { text-align: center; } /*header align, borders, etc.*/ .monsterheader { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #22a7f7; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheader { font-family: EborgITCStd; text-align: center; background-color: #22a7f7; color: #fff; }

/*division around labels and value*/ .monsterdata { text-align: center; background-color: #22a7f7; }

/*Theme "npc"*/ /*general border, color, font, etc.*/ .npc { float: right; width:300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .npctitle { background-color: #22a7f7; text-align:center; padding:0.5em; font-family:EborgITCStd; font-style:normal; font-size:150%; color: #fff; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .npccaption { text-align: center; } /*header align, borders, etc.*/ .npcheader { font-family:EborgITCStd; font-style:normal; font-size:120%; text-align:center; background-color: #22a7f7; color: #063B5E; padding:0.3em; } /*division around labels and value*/ .npcdata { font-family:EborgITCStd; text-align:left; background-color: #22A7F7; width:40%; font-weight: bold; }

/*Theme "creature"*/ /*general border, color, font, etc.*/ .creature { float: right; width:300px; color: black; border: 1px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .creaturetitle { background-color: #22a7f7; text-align:center; padding:0.5em; font-family:EborgITCStd; font-style:normal; font-size:150%; color: #fff; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .creaturecaption { text-align: center; } /*header align, borders, etc.*/ .creatureheader { font-family:EborgITCStd; font-style:normal; font-size:120%; text-align:center; background-color: #22a7f7; color: #063B5E; padding:0.3em; } /*division around labels and value*/ .creaturedata { font-family:EborgITCStd; text-align: left; background-color: #22A7F7; font-weight: bold; width:100px; } /*division around labels and value*/ .creaturedata2 { text-align: left; width:200px; }

/*Theme "quest"*/ /*general border, color, font, etc.*/ .quest { float: right; width:300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .questtitle { background-color: #22a7f7; text-align:center; padding:0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color:yellow; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .questcaption { text-align: center; } /*header align, borders, etc.*/ .questheader { font-family:EborgITCStd; font-style:normal; font-size:120%; text-align:center; background-color: #22a7f7; } /*division around labels and value*/ .questdata { font-weight: bold; text-align:left; background-color:#22A7F7; } .questdata2 { font-weight: bold; text-align:center; background-color:#22A7F7; } /*Theme "weapon"*/ /*general border, color, font, etc.*/ .weapon { float: right; border-collapse: separate; border-style: solid; border-width: 2px; border-radius: 0.6em; border-color: black; background: #b5d8e9; background-clip: border-box; color: black; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; } /*title spacing, margin, font ...*/ .weapontitle { font-family: EborgITCStd; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); /* box-shadow: inset -5px 20px 32px rgba(0,0,0,0.5); */ font-size: 140%; color: #ffffff; text-align: center; padding: 8px; /* box-shadow: inset 0px -7px 32px rgba(0,0,0,0.5); */ background-color: #22a7f7; border-radius: 0.4em; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .weaponcaption { text-align: center; } /*header align, borders, etc.*/ .weaponheader { font-family: EborgITCStd; font-style: normal; background: linear-gradient(30deg,rgba(110,110,110,0) 0,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110,110,110,0)); text-align: center; color: #181c1e; text-transform: uppercase; border: 1px solid transparent; padding: 5px; background-color: #23a7f7; } /*division around labels and value*/ .weapondata { border-right: 1px solid #1c1f20; border: 0px; background-image: linear-gradient(to left,rgb(35 167 247),#23a7f7,#ffff0000); color: #000000; font-family: EborgITCStd; font-weight: normal; text-align: left; vertical-align: middle; padding: 0.5px 7px; padding-left: 1em; font-size: 90%; }

/*Theme "medal"*/ /*general border, color, font, etc.*/ .medal { float: right; width:300px; background: #DCE3E8; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .medaltitle { background-color: #22a7f7; text-align:center; padding:0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #89E092; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .medalcaption { text-align: center; } /*header align, borders, etc.*/ .medalheader { text-align:center; background-color: #22A7F7; font-size:120%; font-weight: bold; padding:0.2em; } /*division around labels and value*/ .medaldata { text-align:left; background-color: #22A7F7; font-weight: bold; }

/*Theme "furniture"*/ /*general border, color, font, etc.*/ .furniture { float: right; width: 300px; color: white; border: 2px solid #000; border-radius: .8em; padding: 0.3em; margin-bottom: 6px; } /*title spacing, margin, font ...*/ .furnituretitle { font-family: EborgITCStd; font-style: bold; color: black; background-color: #7F7EE4; font-size: 20px; text-align: center; padding:0.2em; } /*caption font, color, etc.*/ .furniturecaption { text-align: center; color: white; } /*header align, borders, etc.*/ .furnitureheader { background-color: #7F7EE4; font-size: 18px; text-align: center; color: white; } /*division around labels and value*/ .furnituredata { text-align:left; background-color: #7F7EE4; font-weight: bold; } /*division around labels and value*/ .furnituredata2 { text-align:center; background-color: #7F7EE4; font-weight: bold; } .furnituresubdata { text-align:left; color: black; } .furniturebackground { text-align: center; background-image: url("media/4/44/StorageBack.png"); background-repeat: repeat; } /*Theme "shop"*/ /*general border, color, font, etc.*/ .shop { float: right; width: 300px; color: black; border: 2px solid #aaaaaa; border-radius: .8em; padding: 0.3em; margin-bottom: 6px; } /*title spacing, margin, font ...*/ .shoptitle { font-family: EborgITCStd; background-color: #7F7EE4; font-size: 20px; text-align: center; padding:0.2em; } /*caption font, color, etc.*/ .shopcaption { text-align: center; } /*header align, borders, etc.*/ .shopheader { background-color: #7F7EE4; font-size: 18px; text-align: center; color: white; } /*division around labels and value*/ .shopdata { background-color: #7F7EE4; font-weight: bold; }

/*Theme "box"*/ /*general border, color, font, etc.*/ .box { float: right; width: 300px; background-color: #EBEBEB; background-image: url("media/6/60/BagBack.png"); color: black; border: 1px solid #aaaaaa; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .boxtitle { background-color: #22a7f7; text-align:center; padding:0.3em; } /*caption font, color, etc.*/ .boxcaption { text-align: center; } /*header align, borders, etc.*/ .boxheader { background-color: #22a7f7; text-align: center; color: black; } /*division around labels and value*/ .boxdata { }

/*Theme "clothe"*/ /*general border, color, font, etc.*/ .clothe { float: right; width:300px; color: #063B5E; border: 1px solid #aaaaaa; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .clothetitle { background-color: #22a7f7; text-align:center; padding:0.5em; font-family:EborgITCStd; font-style:normal; font-size:130%; color: #5fcc16; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .clothecaption { text-align: left; } /*header align, borders, etc.*/ .clotheheader { font-family:EborgITCStd; background-color: #22a7f7; text-align: center; color: black; font-weight: bold; } /*division around labels and value*/ .clothedata { font-family:EborgITCStd; font-weight: bold; background-color: #22a7f7; text-align:left; }

.clothebackground { text-align: center; background-image: url("media/6/60/BagBack.png"); background-repeat: repeat; } /*Theme "object"*/ /*general border, color, font, etc.*/ .object { float: right; width:300px; color: black; border: 2px solid #000; border-radius: .8em; padding: 0.3em; margin-bottom: 6px; } /*title spacing, margin, font ...*/ .objecttitle { background-color: #22A7F7; text-align:center; color: #063B5E; padding:0.3em; font-family: EborgITCStd; font-size:130%; } /*caption font, color, etc.*/ .objectcaption { text-align: center; } /*header align, borders, etc.*/ .objectheader { background-color: #22A7F7; color: #23233D; font-family: EborgITCStd; font-size:120%; padding:0.2em; text-align: center; } .objectsubheader { font-family: EborgITCStd; text-align: center; background-color: #22A7F7; color: #063B5E; } /*division around labels and value*/ .objectdata { font-family: EborgITCStd; background-color: #22A7F7; font-weight: bold; text-align: left; } .objectsubdata { vertical-align:middle; padding-top:5px; }

/*Halloween Themes*/

/*Theme "questhw"*/ /*general border, color, font, etc.*/ .questhw { float: right; width: 300px; background: #1e1d1d; color: white; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .questhwtitle { background-color: #ffc60c; text-align:center; padding:0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: yellow; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .questhwcaption { text-align: center; } /*header align, borders, etc.*/ .questhwheader { background-color: #ffc60c; text-align: center; color: black; } /*division around labels and value*/ .questhwdata { background: #1e1d1d; }

/*Theme "boxhw"*/ /*general border, color, font, etc.*/ .boxhw { float: right; width: 300px; background-color: #1e1d1d; background-image: url("media/6/60/BagBack.png"); color: white; border: 1px solid #aaaaaa; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .boxhwtitle { background-color: #22a7f7; text-align:center; padding:0.3em; } /*caption font, color, etc.*/ .boxhwcaption { text-align: center; } /*header align, borders, etc.*/ .boxhwheader { background-color: #22a7f7; text-align: center; color: black; } /*division around labels and value*/ .boxhwdata { background: #1e1d1d; }

/*Theme "monsterhw"*/ /*general border, color, font, etc.*/ .monsterhw { float: right; width: 300px; background: #1e1d1d; color: white; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monsterhwtitle { background-color: #22a7f7; text-align:center; padding:0.3em; } /*caption font, color, etc.*/ .monsterhwcaption { text-align: center; } /*header align, borders, etc.*/ .monsterhwheader { background-color: #22a7f7; text-align: center; color: black; } /*division around labels and value*/ .monsterhw data { background: #1e1d1d;; }

/*Theme "medalhw"*/ /*general border, color, font, etc.*/ .medalhw { float: right; width: 300px; background: #1e1d1d; color: white; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .medalhwtitle { background-color: #22a7f7; text-align:center; padding:0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #89E092; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } /*caption font, color, etc.*/ .medalhwcaption { text-align: center; } /*header align, borders, etc.*/ .medalhwheader { background-color: #22a7f7; text-align: center; color: black; } /*division around labels and value*/ .medalhwdata { background: #1e1d1d; }

/*Theme "objecthw"*/ /*general border, color, font, etc.*/ .objecthw { float: right; width: 300px; background: #1e1d1d; color: white; border: 1px solid #aaaaaa; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .objecthwtitle { background-color: #22a7f7; text-align:center; padding:0.3em; } /*caption font, color, etc.*/ .objecthwcaption { text-align: center; } /*header align, borders, etc.*/ .objecthwheader { background-color: #22a7f7; text-align: center; color: black; } /*division around labels and value*/ .objecthwdata { background:#1e1d1d; }

/*Theme "monsterdark"*/ /*general border, color, font, etc.*/ .monsterdark { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitledark { background-color: #0a091a; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptiondark { text-align: center; } /*header align, borders, etc.*/ .monsterheaderdark { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #0a091a; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheaderdark { font-family: EborgITCStd; text-align: center; background-color: #0a091a; color: #fff; }

/*division around labels and value*/ .monsterdatadark { text-align: center; background-color: #0a091a; }

/*Theme "monsterplant"*/ /*general border, color, font, etc.*/ .monsterplant { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitleplant { background-color: #00c124; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptionplant { text-align: center; } /*header align, borders, etc.*/ .monsterheaderplant { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #00c124; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheaderplant { font-family: EborgITCStd; text-align: center; background-color: #00c124; color: #fff; }

/*division around labels and value*/ .monsterdataplant { text-align: center; background-color: #00c124; }

/*Theme "monsternature"*/ /*general border, color, font, etc.*/ .monsternature { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitlenature { background-color: #abc337; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptionnature { text-align: center; } /*header align, borders, etc.*/ .monsterheadernature { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #abc337; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheadernature { font-family: EborgITCStd; text-align: center; background-color: #abc337; color: #fff; }

/*division around labels and value*/ .monsterdatanature { text-align: center; background-color: #abc337; }

/*Theme "monstermetallic"*/ /*general border, color, font, etc.*/ .monstermetallic { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitlemetallic { background-color: #94a1c0; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptionmetallic { text-align: center; } /*header align, borders, etc.*/ .monsterheadermetallic { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #94a1c0; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheadermetallic { font-family: EborgITCStd; text-align: center; background-color: #94a1c0; color: #fff; }

/*division around labels and value*/ .monsterdatametallic { text-align: center; background-color: #94a1c0; }

/*Theme "monsterstone"*/ /*general border, color, font, etc.*/ .monsterstone { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitlestone { background-color: #baae94; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptionstone { text-align: center; } /*header align, borders, etc.*/ .monsterheaderstone { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #baae94; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheaderstone { font-family: EborgITCStd; text-align: center; background-color: #baae94; color: #fff; }

/*division around labels and value*/ .monsterdatastone { text-align: center; background-color: #baae94; }

/*Theme "monsterice"*/ /*general border, color, font, etc.*/ .monsterice { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitleice { background-color: #59e2ff; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptionice { text-align: center; } /*header align, borders, etc.*/ .monsterheaderice { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #59e2ff; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheaderice { font-family: EborgITCStd; text-align: center; background-color: #59e2ff; color: #fff; }

/*division around labels and value*/ .monsterdataice { text-align: center; background-color: #59e2ff; }

/*Theme "monstermagic"*/ /*general border, color, font, etc.*/ .monstermagic { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitlemagic { background-color: #c535d4; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptionmagic { text-align: center; } /*header align, borders, etc.*/ .monsterheadermagic { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #c535d4; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheadermagic { font-family: EborgITCStd; text-align: center; background-color: #c535d4; color: #fff; }

/*division around labels and value*/ .monsterdatamagic { text-align: center; background-color: #c535d4; }

/*Theme "monsterdemon"*/ /*general border, color, font, etc.*/ .monsterdemon { float: right; width: 300px; color: black; border: 2px solid #000; border-radius: .7em; padding: 0.2em; margin-bottom: 5px; } /*title spacing, margin, font ...*/ .monstertitledemon { background-color: #de1e2d; text-align: center; padding: 0.5em; font-family: EborgITCStd; font-style: normal; font-size: 150%; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } /*caption font, color, etc.*/ .monstercaptiondemon { text-align: center; } /*header align, borders, etc.*/ .monsterheaderdemon { font-family: EborgITCStd; font-style: normal; font-size: 120%; text-align: center; background-color: #de1e2d; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; padding: 0.3em; }

/*header align, borders, etc.*/ .monstersubheaderdemon { font-family: EborgITCStd; text-align: center; background-color: #de1e2d; color: #fff; }

/*division around labels and value*/ .monsterdatademon { text-align: center; background-color: #de1e2d; }