Template:MoveData/styles.css: Difference between revisions

Template page
(Created page with ".movedata-box { display: flex; flex-wrap: wrap; overflow-x:auto; background-color: #353535; } @media (max-width:861px) { .movedata-iconscol { flex-direction: row; f...")
 
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 2: Line 2:
display: flex;  
display: flex;  
flex-wrap: wrap;  
flex-wrap: wrap;  
overflow-x:auto;  
overflow-x: auto;
background-color: #353535;
background-color: #121212;
}
border: 1px solid #2C2C2C
 
@media (max-width:861px) {
.movedata-iconscol {
  flex-direction: row;
  flex-flow: row wrap;
}
}
@media (min-width:861px) {
.movedata-iconscol {
  flex-direction: column;
  flex-flow: column nowrap;
}
}
}


Line 28: Line 16:
align-items: center;  
align-items: center;  
flex-direction: column;
flex-direction: column;
border: 1px solid #2c2c2c;
}
}
.movedata-iconsbox {
.movedata-iconsbox {
Line 41: Line 30:


.movedata-datatable {
.movedata-datatable {
display: table;
text-align: center;  
text-align: center;  
border-collapse: collapse;  
border-collapse: collapse;  
Line 47: Line 37:
width: 100%;  
width: 100%;  
overflow-x: auto;
overflow-x: auto;
}
.movehitbox, .hitboxCaption {
display: none;
}
}

Latest revision as of 13:57, 27 May 2023

.movedata-box {
display: flex; 
flex-wrap: wrap; 
overflow-x: auto;
background-color: #121212;
border: 1px solid #2C2C2C
}

.movedata-iconscol {
display: flex; 
flex:2; 
flex-grow: 1; 
text-align: center;
padding: 10px; 
justify-content: flex-start; 
align-items: center; 
flex-direction: column;
border: 1px solid #2c2c2c;
}
.movedata-iconsbox {
display:flex; 
flex-wrap:wrap; 
justify-content: center;
}
.movedata-datacol {
flex:8; 
flex-grow: 9; 
min-width: 320px;
}

.movedata-datatable {
display: table;
text-align: center; 
border-collapse: collapse; 
border-style: hidden; 
margin: 0em; 
width: 100%; 
overflow-x: auto;
}

.movehitbox, .hitboxCaption {
display: none;
}