MediaWiki:Common.css: Difference between revisions

From T729 Balanced Ternary Computer
Jump to navigationJump to search
No edit summary
No edit summary
 
(12 intermediate revisions by the same user not shown)
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: 99; 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{
/* Instruction Set Map */
  visibility: hidden;
table.ism {text-align: center; font-family: monospace; border-collapse: collapse; font-size: 16px;}
  width: 120px;
table.ism th {width: 30px; height: 30px; border: 1px solid #000000; background-color: #aaaaaa;}
  background-color: black;
table.ism td {width: 30px; height: 30px; border: 1px solid #000000;}
  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;
}

Latest revision as of 17:39, 13 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: 99; 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;}

/* Instruction Set Map */
table.ism {text-align: center; font-family: monospace; border-collapse: collapse; font-size: 16px;}
table.ism th {width: 30px; height: 30px; border: 1px solid #000000; background-color: #aaaaaa;}
table.ism td {width: 30px; height: 30px; border: 1px solid #000000;}