marshallsmyth

Transliterations 7/26/25 w/navs

Jul 7th, 2025 (edited)
1,826
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.78 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html><html lang="en"><head><title>Transliterations, semi-zoom @ 175% on my 34"monitor.</title><style>
  4. @import url(https://fonts.googleapis.com/css?family=Artifika); ::-webkit-scrollbar {width:0vw;height:0vh;} ::-webkit-scrollbar-track {background:#07f;}
  5.  ::-webkit-scrollbar-thumb {border-radius:0.1vw;background:#010;}    body {background:#b04;}
  6.  
  7.  .table1 { width:1360px;padding:10px;font-family:artifika;font-size:5vh;line-height:7vh;text-align:center;color:#f12;border:5px #319 solid;background:#101; }
  8.  .table2 { width:1390px;padding:10px;font-family:artifika;font-size:5vh;line-height:7vh;text-align:left;text-indent:1vw;color:#f12;border:5px #319 solid;background:#101; }
  9.  .td { width:200px;height:8vh;color:#f39;border:10px solid #319;padding:0 1vw 0.6vh 0.1vw;text-align:center; }
  10.  .titles { margin:5vw 0 0 10vw;text-align:center;font-family:artifika;font-size:7vh;line-height:9vh;color:#091;padding-right:10vw; }
  11.  
  12.   #navi { position:absolute;z-index:3; }   a.nav:link, a.nav:active, a.nav:visited
  13.  { display:inline-block;position:absolute;width:8vw;height:25px;overflow:hidden;padding:5px;transition:3s;
  14.  text-decoration:none;font-family:artifika;font-size:2vh;text-align:center;line-height:3.6vh;color:#091;border:solid 0.07vw #091;background:#319; }
  15.  a.nav:hover { background:#215;color:#171; }
  16.  .content {position:fixed;top:2vh;left:14vw;width:71vw;overflow:auto;z-index:-11;padding:6px;opacity:0;transition:3s;}
  17.  .content:target {z-index:41;opacity:1;}
  18.  
  19.   </style>
  20.  
  21.   <div id="navi">
  22.   <a class="nav" href="#1" style="top:5vh;left:0.1vw;">French to English</a>         <a class="nav" href="#2" style="top:16vh;left:0.1vw;">Chinese to English  </a>
  23.   <a class="nav" href="#3" style="top:27vh;left:0.1vw;">Reset</a>  </div>
  24.  
  25.  <div class="titles">Better transliterating and phonetics into English, <br>for the Dialects of California, Montana, especially<br>Sonoma, Madison and Beaverhead Counties<br></div>  
  26.  <div id="1" class="content">    <div class="table1">French to English</div>   <table class="table2"><tr>
  27.  <td class="td">Maison</td><td>Mayzoh(n) ~~~ The (n) is almost pronounced</td></tr><tr>
  28.  <td class="td">2</td><td>...</td></tr><tr>      <td class="td">3</td><td>...</td></tr><tr>
  29.  <td class="td">4</td><td>...</td></tr><tr>      <td class="td">5</td><td>...</td></tr><tr>
  30.  <td class="td">6</td><td>...</td></tr></table> </div>  
  31.  
  32.  <div id="2" class="content">   <div class="table1">Chinese to English</div>   <table class="table2"><tr>
  33.  <td class="td">Hello</td><td>NeeHow</td></tr><tr>
  34.  <td class="td">2</td><td>...</td></tr><tr>      <td class="td">3</td><td>...</td></tr><tr>
  35.  <td class="td">4</td><td>...</td></tr><tr>      <td class="td">5</td><td>...</td></tr><tr>
  36.  <td class="td">6</td><td>...</td></tr></table> </div></html>
  37.  
  38.  
  39.  
Advertisement