User:Mr Pie 5/common.css

From Let It Die Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
.equipment-container {
  width:100%;
  max-width:20em;
}

.equipment-item {
  display:flex;
  flex-flow:row wrap;
  background:#0f0f0f;
  border:1px solid #303030;
}

.equipment-cell {
  flex-grow:1;
  text-align:center;
  width:50%;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid #303030;
}

.equipment-cell .cell-header {
  font-weight:bold;
  background:rgba(0,0,0,0.5);
}

.materials-container {
  width:100%;
  border:1px solid #303030;
  padding:5px;
  padding-left:calc(50% - 8em);
  margin:5px;
}

/* Tabs */
.equipment-container ul.tabbernav {
	background-color: transparent;
  border-bottom:none;
}

.equipment-container ul.tabbernav li a:link {
  border:1px solid #a39fa0;
}