MediaWiki:Common.css: Difference between revisions

From T729 Balanced Ternary Computer
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Home Page Categories */
div.hcat {display: inline-block; vertical-align: text-top; margin: 10px;}
div.hcat {display: inline-block; vertical-align: text-top; margin: 10px;}


/* Truth Table Formatting */
div.tt {text-align: center; font-family: monospace; font-size: 20px;}
div.tt {text-align: center; font-family: monospace; font-size: 20px;}
table.tt {font-family: monospace; font-size: 20px; margin: 50px; display: inline-block; vertical-align: text-top; border-collapse: collapse;}
table.tt {font-family: monospace; font-size: 20px; margin: 50px; display: inline-block; vertical-align: text-top; border-collapse: collapse;}
Line 10: Line 12:
td.tt_br {border-right: 4px solid black;}
td.tt_br {border-right: 4px solid black;}
td.tt_bb {border-bottom: 4px solid black;}
td.tt_bb {border-bottom: 4px solid black;}
/* Instruction Set Op Bubbles */
.optip_a {
  position: relative;
  display: inline-block;
}
.optip_a .optip_b{
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 5;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}
.optip_a .optip_b::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.optip_a:hover .optip_b {
  visibility: visible;
}

Revision as of 17:16, 3 June 2024

/* Home Page Categories */
div.hcat {display: inline-block; vertical-align: text-top; margin: 10px;}

/* Truth Table Formatting */
div.tt {text-align: center; font-family: monospace; font-size: 20px;}
table.tt {font-family: monospace; font-size: 20px; margin: 50px; display: inline-block; vertical-align: text-top; border-collapse: collapse;}
table.tt td {width: 24px; height: 24px;}
td.tt_r {background-color: #ff8888;}
td.tt_g {background-color: #88ff88;}
td.tt_b {background-color: #8888ff;}
td.tt_bl {border-left: 4px solid black;}
td.tt_br {border-right: 4px solid black;}
td.tt_bb {border-bottom: 4px solid black;}

/* Instruction Set Op Bubbles */
.optip_a {
  position: relative;
  display: inline-block;
}

.optip_a .optip_b{
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 5;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.optip_a .optip_b::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.optip_a:hover .optip_b {
  visibility: visible;
}