MediaWiki:Common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Discussions.css&only=styles"; /* CSS placed here will be applied to all skins */ /* .portable-infobox.pi-theme-object { border-color: indigo;					 border color } .portable-infobox.pi-theme-character{ /**main properties for infobox**/ border-style: solid; border-radius: 0; border-width: 4px; background-color:#ffffff; color:#000000; }

.portable-infobox.pi-theme-character .pi-border-color{/*border between data*/ border-color:#999; }

/*chapter infobox*/ /* .portable-infobox.pi-theme-chapter { border-color: teal;					 border color }

.portable-infobox.pi-theme-chapter .pi-title{main title background-color: teal; color:#ffffff; text-align: center; }

.portable-infobox.pi-theme-chapter .pi-header{small title background-color: #5ca6a1; color:#ffffff; text-align: center; } /*Character Infobox*/

.portable-infobox.pi-theme-character{ border-color: #cc0000;				/*border color*/ }

.portable-infobox.pi-theme-character .pi-title{/*main title*/ background-color: #cc0000; color:#ffffff; text-align: center; }

.portable-infobox.pi-theme-character .pi-group{ /*to make body of infobox gray*/ background-color:#f0f0f0; }

/**/

padding: 10px; position:relative; width: 100%; height: 600px; background-color: grey; border: 5px solid lightgrey; border-radius:5px; margin: 0 auto; }
 * 1) character-container {

width: 200px; height: 200px; float: left; clear:left; border-radius: 5px; border: 1px solid black; background-color: green; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 20px; }
 * 1) character-box {

text-align:center; width:200px; content: "abcd"; color:white; }
 * 1) character-title {

border: 5px solid white; position:absolute; left:30%; right:15px; margin-top:10px; padding: 5px; border-radius: 5px; background-color:lightgrey; }
 * 1) character-select {

float:left; clear:right; margin:10px; width:200px; height:470px; border: 5px solid white; padding: 10px; border-radius: 5px; background-color:orange; }
 * 1) character-sheet {

.icon{ float:left; border-radius: 5px; padding: 0px; width: 75px; height:auto; border: 5px solid white; margin: 2.5px; }

.icon:hover{ border-color: orange; box-shadow: 0 0 5px orange; }

.tooltip{ position: absolute; left:-250px; top:0px; display: none; }

.icon:hover .tooltip{ display: block; }

.icon img{ width: 100%; height:auto; display: block; /* remove extra space below image */ }

.portable-infobox.type-view { width: 200px; }

.portable-infobox.type-view .pi-image img { max-height: 200px; max-width: 200px; height:200px; width:auto; margin-left: auto; margin-right: auto; }

/** child of light **/

.tooltip2 {       margin-top: 30px; margin-left: 190px; position: relative; /*display: none;*/ opacity: 0; visibility: hidden; transition: opacity 300ms, visibility 300ms; }   .icon2 {       position:absolute; width: 10px; height: 10px; border: 1px solid blue; }   .icon2:hover .tooltip2 {       display: block; }   .wrapper{ position:relative; background-image:url('https://static.wikia.nocookie.net/yayasandbox/images/8/80/AuroraSkills.png/revision/latest/scale-to-width-down/717?cb=20220205194820'); width:700px; height:auto; }   .portable-infobox.type-skill { width: 150px;/* border-style: solid; border-radius: 5px; border-width: 5px; border-color:#fafcfe;*/ background-color:transparent;/*rgb(224,232,233,0.9);*/ background-image:url('https://static.wikia.nocookie.net/yayasandbox/images/3/3a/Bg.png/revision/latest/scale-to-width-down/621?cb=20220207224438'); background-size: 100% 103%; padding:0px; border:none; }

.portable-infobox.type-skill .pi-secondary-background { background-color: transparent;/*#fafcfe;*/ } .portable-infobox.type-skill .pi-title { font-size: 15px; text-align:left; color:#516f7e; padding:12px 9px 0px 9px; /*border: 5px solid #516f7e;*/ }	.portable-infobox.type-skill .pi-font{ font-size: 10px; color:#516f7e; }	.portable-infobox.type-skill .pi-secondary-font{ font-size: 10px; color:#516f7e; }	.portable-infobox.type-skill .pi-border-color { border-color: #516f7e; } .portable-infobox.type-skill .pi-item-spacing { /*padding-bottom:20px;*/ } .portable-infobox .pi-data-label { flex-basis: 165px; } .responsive-imagemap img { width: 100%; height: auto; }

.wikia-gallery-border-small .thumb .gallery-image-wrapper{ border:none; } .wrapperr{ background-image:url('https://static.wikia.nocookie.net/yayasandbox/images/8/80/AuroraSkills.png'); width:700px; height:auto; position: absolute; } .container{ display:flex; width:590px; height:525px; background-size:cover; flex-wrap:wrap; justify-content:space-evenly; margin:35px 67px; border:1px solid black; }

.box{ width:40px; height:40px; background-color:rgba(255, 0, 0, 0.4);; border:1px solid black; margin:9px; }   .box:hover .tooltip2 {       /*display: block;*/ visibility: visible; opacity: 1; }