Grammalecte  Hex Artifact Content

Artifact 0f7a2051f7e75f19ebf02f51643a1114625d581e4288bcfbe09dada46ce6d357:


0000: 2f 2a 0a 20 20 20 43 53 53 20 44 6f 63 75 6d 65  /*.   CSS Docume
0010: 6e 74 0a 20 20 20 57 68 69 74 65 0a 20 20 20 44  nt.   White.   D
0020: 65 73 69 67 6e 20 70 61 72 20 4f 6c 69 76 69 65  esign par Olivie
0030: 72 20 52 2e 0a 2a 2f 0a 0a 2a 20 7b 20 6d 61 72  r R..*/..* { mar
0040: 67 69 6e 3a 20 30 3b 20 70 61 64 64 69 6e 67 3a  gin: 0; padding:
0050: 20 30 3b 20 7d 0a 69 6d 67 20 7b 20 62 6f 72 64   0; }.img { bord
0060: 65 72 3a 20 6e 6f 6e 65 3b 20 7d 0a 0a 0a 2f 2a  er: none; }.../*
0070: 20 47 65 6e 65 72 69 63 20 63 6c 61 73 73 65 73   Generic classes
0080: 20 2a 2f 0a 0a 2e 66 6c 65 66 74 20 7b 20 66 6c   */...fleft { fl
0090: 6f 61 74 3a 20 6c 65 66 74 3b 20 7d 0a 2e 66 72  oat: left; }..fr
00a0: 69 67 68 74 20 7b 20 66 6c 6f 61 74 3a 20 72 69  ight { float: ri
00b0: 67 68 74 3b 20 7d 0a 2e 63 65 6e 74 65 72 20 7b  ght; }..center {
00c0: 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20 63 65 6e   text-align: cen
00d0: 74 65 72 3b 20 7d 0a 2e 72 69 67 68 74 20 7b 20  ter; }..right { 
00e0: 74 65 78 74 2d 61 6c 69 67 6e 3a 20 72 69 67 68  text-align: righ
00f0: 74 3b 20 7d 0a 2e 6c 65 66 74 20 7b 20 74 65 78  t; }..left { tex
0100: 74 2d 61 6c 69 67 6e 3a 20 6c 65 66 74 3b 20 7d  t-align: left; }
0110: 0a 2e 6a 75 73 74 69 66 79 20 7b 20 74 65 78 74  ..justify { text
0120: 2d 61 6c 69 67 6e 3a 20 6a 75 73 74 69 66 79 3b  -align: justify;
0130: 20 7d 0a 2e 68 69 64 64 65 6e 20 7b 20 64 69 73   }..hidden { dis
0140: 70 6c 61 79 3a 20 6e 6f 6e 65 3b 20 7d 0a 2e 63  play: none; }..c
0150: 6c 65 61 72 65 72 20 7b 20 63 6c 65 61 72 3a 20  learer { clear: 
0160: 62 6f 74 68 3b 20 66 6f 6e 74 2d 73 69 7a 65 3a  both; font-size:
0170: 20 30 3b 20 68 65 69 67 68 74 3a 20 30 3b 20 7d   0; height: 0; }
0180: 0a 0a 62 6f 64 79 20 7b 0a 20 20 20 20 62 61 63  ..body {.    bac
0190: 6b 67 72 6f 75 6e 64 3a 20 68 73 6c 28 30 2c 20  kground: hsl(0, 
01a0: 30 25 2c 20 31 30 30 25 29 20 75 72 6c 28 2e 2e  0%, 100%) url(..
01b0: 2f 69 6d 67 2f 6c 69 6e 65 73 2e 70 6e 67 29 3b  /img/lines.png);
01c0: 0a 20 20 20 20 66 6f 6e 74 3a 20 6e 6f 72 6d 61  .    font: norma
01d0: 6c 20 31 36 70 78 20 22 54 72 65 62 75 63 68 65  l 16px "Trebuche
01e0: 74 20 4d 53 22 2c 20 22 46 69 72 61 20 53 61 6e  t MS", "Fira San
01f0: 73 22 2c 20 22 4c 69 62 65 72 61 74 69 6f 6e 20  s", "Liberation 
0200: 53 61 6e 73 22 2c 20 73 61 6e 73 2d 73 65 72 69  Sans", sans-seri
0210: 66 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 23 35  f;.    color: #5
0220: 30 35 30 35 30 3b 0a 7d 0a 0a 2e 69 6e 62 6f 78  05050;.}...inbox
0230: 20 7b 0a 20 20 20 20 77 69 64 74 68 3a 20 38 30   {.    width: 80
0240: 30 70 78 3b 0a 20 20 20 20 6d 61 72 67 69 6e 3a  0px;.    margin:
0250: 20 32 30 70 78 20 61 75 74 6f 20 31 30 70 78 20   20px auto 10px 
0260: 61 75 74 6f 3b 0a 20 20 20 20 70 61 64 64 69 6e  auto;.    paddin
0270: 67 3a 20 31 30 70 78 20 33 30 70 78 20 33 30 70  g: 10px 30px 30p
0280: 78 20 33 30 70 78 3b 0a 20 20 20 20 62 61 63 6b  x 30px;.    back
0290: 67 72 6f 75 6e 64 3a 20 68 73 6c 28 30 2c 20 30  ground: hsl(0, 0
02a0: 25 2c 20 31 30 30 25 29 3b 0a 20 20 20 20 62 6f  %, 100%);.    bo
02b0: 72 64 65 72 3a 20 32 70 78 20 73 6f 6c 69 64 20  rder: 2px solid 
02c0: 23 46 30 46 30 46 30 3b 0a 20 20 20 20 62 6f 72  #F0F0F0;.    bor
02d0: 64 65 72 2d 72 61 64 69 75 73 3a 20 32 30 70 78  der-radius: 20px
02e0: 3b 0a 7d 0a 0a 68 31 20 7b 0a 20 20 20 20 6d 61  ;.}..h1 {.    ma
02f0: 72 67 69 6e 3a 20 35 70 78 20 30 20 35 70 78 20  rgin: 5px 0 5px 
0300: 30 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73  0;.    color: hs
0310: 6c 28 32 31 30 2c 20 35 30 25 2c 20 35 30 25 29  l(210, 50%, 50%)
0320: 3b 0a 20 20 20 20 66 6f 6e 74 3a 20 62 6f 6c 64  ;.    font: bold
0330: 20 33 30 70 78 20 22 54 72 65 62 75 63 68 65 74   30px "Trebuchet
0340: 20 4d 53 22 2c 20 22 46 69 72 61 20 53 61 6e 73   MS", "Fira Sans
0350: 22 2c 20 22 4c 69 62 65 72 61 74 69 6f 6e 20 53  ", "Liberation S
0360: 61 6e 73 22 2c 20 73 61 6e 73 2d 73 65 72 69 66  ans", sans-serif
0370: 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69 67 6e  ;.    text-align
0380: 3a 20 63 65 6e 74 65 72 3b 0a 7d 0a 68 32 20 7b  : center;.}.h2 {
0390: 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 35 70 78  .    margin: 5px
03a0: 20 30 20 32 70 78 20 30 3b 0a 20 20 20 20 63 6f   0 2px 0;.    co
03b0: 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 35 30 25 2c  lor: hsl(0, 50%,
03c0: 20 35 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74 3a   50%);.    font:
03d0: 20 62 6f 6c 64 20 32 30 70 78 20 22 54 72 65 62   bold 20px "Treb
03e0: 75 63 68 65 74 20 4d 53 22 2c 20 22 46 69 72 61  uchet MS", "Fira
03f0: 20 53 61 6e 73 22 2c 20 22 4c 69 62 65 72 61 74   Sans", "Liberat
0400: 69 6f 6e 20 53 61 6e 73 22 2c 20 73 61 6e 73 2d  ion Sans", sans-
0410: 73 65 72 69 66 3b 0a 7d 0a 68 33 20 7b 0a 20 20  serif;.}.h3 {.  
0420: 20 20 6d 61 72 67 69 6e 3a 20 33 70 78 20 30 20    margin: 3px 0 
0430: 32 70 78 20 30 3b 0a 20 20 20 20 63 6f 6c 6f 72  2px 0;.    color
0440: 3a 20 68 73 6c 28 32 31 30 2c 20 35 30 25 2c 20  : hsl(210, 50%, 
0450: 35 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74 3a 20  50%);.    font: 
0460: 62 6f 6c 64 20 31 36 70 78 20 22 54 72 65 62 75  bold 16px "Trebu
0470: 63 68 65 74 20 4d 53 22 2c 20 22 46 69 72 61 20  chet MS", "Fira 
0480: 53 61 6e 73 22 2c 20 22 4c 69 62 65 72 61 74 69  Sans", "Liberati
0490: 6f 6e 20 53 61 6e 73 22 2c 20 73 61 6e 73 2d 73  on Sans", sans-s
04a0: 65 72 69 66 3b 0a 7d 0a 0a 23 64 69 63 5f 73 65  erif;.}..#dic_se
04b0: 6c 65 63 74 6f 72 20 7b 0a 20 20 20 20 63 6f 6c  lector {.    col
04c0: 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 35 30 25  or: hsl(210, 50%
04d0: 2c 20 35 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74  , 50%);.    font
04e0: 3a 20 62 6f 6c 64 20 31 36 70 78 20 22 54 72 65  : bold 16px "Tre
04f0: 62 75 63 68 65 74 20 4d 53 22 2c 20 22 46 69 72  buchet MS", "Fir
0500: 61 20 53 61 6e 73 22 2c 20 22 4c 69 62 65 72 61  a Sans", "Libera
0510: 74 69 6f 6e 20 53 61 6e 73 22 2c 20 73 61 6e 73  tion Sans", sans
0520: 2d 73 65 72 69 66 3b 0a 7d 0a 0a 64 65 74 61 69  -serif;.}..detai
0530: 6c 73 20 7b 0a 20 20 20 20 66 6f 6e 74 2d 73 69  ls {.    font-si
0540: 7a 65 3a 20 31 31 70 78 3b 0a 20 20 20 20 66 6f  ze: 11px;.    fo
0550: 6e 74 2d 76 61 72 69 61 6e 74 3a 20 73 6d 61 6c  nt-variant: smal
0560: 6c 2d 63 61 70 73 3b 0a 20 20 20 20 63 6f 6c 6f  l-caps;.    colo
0570: 72 3a 20 68 73 6c 28 32 31 30 2c 20 35 30 25 2c  r: hsl(210, 50%,
0580: 20 35 30 25 29 3b 0a 20 20 20 20 63 75 72 73 6f   50%);.    curso
0590: 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 64 65  r: pointer;.}.de
05a0: 74 61 69 6c 73 20 3e 20 2a 20 7b 0a 20 20 20 20  tails > * {.    
05b0: 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 32 70 78 3b  font-size: 12px;
05c0: 0a 20 20 20 20 66 6f 6e 74 2d 76 61 72 69 61 6e  .    font-varian
05d0: 74 3a 20 6e 6f 72 6d 61 6c 3b 0a 20 20 20 20 63  t: normal;.    c
05e0: 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 30  olor: hsl(210, 0
05f0: 25 2c 20 30 25 29 3b 0a 20 20 20 20 63 75 72 73  %, 0%);.    curs
0600: 6f 72 3a 20 61 75 74 6f 3b 0a 7d 0a 64 65 74 61  or: auto;.}.deta
0610: 69 6c 73 2e 69 6e 6c 69 6e 65 20 7b 0a 20 20 20  ils.inline {.   
0620: 20 70 61 64 64 69 6e 67 3a 20 33 70 78 3b 0a 20   padding: 3px;. 
0630: 20 20 20 77 69 64 74 68 3a 20 32 36 30 70 78 3b     width: 260px;
0640: 0a 7d 0a 0a 0a 0a 2f 2a 0a 20 20 20 20 4d 61 69  .}..../*.    Mai
0650: 6e 20 62 75 74 74 6f 6e 73 0a 2a 2f 0a 23 62 75  n buttons.*/.#bu
0660: 74 74 6f 6e 73 20 7b 0a 20 20 20 20 70 61 64 64  ttons {.    padd
0670: 69 6e 67 3a 20 31 30 70 78 20 30 3b 0a 20 20 20  ing: 10px 0;.   
0680: 20 6a 75 73 74 69 66 79 2d 63 6f 6e 74 65 6e 74   justify-content
0690: 3a 20 63 65 6e 74 65 72 3b 0a 7d 0a 2e 6d 61 69  : center;.}..mai
06a0: 6e 5f 62 75 74 74 6f 6e 20 7b 0a 20 20 20 20 6d  n_button {.    m
06b0: 61 72 67 69 6e 3a 20 30 20 35 70 78 3b 0a 20 20  argin: 0 5px;.  
06c0: 20 20 6d 69 6e 2d 77 69 64 74 68 3a 20 31 30 30    min-width: 100
06d0: 70 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  px;.    padding:
06e0: 20 31 30 70 78 20 32 30 70 78 3b 0a 20 20 20 20   10px 20px;.    
06f0: 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72  background-color
0700: 3a 20 68 73 6c 28 32 31 30 2c 20 31 30 25 2c 20  : hsl(210, 10%, 
0710: 39 35 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72  95%);.    border
0720: 2d 72 61 64 69 75 73 3a 20 35 70 78 3b 0a 20 20  -radius: 5px;.  
0730: 20 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20 63 65    text-align: ce
0740: 6e 74 65 72 3b 0a 20 20 20 20 63 75 72 73 6f 72  nter;.    cursor
0750: 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 23 6c 65  : pointer;.}.#le
0760: 78 69 63 6f 6e 5f 62 75 74 74 6f 6e 20 7b 0a 20  xicon_button {. 
0770: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f     background-co
0780: 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 38 30  lor: hsl(210, 80
0790: 25 2c 20 39 30 25 29 3b 0a 20 20 20 20 63 6f 6c  %, 90%);.    col
07a0: 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 38 30 25  or: hsl(210, 80%
07b0: 2c 20 33 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74  , 30%);.    font
07c0: 2d 77 65 69 67 68 74 3a 20 62 6f 6c 64 3b 0a 7d  -weight: bold;.}
07d0: 0a 0a 0a 2e 62 69 67 5f 62 6c 6f 63 6b 20 7b 0a  ....big_block {.
07e0: 20 20 20 20 6d 61 72 67 69 6e 3a 20 31 30 70 78      margin: 10px
07f0: 20 30 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a   0;.    padding:
0800: 20 31 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67   10px;.    backg
0810: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c  round-color: hsl
0820: 28 32 31 30 2c 20 32 30 25 2c 20 39 36 25 29 3b  (210, 20%, 96%);
0830: 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69  .    border-radi
0840: 75 73 3a 20 35 70 78 3b 0a 7d 0a 0a 23 61 64 64  us: 5px;.}..#add
0850: 5f 70 61 67 65 20 7b 0a 20 20 20 20 64 69 73 70  _page {.    disp
0860: 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d 0a 0a 2e 63  lay: none;.}...c
0870: 6f 6c 75 6d 6e 73 20 7b 0a 20 20 20 20 64 69 73  olumns {.    dis
0880: 70 6c 61 79 3a 20 66 6c 65 78 3b 0a 7d 0a 0a 23  play: flex;.}..#
0890: 77 6f 72 64 5f 67 65 6e 65 72 61 74 6f 72 20 7b  word_generator {
08a0: 0a 20 20 20 20 77 69 64 74 68 3a 20 34 30 30 70  .    width: 400p
08b0: 78 3b 0a 7d 0a 23 67 65 6e 65 72 61 74 65 64 5f  x;.}.#generated_
08c0: 77 6f 72 64 73 20 7b 0a 20 20 20 20 77 69 64 74  words {.    widt
08d0: 68 3a 20 34 30 30 70 78 3b 0a 7d 0a 0a 23 65 64  h: 400px;.}..#ed
08e0: 69 74 6f 72 20 7b 0a 20 20 20 20 64 69 73 70 6c  itor {.    displ
08f0: 61 79 3a 20 6e 6f 6e 65 3b 0a 7d 0a 0a 0a 23 77  ay: none;.}...#w
0900: 6f 72 64 5f 73 65 63 74 69 6f 6e 32 20 7b 0a 20  ord_section2 {. 
0910: 20 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65     display: none
0920: 3b 0a 7d 0a 0a 2e 63 61 74 65 67 6f 72 79 20 7b  ;.}...category {
0930: 0a 20 20 20 20 6d 61 72 67 69 6e 2d 72 69 67 68  .    margin-righ
0940: 74 3a 20 35 70 78 3b 0a 20 20 20 20 70 61 64 64  t: 5px;.    padd
0950: 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20 20 20 62  ing: 10px;.    b
0960: 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33 70  order-radius: 3p
0970: 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e  x;.    backgroun
0980: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30  d-color: hsl(210
0990: 2c 20 32 30 25 2c 20 39 36 25 29 3b 0a 20 20 20  , 20%, 96%);.   
09a0: 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65 72   cursor: pointer
09b0: 3b 0a 7d 0a 2e 63 61 74 65 67 6f 72 79 3a 68 6f  ;.}..category:ho
09c0: 76 65 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  ver {.    backgr
09d0: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
09e0: 32 31 30 2c 20 32 30 25 2c 20 39 30 25 29 3b 0a  210, 20%, 90%);.
09f0: 7d 0a 0a 2e 73 65 63 74 69 6f 6e 20 7b 0a 20 20  }...section {.  
0a00: 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b    display: none;
0a10: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30  .    padding: 10
0a20: 70 78 3b 0a 7d 0a 0a 2e 63 6f 6e 74 61 69 6e 65  px;.}...containe
0a30: 72 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a  r {.    display:
0a40: 20 66 6c 65 78 3b 0a 7d 0a 2e 64 69 63 5f 63 6f   flex;.}..dic_co
0a50: 6e 74 61 69 6e 65 72 20 7b 0a 20 20 20 20 64 69  ntainer {.    di
0a60: 73 70 6c 61 79 3a 20 66 6c 65 78 3b 0a 20 20 20  splay: flex;.   
0a70: 20 61 6c 69 67 6e 2d 69 74 65 6d 73 3a 20 63 65   align-items: ce
0a80: 6e 74 65 72 3b 0a 20 20 20 20 6a 75 73 74 69 66  nter;.    justif
0a90: 79 2d 63 6f 6e 74 65 6e 74 3a 20 73 70 61 63 65  y-content: space
0aa0: 2d 62 65 74 77 65 65 6e 3b 0a 7d 0a 0a 2e 62 6c  -between;.}...bl
0ab0: 6f 63 6b 20 7b 0a 20 20 20 20 66 6c 65 78 2d 67  ock {.    flex-g
0ac0: 72 6f 77 3a 20 31 3b 0a 20 20 20 20 6d 61 72 67  row: 1;.    marg
0ad0: 69 6e 3a 20 35 70 78 3b 0a 20 20 20 20 70 61 64  in: 5px;.    pad
0ae0: 64 69 6e 67 3a 20 31 30 70 78 20 31 35 70 78 20  ding: 10px 15px 
0af0: 31 35 70 78 20 31 35 70 78 3b 0a 20 20 20 20 62  15px 15px;.    b
0b00: 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a  ackground-color:
0b10: 20 68 73 6c 28 30 2c 20 31 30 25 2c 20 39 36 25   hsl(0, 10%, 96%
0b20: 29 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61  );.    border-ra
0b30: 64 69 75 73 3a 20 33 70 78 3b 0a 7d 0a 0a 2e 73  dius: 3px;.}...s
0b40: 70 61 63 65 5f 63 6f 6e 74 61 69 6e 65 72 20 7b  pace_container {
0b50: 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20 66 6c  .    display: fl
0b60: 65 78 3b 0a 20 20 20 20 6a 75 73 74 69 66 79 2d  ex;.    justify-
0b70: 63 6f 6e 74 65 6e 74 3a 20 73 70 61 63 65 2d 62  content: space-b
0b80: 65 74 77 65 65 6e 3b 0a 7d 0a 0a 2e 74 79 70 65  etween;.}...type
0b90: 6c 69 6e 65 20 7b 0a 20 20 20 20 70 61 64 64 69  line {.    paddi
0ba0: 6e 67 3a 20 35 70 78 20 31 30 70 78 3b 0a 7d 0a  ng: 5px 10px;.}.
0bb0: 2e 77 69 64 65 6c 61 62 65 6c 20 7b 0a 20 20 20  .widelabel {.   
0bc0: 20 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65   display: inline
0bd0: 2d 62 6c 6f 63 6b 3b 0a 20 20 20 20 6d 69 6e 2d  -block;.    min-
0be0: 77 69 64 74 68 3a 20 38 30 70 78 3b 0a 7d 0a 0a  width: 80px;.}..
0bf0: 2e 64 65 73 63 72 69 70 74 69 6f 6e 20 7b 0a 20  .description {. 
0c00: 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 32     font-size: 12
0c10: 70 78 3b 0a 7d 0a 0a 2e 65 78 61 6d 70 6c 65 73  px;.}...examples
0c20: 5f 74 72 75 65 20 7b 0a 20 20 20 20 66 6c 65 78  _true {.    flex
0c30: 2d 67 72 6f 77 3a 20 31 3b 0a 20 20 20 20 6d 61  -grow: 1;.    ma
0c40: 72 67 69 6e 3a 20 32 70 78 3b 0a 20 20 20 20 70  rgin: 2px;.    p
0c50: 61 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20  adding: 10px;.  
0c60: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0c70: 6f 72 3a 20 68 73 6c 28 31 32 30 2c 20 31 30 25  or: hsl(120, 10%
0c80: 2c 20 39 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f  , 90%);.    colo
0c90: 72 3a 20 68 73 6c 28 31 32 30 2c 20 31 30 25 2c  r: hsl(120, 10%,
0ca0: 20 35 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74 2d   50%);.    font-
0cb0: 73 69 7a 65 3a 20 31 32 70 78 3b 0a 20 20 20 20  size: 12px;.    
0cc0: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33  border-radius: 3
0cd0: 70 78 3b 0a 7d 0a 2e 65 78 61 6d 70 6c 65 73 5f  px;.}..examples_
0ce0: 66 61 6c 73 65 20 7b 0a 20 20 20 20 66 6c 65 78  false {.    flex
0cf0: 2d 67 72 6f 77 3a 20 31 3b 0a 20 20 20 20 6d 61  -grow: 1;.    ma
0d00: 72 67 69 6e 3a 20 32 70 78 3b 0a 20 20 20 20 70  rgin: 2px;.    p
0d10: 61 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20  adding: 10px;.  
0d20: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0d30: 6f 72 3a 20 68 73 6c 28 30 2c 20 31 30 25 2c 20  or: hsl(0, 10%, 
0d40: 39 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a  90%);.    color:
0d50: 20 68 73 6c 28 30 2c 20 31 30 25 2c 20 35 30 25   hsl(0, 10%, 50%
0d60: 29 3b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65  );.    font-size
0d70: 3a 20 31 32 70 78 3b 0a 20 20 20 20 62 6f 72 64  : 12px;.    bord
0d80: 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a  er-radius: 3px;.
0d90: 7d 0a 0a 75 6c 20 7b 0a 20 20 20 20 6d 61 72 67  }..ul {.    marg
0da0: 69 6e 2d 6c 65 66 74 3a 20 33 30 70 78 3b 0a 7d  in-left: 30px;.}
0db0: 0a 0a 69 6e 70 75 74 5b 74 79 70 65 3d 74 65 78  ..input[type=tex
0dc0: 74 5d 2e 6c 61 72 67 65 20 7b 0a 20 20 20 20 64  t].large {.    d
0dd0: 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62  isplay: inline-b
0de0: 6c 6f 63 6b 3b 0a 20 20 20 20 77 69 64 74 68 3a  lock;.    width:
0df0: 20 32 35 30 70 78 3b 0a 20 20 20 20 70 61 64 64   250px;.    padd
0e00: 69 6e 67 3a 20 35 70 78 20 31 30 70 78 3b 0a 20  ing: 5px 10px;. 
0e10: 20 20 20 62 6f 72 64 65 72 3a 20 32 70 78 20 73     border: 2px s
0e20: 6f 6c 69 64 20 68 73 6c 28 30 2c 20 30 25 2c 20  olid hsl(0, 0%, 
0e30: 38 30 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72  80%);.    border
0e40: 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 20 20  -radius: 3px;.  
0e50: 20 20 68 65 69 67 68 74 3a 20 32 34 70 78 3b 0a    height: 24px;.
0e60: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20      background: 
0e70: 74 72 61 6e 73 70 61 72 65 6e 74 3b 0a 20 20 20  transparent;.   
0e80: 20 66 6f 6e 74 3a 20 6e 6f 72 6d 61 6c 20 32 30   font: normal 20
0e90: 70 78 20 54 61 68 6f 6d 61 2c 20 22 55 62 75 6e  px Tahoma, "Ubun
0ea0: 74 75 20 43 6f 6e 64 65 6e 73 65 64 22 3b 0a 20  tu Condensed";. 
0eb0: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c     color: hsl(0,
0ec0: 20 30 25 2c 20 32 30 25 29 3b 0a 7d 0a 0a 69 6e   0%, 20%);.}..in
0ed0: 70 75 74 5b 74 79 70 65 3d 74 65 78 74 5d 2e 6d  put[type=text].m
0ee0: 65 64 69 75 6d 20 7b 0a 20 20 20 20 64 69 73 70  edium {.    disp
0ef0: 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63  lay: inline-bloc
0f00: 6b 3b 0a 20 20 20 20 77 69 64 74 68 3a 20 31 37  k;.    width: 17
0f10: 35 70 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67  5px;.    padding
0f20: 3a 20 32 70 78 20 35 70 78 3b 0a 20 20 20 20 62  : 2px 5px;.    b
0f30: 6f 72 64 65 72 3a 20 32 70 78 20 73 6f 6c 69 64  order: 2px solid
0f40: 20 68 73 6c 28 30 2c 20 30 25 2c 20 38 30 25 29   hsl(0, 0%, 80%)
0f50: 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64  ;.    border-rad
0f60: 69 75 73 3a 20 33 70 78 3b 0a 20 20 20 20 68 65  ius: 3px;.    he
0f70: 69 67 68 74 3a 20 32 30 70 78 3b 0a 20 20 20 20  ight: 20px;.    
0f80: 62 61 63 6b 67 72 6f 75 6e 64 3a 20 74 72 61 6e  background: tran
0f90: 73 70 61 72 65 6e 74 3b 0a 20 20 20 20 66 6f 6e  sparent;.    fon
0fa0: 74 3a 20 6e 6f 72 6d 61 6c 20 31 38 70 78 20 54  t: normal 18px T
0fb0: 61 68 6f 6d 61 2c 20 22 55 62 75 6e 74 75 20 43  ahoma, "Ubuntu C
0fc0: 6f 6e 64 65 6e 73 65 64 22 3b 0a 20 20 20 20 63  ondensed";.    c
0fd0: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c  olor: hsl(0, 0%,
0fe0: 20 32 30 25 29 3b 0a 7d 0a 0a 69 6e 70 75 74 5b   20%);.}..input[
0ff0: 70 6c 61 63 65 68 6f 6c 64 65 72 5d 20 7b 0a 20  placeholder] {. 
1000: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c     color: hsl(0,
1010: 20 30 25 2c 20 35 30 25 29 3b 0a 7d 0a 0a 0a 23   0%, 50%);.}...#
1020: 62 75 74 74 6f 6e 6c 69 6e 65 20 7b 0a 20 20 20  buttonline {.   
1030: 20 6d 61 72 67 69 6e 2d 74 6f 70 3a 20 35 70 78   margin-top: 5px
1040: 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69 67 6e  ;.    text-align
1050: 3a 20 72 69 67 68 74 3b 0a 7d 0a 0a 23 61 64 64  : right;.}..#add
1060: 5f 74 6f 5f 6c 65 78 69 63 6f 6e 20 7b 0a 20 20  _to_lexicon {.  
1070: 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b    display: none;
1080: 0a 20 20 20 20 77 69 64 74 68 3a 20 32 30 30 70  .    width: 200p
1090: 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20  x;.    padding: 
10a0: 35 70 78 20 31 30 70 78 3b 0a 20 20 20 20 66 6f  5px 10px;.    fo
10b0: 6e 74 2d 73 69 7a 65 3a 20 31 36 70 78 3b 0a 20  nt-size: 16px;. 
10c0: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f     background-co
10d0: 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 35 30  lor: hsl(150, 50
10e0: 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63 6f 6c  %, 50%);.    col
10f0: 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 35 30 25  or: hsl(150, 50%
1100: 2c 20 39 36 25 29 3b 0a 20 20 20 20 62 6f 72 64  , 96%);.    bord
1110: 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a  er-radius: 3px;.
1120: 20 20 20 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20      text-align: 
1130: 63 65 6e 74 65 72 3b 0a 20 20 20 20 63 75 72 73  center;.    curs
1140: 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 23  or: pointer;.}.#
1150: 61 64 64 5f 74 6f 5f 6c 65 78 69 63 6f 6e 3a 68  add_to_lexicon:h
1160: 6f 76 65 72 20 7b 0a 20 20 20 20 62 61 63 6b 67  over {.    backg
1170: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c  round-color: hsl
1180: 28 31 35 30 2c 20 36 30 25 2c 20 34 30 25 29 3b  (150, 60%, 40%);
1190: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
11a0: 31 35 30 2c 20 36 30 25 2c 20 39 30 25 29 3b 0a  150, 60%, 90%);.
11b0: 20 20 20 20 62 6f 78 2d 73 68 61 64 6f 77 3a 20      box-shadow: 
11c0: 30 20 30 20 32 70 78 20 68 73 6c 28 31 35 30 2c  0 0 2px hsl(150,
11d0: 20 36 30 25 2c 20 35 30 25 29 3b 0a 7d 0a 0a 0a   60%, 50%);.}...
11e0: 23 6c 65 78 69 63 6f 6e 5f 70 61 67 65 20 7b 0a  #lexicon_page {.
11f0: 0a 7d 0a 0a 0a 2f 2a 0a 20 20 20 20 53 65 61 72  .}.../*.    Sear
1200: 63 68 20 70 61 67 65 0a 2a 2f 0a 23 73 65 61 72  ch page.*/.#sear
1210: 63 68 5f 70 61 67 65 20 7b 0a 20 20 20 20 64 69  ch_page {.    di
1220: 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d 0a 0a  splay: none;.}..
1230: 2e 62 75 74 74 6f 6e 5f 73 65 61 72 63 68 20 7b  .button_search {
1240: 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 35 70 78  .    margin: 5px
1250: 20 30 3b 0a 20 20 20 20 77 69 64 74 68 3a 20 31   0;.    width: 1
1260: 30 30 70 78 3b 0a 20 20 20 20 70 61 64 64 69 6e  00px;.    paddin
1270: 67 3a 20 35 70 78 20 31 30 70 78 3b 0a 20 20 20  g: 5px 10px;.   
1280: 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 36 70 78   font-size: 16px
1290: 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64  ;.    background
12a0: 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c  -color: hsl(150,
12b0: 20 35 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20   50%, 50%);.    
12c0: 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20  color: hsl(150, 
12d0: 35 30 25 2c 20 39 36 25 29 3b 0a 20 20 20 20 62  50%, 96%);.    b
12e0: 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33 70  order-radius: 3p
12f0: 78 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69 67  x;.    text-alig
1300: 6e 3a 20 63 65 6e 74 65 72 3b 0a 20 20 20 20 63  n: center;.    c
1310: 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a  ursor: pointer;.
1320: 7d 0a 2e 62 75 74 74 6f 6e 5f 73 65 61 72 63 68  }..button_search
1330: 3a 68 6f 76 65 72 20 7b 0a 20 20 20 20 62 61 63  :hover {.    bac
1340: 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68  kground-color: h
1350: 73 6c 28 31 35 30 2c 20 36 30 25 2c 20 34 30 25  sl(150, 60%, 40%
1360: 29 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73  );.    color: hs
1370: 6c 28 31 35 30 2c 20 36 30 25 2c 20 39 30 25 29  l(150, 60%, 90%)
1380: 3b 0a 20 20 20 20 62 6f 78 2d 73 68 61 64 6f 77  ;.    box-shadow
1390: 3a 20 30 20 30 20 32 70 78 20 68 73 6c 28 31 35  : 0 0 2px hsl(15
13a0: 30 2c 20 36 30 25 2c 20 35 30 25 29 3b 0a 7d 0a  0, 60%, 50%);.}.
13b0: 0a 23 73 65 61 72 63 68 5f 74 61 62 6c 65 20 7b  .#search_table {
13c0: 0a 20 20 20 20 77 69 64 74 68 3a 20 36 30 30 70  .    width: 600p
13d0: 78 3b 0a 7d 0a 0a 2f 2a 0a 20 20 20 20 49 6e 66  x;.}../*.    Inf
13e0: 6f 72 6d 61 74 69 6f 6e 20 70 61 67 65 0a 2a 2f  ormation page.*/
13f0: 0a 23 69 6e 66 6f 5f 70 61 67 65 20 7b 0a 20 20  .#info_page {.  
1400: 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b    display: none;
1410: 0a 7d 0a 0a 23 74 61 67 73 5f 74 61 62 6c 65 20  .}..#tags_table 
1420: 7b 0a 20 20 20 20 77 69 64 74 68 3a 20 35 30 30  {.    width: 500
1430: 70 78 3b 0a 7d 0a 0a 0a 2f 2a 0a 20 20 20 20 44  px;.}.../*.    D
1440: 69 63 74 69 6f 6e 61 72 79 0a 2a 2f 0a 23 6e 65  ictionary.*/.#ne
1450: 77 5f 64 69 63 74 69 6f 6e 61 72 79 5f 62 75 74  w_dictionary_but
1460: 74 6f 6e 2c 20 23 64 65 6c 65 74 65 5f 64 69 63  ton, #delete_dic
1470: 74 69 6f 6e 61 72 79 5f 62 75 74 74 6f 6e 20 7b  tionary_button {
1480: 0a 20 20 20 20 6d 61 72 67 69 6e 2d 6c 65 66 74  .    margin-left
1490: 3a 20 35 70 78 3b 0a 20 20 20 20 70 61 64 64 69  : 5px;.    paddi
14a0: 6e 67 3a 20 31 70 78 20 35 70 78 3b 0a 20 20 20  ng: 1px 5px;.   
14b0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f   background-colo
14c0: 72 3a 20 68 73 6c 28 31 35 30 2c 20 35 30 25 2c  r: hsl(150, 50%,
14d0: 20 35 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f 72   50%);.    color
14e0: 3a 20 68 73 6c 28 31 35 30 2c 20 30 25 2c 20 31  : hsl(150, 0%, 1
14f0: 30 30 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72  00%);.    border
1500: 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 20 20  -radius: 3px;.  
1510: 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65    cursor: pointe
1520: 72 3b 0a 7d 0a 23 64 65 6c 65 74 65 5f 64 69 63  r;.}.#delete_dic
1530: 74 69 6f 6e 61 72 79 5f 62 75 74 74 6f 6e 20 7b  tionary_button {
1540: 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d  .    background-
1550: 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 35 30  color: hsl(0, 50
1560: 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63 6f 6c  %, 50%);.    col
1570: 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 31  or: hsl(0, 0%, 1
1580: 30 30 25 29 3b 0a 7d 0a 0a 23 73 61 76 65 5f 62  00%);.}..#save_b
1590: 75 74 74 6f 6e 20 7b 0a 20 20 20 20 64 69 73 70  utton {.    disp
15a0: 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 6d  lay: none;.    m
15b0: 61 72 67 69 6e 2d 6c 65 66 74 3a 20 35 70 78 3b  argin-left: 5px;
15c0: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 70  .    padding: 1p
15d0: 78 20 35 70 78 3b 0a 20 20 20 20 62 61 63 6b 67  x 5px;.    backg
15e0: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c  round-color: hsl
15f0: 28 31 35 30 2c 20 35 30 25 2c 20 35 30 25 29 3b  (150, 50%, 50%);
1600: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
1610: 31 35 30 2c 20 30 25 2c 20 31 30 30 25 29 3b 0a  150, 0%, 100%);.
1620: 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75      border-radiu
1630: 73 3a 20 33 70 78 3b 0a 20 20 20 20 63 75 72 73  s: 3px;.    curs
1640: 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 23  or: pointer;.}.#
1650: 65 78 70 6f 72 74 5f 62 75 74 74 6f 6e 2c 20 23  export_button, #
1660: 69 6d 70 6f 72 74 5f 62 75 74 74 6f 6e 20 7b 0a  import_button {.
1670: 20 20 20 20 64 69 73 70 6c 61 79 3a 20 62 6c 6f      display: blo
1680: 63 6b 3b 0a 20 20 20 20 6d 61 72 67 69 6e 2d 6c  ck;.    margin-l
1690: 65 66 74 3a 20 35 70 78 3b 0a 20 20 20 20 66 6c  eft: 5px;.    fl
16a0: 6f 61 74 3a 20 72 69 67 68 74 3b 0a 20 20 20 20  oat: right;.    
16b0: 70 61 64 64 69 6e 67 3a 20 32 70 78 20 31 30 70  padding: 2px 10p
16c0: 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e  x;.    backgroun
16d0: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30  d-color: hsl(210
16e0: 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a 20 20 20  , 50%, 50%);.   
16f0: 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c   color: hsl(210,
1700: 20 30 25 2c 20 31 30 30 25 29 3b 0a 20 20 20 20   0%, 100%);.    
1710: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33  border-radius: 3
1720: 70 78 3b 0a 20 20 20 20 63 75 72 73 6f 72 3a 20  px;.    cursor: 
1730: 70 6f 69 6e 74 65 72 3b 0a 7d 0a 0a 23 6e 65 77  pointer;.}..#new
1740: 5f 64 69 63 74 69 6f 6e 61 72 79 5f 73 65 63 74  _dictionary_sect
1750: 69 6f 6e 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e  ion {.    margin
1760: 3a 20 35 70 78 20 30 3b 0a 20 20 20 20 70 61 64  : 5px 0;.    pad
1770: 64 69 6e 67 3a 20 35 70 78 20 31 30 70 78 3b 0a  ding: 5px 10px;.
1780: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63      background-c
1790: 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 31  olor: hsl(210, 1
17a0: 30 25 2c 20 39 30 25 29 3b 0a 20 20 20 20 62 6f  0%, 90%);.    bo
17b0: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78  rder-radius: 3px
17c0: 3b 0a 7d 0a 23 63 72 65 61 74 65 5f 64 69 63 74  ;.}.#create_dict
17d0: 69 6f 6e 61 72 79 5f 62 75 74 74 6f 6e 20 7b 0a  ionary_button {.
17e0: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 70 78      padding: 1px
17f0: 20 35 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72   5px;.    backgr
1800: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
1810: 31 32 30 2c 20 35 30 25 2c 20 33 30 25 29 3b 0a  120, 50%, 30%);.
1820: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 31      color: hsl(1
1830: 32 30 2c 20 31 30 25 2c 20 31 30 30 25 29 3b 0a  20, 10%, 100%);.
1840: 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75      border-radiu
1850: 73 3a 20 33 70 78 3b 0a 20 20 20 20 63 75 72 73  s: 3px;.    curs
1860: 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 0a  or: pointer;.}..
1870: 23 77 61 69 74 5f 70 72 6f 67 72 65 73 73 20 7b  #wait_progress {
1880: 0a 20 20 20 20 77 69 64 74 68 3a 20 31 30 30 25  .    width: 100%
1890: 3b 0a 20 20 20 20 68 65 69 67 68 74 3a 20 34 70  ;.    height: 4p
18a0: 78 3b 0a 7d 0a 0a 0a 2f 2a 0a 20 20 20 20 54 61  x;.}.../*.    Ta
18b0: 62 6c 65 0a 2a 2f 0a 74 61 62 6c 65 20 7b 0a 20  ble.*/.table {. 
18c0: 20 20 20 62 6f 72 64 65 72 3a 20 31 70 78 20 73     border: 1px s
18d0: 6f 6c 69 64 20 68 73 6c 28 32 31 30 2c 20 31 30  olid hsl(210, 10
18e0: 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 77 69 64  %, 50%);.    wid
18f0: 74 68 3a 20 31 30 30 25 3b 0a 7d 0a 74 68 20 7b  th: 100%;.}.th {
1900: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 35 70  .    padding: 5p
1910: 78 20 31 30 70 78 3b 0a 20 20 20 20 62 6f 72 64  x 10px;.    bord
1920: 65 72 2d 6c 65 66 74 3a 20 31 70 78 20 73 6f 6c  er-left: 1px sol
1930: 69 64 20 68 73 6c 28 32 31 30 2c 20 31 30 25 2c  id hsl(210, 10%,
1940: 20 39 30 25 29 3b 0a 20 20 20 20 74 65 78 74 2d   90%);.    text-
1950: 61 6c 69 67 6e 3a 20 6c 65 66 74 3b 0a 7d 0a 74  align: left;.}.t
1960: 64 20 7b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  d {.    padding:
1970: 20 30 20 31 30 70 78 3b 0a 20 20 20 20 76 65 72   0 10px;.    ver
1980: 74 69 63 61 6c 2d 61 6c 69 67 6e 3a 20 74 6f 70  tical-align: top
1990: 3b 0a 7d 0a 2e 64 65 6c 65 74 65 5f 65 6e 74 72  ;.}..delete_entr
19a0: 79 20 7b 0a 20 20 20 20 63 75 72 73 6f 72 3a 20  y {.    cursor: 
19b0: 70 6f 69 6e 74 65 72 3b 0a 20 20 20 20 66 6f 6e  pointer;.    fon
19c0: 74 2d 77 65 69 67 68 74 3a 20 62 6f 6c 64 3b 0a  t-weight: bold;.
19d0: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30      color: hsl(0
19e0: 2c 20 31 30 30 25 2c 20 35 30 25 29 3b 0a 7d 0a  , 100%, 50%);.}.
19f0: 0a 0a 0a                                         ...