MediaWiki:Common.css: Difference between revisions

From T729 Balanced Ternary Computer
Jump to navigationJump to search
No edit summary
No edit summary
Line 2: Line 2:
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 */
/* Truth Tables */
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 13: Line 13:
td.tt_bb {border-bottom: 4px solid black;}
td.tt_bb {border-bottom: 4px solid black;}


/* Instruction Set Op Bubbles */
/* Instruction Set Bubbles */
.optip_a {
.optip_a {position: relative; display: inline-block;}
  position: relative;
.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;}
  display: inline-block;
.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;}
 
.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:20, 3 June 2024

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

/* Truth Tables */
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 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;}