Welcome to IOPWiki, Commander.
We are searching for new editors to keep track of Girls' Frontline 2 content, as well as veteran players to complete existing Girls' Frontline and Project Neural Cloud articles.
You can contribute without an account. Learn how to contribute and join our Discord server.

MediaWiki:Gadget-SkillForm.css: Difference between revisions

Welcome to IOP Wiki. This website is maintained by the Girls' Frontline community and is free to edit by anyone.
Jump to navigation Jump to search
Loading icon for skillcontainer, not skilltabarea
Pianoforte (talk | contribs)
No edit summary
Line 40: Line 40:
   width: 52px;
   width: 52px;
   height: 52px;
   height: 52px;
}
.skilllevel{
width: 0;
}
}


Line 60: Line 64:
background-color:rgba(255, 255, 255, 0.25);
background-color:rgba(255, 255, 255, 0.25);
padding-left: 5px;
padding-left: 5px;
min-width:300px;
}
}



Revision as of 04:58, 5 February 2018

/* For skills on T-Doll pages */
.skillform {
  display:flex;
  background-color: rgba(0,0,0,0.5);
  margin: 2px;
  flex-grow: 1;
  flex-direction: column;
  min-height: 225px;
}

.skilltabarea {
  display: flex;
  background-color: rgba(100,100,100,0.7);
  margin: 5px;
  flex-basis: 100%;
  flex-grow: 1;
  margin: 0;
  padding: 5px;
}

.skillcontainer {
  background: rgba(0, 0, 0, 0.5);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 10px;
  position: relative;
}

.skillcontent {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 10px;
  bottom: 0px;
}

.skillicon {
  background: rgba(128, 128, 128, 0);
  width: 52px;
  height: 52px;
}

.skilllevel{
	width: 0;
}

.skilllevel select {
	background-color: #f0b000;
	width:60px;
	height:21px;
	text-align:center;
	border:none;
	color:#3f3f3f;
}
.strategy-fairy select {
	background-color:#739ee7;
}
.battle-fairy select {
	background-color:#f76529;
}

.skillname {
	background-color:rgba(255, 255, 255, 0.25);
	padding-left: 5px;
	min-width:300px;
}

.skillconditions {
	color: #f0b000;
}

.skillform p.skilldesc {
	overflow-y:auto;
	margin:0;
}


.skillform.loading .skillcontainer{
  background-image: url('/images/8/88/gfloading.gif');
  background-repeat: no-repeat;
  background-attachment: local;
  background-position: bottom right;
  background-size: 30px;
}

@-moz-document url-prefix() {
	.skill{
		-moz-appearance: none;
		text-indent: -5px;	
		text-overflow: "";
		background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);	
		background-position: calc(100% - 10px) calc(0.5em + 2px), calc(100% - 5px) calc(0.5em + 2px), calc(100% - 2.5em) 0.5em;
		background-size: 5px 5px, 5px 5px, 1px 1.5em;
		background-repeat: no-repeat;
	}
}