Grammalecte  Hex Artifact Content

Artifact d5d2b73a16fec2b905d7ac430f341b9bc83f24631e0c5222e1d949b854af6f51:


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 0a 2e 69 6e 62 6f  05050;.}....inbo
0230: 78 20 7b 0a 20 20 20 20 77 69 64 74 68 3a 20 36  x {.    width: 6
0240: 30 30 70 78 3b 0a 20 20 20 20 6d 61 72 67 69 6e  00px;.    margin
0250: 3a 20 32 30 70 78 20 61 75 74 6f 20 31 30 70 78  : 20px auto 10px
0260: 20 61 75 74 6f 3b 0a 20 20 20 20 70 61 64 64 69   auto;.    paddi
0270: 6e 67 3a 20 31 30 70 78 20 33 30 70 78 20 33 30  ng: 10px 30px 30
0280: 70 78 20 33 30 70 78 3b 0a 20 20 20 20 62 61 63  px 30px;.    bac
0290: 6b 67 72 6f 75 6e 64 3a 20 68 73 6c 28 30 2c 20  kground: hsl(0, 
02a0: 30 25 2c 20 31 30 30 25 29 3b 0a 20 20 20 20 62  0%, 100%);.    b
02b0: 6f 72 64 65 72 3a 20 32 70 78 20 73 6f 6c 69 64  order: 2px solid
02c0: 20 23 46 30 46 30 46 30 3b 0a 20 20 20 20 62 6f   #F0F0F0;.    bo
02d0: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 32 30 70  rder-radius: 20p
02e0: 78 3b 0a 7d 0a 0a 68 31 20 7b 0a 20 20 20 20 6d  x;.}..h1 {.    m
02f0: 61 72 67 69 6e 3a 20 35 70 78 20 30 20 32 30 70  argin: 5px 0 20p
0300: 78 20 30 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  x 0;.    color: 
0310: 68 73 6c 28 32 31 30 2c 20 35 30 25 2c 20 35 30  hsl(210, 50%, 50
0320: 25 29 3b 0a 20 20 20 20 66 6f 6e 74 3a 20 62 6f  %);.    font: bo
0330: 6c 64 20 33 30 70 78 20 22 54 72 65 62 75 63 68  ld 30px "Trebuch
0340: 65 74 20 4d 53 22 2c 20 22 46 69 72 61 20 53 61  et MS", "Fira Sa
0350: 6e 73 22 2c 20 22 4c 69 62 65 72 61 74 69 6f 6e  ns", "Liberation
0360: 20 53 61 6e 73 22 2c 20 73 61 6e 73 2d 73 65 72   Sans", sans-ser
0370: 69 66 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69  if;.    text-ali
0380: 67 6e 3a 20 63 65 6e 74 65 72 3b 0a 7d 0a 68 32  gn: center;.}.h2
0390: 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 35   {.    margin: 5
03a0: 70 78 20 30 20 32 70 78 20 30 3b 0a 20 20 20 20  px 0 2px 0;.    
03b0: 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 35 30  color: hsl(0, 50
03c0: 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 66 6f 6e  %, 50%);.    fon
03d0: 74 3a 20 62 6f 6c 64 20 32 30 70 78 20 22 54 72  t: bold 20px "Tr
03e0: 65 62 75 63 68 65 74 20 4d 53 22 2c 20 22 46 69  ebuchet MS", "Fi
03f0: 72 61 20 53 61 6e 73 22 2c 20 22 4c 69 62 65 72  ra Sans", "Liber
0400: 61 74 69 6f 6e 20 53 61 6e 73 22 2c 20 73 61 6e  ation Sans", san
0410: 73 2d 73 65 72 69 66 3b 0a 7d 0a 68 33 20 7b 0a  s-serif;.}.h3 {.
0420: 20 20 20 20 6d 61 72 67 69 6e 3a 20 33 70 78 20      margin: 3px 
0430: 30 20 32 70 78 20 30 3b 0a 20 20 20 20 63 6f 6c  0 2px 0;.    col
0440: 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 35 30 25  or: hsl(210, 50%
0450: 2c 20 35 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74  , 50%);.    font
0460: 3a 20 62 6f 6c 64 20 31 36 70 78 20 22 54 72 65  : bold 16px "Tre
0470: 62 75 63 68 65 74 20 4d 53 22 2c 20 22 46 69 72  buchet MS", "Fir
0480: 61 20 53 61 6e 73 22 2c 20 22 4c 69 62 65 72 61  a Sans", "Libera
0490: 74 69 6f 6e 20 53 61 6e 73 22 2c 20 73 61 6e 73  tion Sans", sans
04a0: 2d 73 65 72 69 66 3b 0a 7d 0a 0a 23 62 75 74 74  -serif;.}..#butt
04b0: 6f 6e 73 20 7b 0a 20 20 20 20 70 61 64 64 69 6e  ons {.    paddin
04c0: 67 3a 20 31 30 70 78 3b 0a 20 20 20 20 6a 75 73  g: 10px;.    jus
04d0: 74 69 66 79 2d 63 6f 6e 74 65 6e 74 3a 20 63 65  tify-content: ce
04e0: 6e 74 65 72 3b 0a 7d 0a 23 6c 65 78 69 63 6f 6e  nter;.}.#lexicon
04f0: 5f 62 75 74 74 6f 6e 20 7b 0a 20 20 20 20 62 61  _button {.    ba
0500: 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20  ckground-color: 
0510: 68 73 6c 28 32 31 30 2c 20 38 30 25 2c 20 39 30  hsl(210, 80%, 90
0520: 25 29 3b 0a 7d 0a 2e 6d 61 69 6e 5f 62 75 74 74  %);.}..main_butt
0530: 6f 6e 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e 3a  on {.    margin:
0540: 20 30 20 35 70 78 3b 0a 20 20 20 20 70 61 64 64   0 5px;.    padd
0550: 69 6e 67 3a 20 31 30 70 78 20 33 30 70 78 3b 0a  ing: 10px 30px;.
0560: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63      background-c
0570: 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 31  olor: hsl(210, 1
0580: 30 25 2c 20 39 35 25 29 3b 0a 20 20 20 20 62 6f  0%, 95%);.    bo
0590: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 35 70 78  rder-radius: 5px
05a0: 3b 0a 20 20 20 20 63 75 72 73 6f 72 3a 20 70 6f  ;.    cursor: po
05b0: 69 6e 74 65 72 3b 0a 7d 0a 0a 0a 23 61 64 64 5f  inter;.}...#add_
05c0: 77 6f 72 64 5f 70 61 67 65 20 7b 0a 20 20 20 20  word_page {.    
05d0: 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d  display: none;.}
05e0: 0a 0a 23 65 64 69 74 6f 72 20 7b 0a 20 20 20 20  ..#editor {.    
05f0: 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d  display: none;.}
0600: 0a 0a 23 63 61 74 65 67 6f 72 69 65 73 20 7b 0a  ..#categories {.
0610: 20 20 20 20 64 69 73 70 6c 61 79 3a 20 66 6c 65      display: fle
0620: 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20  x;.    padding: 
0630: 31 30 70 78 20 30 3b 0a 7d 0a 0a 23 77 6f 72 64  10px 0;.}..#word
0640: 5f 73 65 63 74 69 6f 6e 32 20 7b 0a 20 20 20 20  _section2 {.    
0650: 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d  display: none;.}
0660: 0a 0a 2e 63 61 74 65 67 6f 72 79 20 7b 0a 20 20  ...category {.  
0670: 20 20 70 61 64 64 69 6e 67 3a 20 31 30 70 78 3b    padding: 10px;
0680: 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69  .    border-radi
0690: 75 73 3a 20 33 70 78 3b 0a 20 20 20 20 63 75 72  us: 3px;.    cur
06a0: 73 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a  sor: pointer;.}.
06b0: 2e 63 61 74 65 67 6f 72 79 3a 68 6f 76 65 72 20  .category:hover 
06c0: 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64  {.    background
06d0: 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30  -color: hsl(0, 0
06e0: 25 2c 20 39 30 25 29 3b 0a 7d 0a 0a 2e 73 65 70  %, 90%);.}...sep
06f0: 61 72 61 74 6f 72 20 7b 0a 20 20 20 20 62 6f 72  arator {.    bor
0700: 64 65 72 2d 6c 65 66 74 3a 20 31 70 78 20 73 6f  der-left: 1px so
0710: 6c 69 64 20 68 73 6c 28 32 31 30 2c 20 30 25 2c  lid hsl(210, 0%,
0720: 20 39 30 25 29 3b 0a 7d 0a 0a 23 73 65 63 74 69   90%);.}..#secti
0730: 6f 6e 5f 76 69 64 65 20 7b 0a 20 20 20 20 70 61  on_vide {.    pa
0740: 64 64 69 6e 67 3a 20 35 30 70 78 3b 0a 20 20 20  dding: 50px;.   
0750: 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 32 34 70 78   font-size: 24px
0760: 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69 67 6e  ;.    text-align
0770: 3a 20 63 65 6e 74 65 72 3b 0a 20 20 20 20 62 61  : center;.    ba
0780: 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20  ckground-color: 
0790: 68 73 6c 28 30 2c 20 32 30 25 2c 20 39 30 25 29  hsl(0, 20%, 90%)
07a0: 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c  ;.    color: hsl
07b0: 28 30 2c 20 32 30 25 2c 20 35 30 25 29 3b 0a 20  (0, 20%, 50%);. 
07c0: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
07d0: 3a 20 35 70 78 3b 0a 7d 0a 2e 73 65 63 74 69 6f  : 5px;.}..sectio
07e0: 6e 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a  n {.    display:
07f0: 20 6e 6f 6e 65 3b 0a 20 20 20 20 70 61 64 64 69   none;.    paddi
0800: 6e 67 3a 20 31 30 70 78 3b 0a 7d 0a 0a 2e 63 6f  ng: 10px;.}...co
0810: 6e 74 61 69 6e 65 72 20 7b 0a 20 20 20 20 64 69  ntainer {.    di
0820: 73 70 6c 61 79 3a 20 66 6c 65 78 3b 0a 7d 0a 0a  splay: flex;.}..
0830: 2e 62 6c 6f 63 6b 20 7b 0a 20 20 20 20 66 6c 65  .block {.    fle
0840: 78 2d 67 72 6f 77 3a 20 31 3b 0a 20 20 20 20 6d  x-grow: 1;.    m
0850: 61 72 67 69 6e 3a 20 35 70 78 3b 0a 20 20 20 20  argin: 5px;.    
0860: 70 61 64 64 69 6e 67 3a 20 31 30 70 78 20 31 35  padding: 10px 15
0870: 70 78 20 31 35 70 78 20 31 35 70 78 3b 0a 20 20  px 15px 15px;.  
0880: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0890: 6f 72 3a 20 68 73 6c 28 30 2c 20 31 30 25 2c 20  or: hsl(0, 10%, 
08a0: 39 36 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72  96%);.    border
08b0: 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 7d 0a  -radius: 3px;.}.
08c0: 0a 0a 2e 74 79 70 65 6c 69 6e 65 20 7b 0a 20 20  ...typeline {.  
08d0: 20 20 70 61 64 64 69 6e 67 3a 20 35 70 78 20 31    padding: 5px 1
08e0: 30 70 78 3b 0a 7d 0a 2e 77 69 64 65 6c 61 62 65  0px;.}..widelabe
08f0: 6c 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a  l {.    display:
0900: 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 0a 20   inline-block;. 
0910: 20 20 20 6d 69 6e 2d 77 69 64 74 68 3a 20 38 30     min-width: 80
0920: 70 78 3b 0a 7d 0a 0a 2e 65 78 61 6d 70 6c 65 73  px;.}...examples
0930: 5f 74 72 75 65 20 7b 0a 20 20 20 20 66 6c 65 78  _true {.    flex
0940: 2d 67 72 6f 77 3a 20 31 3b 0a 20 20 20 20 6d 61  -grow: 1;.    ma
0950: 72 67 69 6e 3a 20 32 70 78 3b 0a 20 20 20 20 70  rgin: 2px;.    p
0960: 61 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20  adding: 10px;.  
0970: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0980: 6f 72 3a 20 68 73 6c 28 31 32 30 2c 20 31 30 25  or: hsl(120, 10%
0990: 2c 20 39 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f  , 90%);.    colo
09a0: 72 3a 20 68 73 6c 28 31 32 30 2c 20 31 30 25 2c  r: hsl(120, 10%,
09b0: 20 35 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74 2d   50%);.    font-
09c0: 73 69 7a 65 3a 20 31 34 70 78 3b 0a 20 20 20 20  size: 14px;.    
09d0: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33  border-radius: 3
09e0: 70 78 3b 0a 7d 0a 2e 65 78 61 6d 70 6c 65 73 5f  px;.}..examples_
09f0: 66 61 6c 73 65 20 7b 0a 20 20 20 20 66 6c 65 78  false {.    flex
0a00: 2d 67 72 6f 77 3a 20 31 3b 0a 20 20 20 20 6d 61  -grow: 1;.    ma
0a10: 72 67 69 6e 3a 20 32 70 78 3b 0a 20 20 20 20 70  rgin: 2px;.    p
0a20: 61 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20  adding: 10px;.  
0a30: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0a40: 6f 72 3a 20 68 73 6c 28 30 2c 20 31 30 25 2c 20  or: hsl(0, 10%, 
0a50: 39 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a  90%);.    color:
0a60: 20 68 73 6c 28 30 2c 20 31 30 25 2c 20 35 30 25   hsl(0, 10%, 50%
0a70: 29 3b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65  );.    font-size
0a80: 3a 20 31 34 70 78 3b 0a 20 20 20 20 62 6f 72 64  : 14px;.    bord
0a90: 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a  er-radius: 3px;.
0aa0: 7d 0a 0a 75 6c 20 7b 0a 20 20 20 20 6d 61 72 67  }..ul {.    marg
0ab0: 69 6e 2d 6c 65 66 74 3a 20 33 30 70 78 3b 0a 7d  in-left: 30px;.}
0ac0: 0a 0a 69 6e 70 75 74 5b 74 79 70 65 3d 74 65 78  ..input[type=tex
0ad0: 74 5d 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79  t] {.    display
0ae0: 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 0a  : inline-block;.
0af0: 20 20 20 20 77 69 64 74 68 3a 20 32 35 30 70 78      width: 250px
0b00: 3b 0a 20 20 20 20 6d 61 72 67 69 6e 2d 6c 65 66  ;.    margin-lef
0b10: 74 3a 20 35 70 78 3b 0a 20 20 20 20 70 61 64 64  t: 5px;.    padd
0b20: 69 6e 67 3a 20 35 70 78 20 31 30 70 78 3b 0a 20  ing: 5px 10px;. 
0b30: 20 20 20 62 6f 72 64 65 72 3a 20 32 70 78 20 73     border: 2px s
0b40: 6f 6c 69 64 20 68 73 6c 28 30 2c 20 30 25 2c 20  olid hsl(0, 0%, 
0b50: 38 30 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72  80%);.    border
0b60: 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 20 20  -radius: 3px;.  
0b70: 20 20 68 65 69 67 68 74 3a 20 32 34 70 78 3b 0a    height: 24px;.
0b80: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20      background: 
0b90: 74 72 61 6e 73 70 61 72 65 6e 74 3b 0a 20 20 20  transparent;.   
0ba0: 20 66 6f 6e 74 3a 20 6e 6f 72 6d 61 6c 20 32 30   font: normal 20
0bb0: 70 78 20 54 61 68 6f 6d 61 2c 20 22 55 62 75 6e  px Tahoma, "Ubun
0bc0: 74 75 20 43 6f 6e 64 65 6e 73 65 64 22 3b 0a 20  tu Condensed";. 
0bd0: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c     color: hsl(0,
0be0: 20 30 25 2c 20 32 30 25 29 3b 0a 7d 0a 69 6e 70   0%, 20%);.}.inp
0bf0: 75 74 5b 70 6c 61 63 65 68 6f 6c 64 65 72 5d 20  ut[placeholder] 
0c00: 7b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c  {.    color: hsl
0c10: 28 30 2c 20 30 25 2c 20 35 30 25 29 3b 0a 7d 0a  (0, 0%, 50%);.}.
0c20: 0a 0a 23 61 63 74 69 6f 6e 73 20 7b 0a 20 20 20  ..#actions {.   
0c30: 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a   display: none;.
0c40: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30 70      padding: 10p
0c50: 78 3b 0a 7d 0a 0a 23 72 65 73 75 6c 74 73 20 7b  x;.}..#results {
0c60: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30  .    padding: 10
0c70: 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  px;.    backgrou
0c80: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31  nd-color: hsl(21
0c90: 30 2c 20 31 30 25 2c 20 39 30 25 29 3b 0a 20 20  0, 10%, 90%);.  
0ca0: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a    border-radius:
0cb0: 20 33 70 78 3b 0a 20 20 20 20 6d 61 72 67 69 6e   3px;.    margin
0cc0: 3a 20 35 70 78 20 30 3b 0a 20 20 20 20 66 6f 6e  : 5px 0;.    fon
0cd0: 74 2d 66 61 6d 69 6c 79 3a 20 22 43 6f 75 72 69  t-family: "Couri
0ce0: 65 72 20 4e 65 77 22 2c 20 43 6f 75 72 69 65 72  er New", Courier
0cf0: 2c 20 22 4c 75 63 69 64 61 20 53 61 6e 73 20 54  , "Lucida Sans T
0d00: 79 70 65 77 72 69 74 65 72 22 2c 20 22 4c 75 63  ypewriter", "Luc
0d10: 69 64 61 20 54 79 70 65 77 72 69 74 65 72 22 2c  ida Typewriter",
0d20: 20 6d 6f 6e 6f 73 70 61 63 65 3b 0a 7d 0a 0a 23   monospace;.}..#
0d30: 62 75 74 74 6f 6e 6c 69 6e 65 20 7b 0a 20 20 20  buttonline {.   
0d40: 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20 72 69 67   text-align: rig
0d50: 68 74 3b 0a 7d 0a 0a 23 61 64 64 5f 74 6f 5f 6c  ht;.}..#add_to_l
0d60: 65 78 69 63 6f 6e 20 7b 0a 20 20 20 20 64 69 73  exicon {.    dis
0d70: 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f  play: inline-blo
0d80: 63 6b 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  ck;.    padding:
0d90: 20 37 70 78 20 31 30 70 78 3b 0a 20 20 20 20 66   7px 10px;.    f
0da0: 6f 6e 74 2d 73 69 7a 65 3a 20 32 30 70 78 3b 0a  ont-size: 20px;.
0db0: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63      background-c
0dc0: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 33 30 25  olor: hsl(0, 30%
0dd0: 2c 20 33 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f  , 30%);.    colo
0de0: 72 3a 20 68 73 6c 28 30 2c 20 33 30 25 2c 20 36  r: hsl(0, 30%, 6
0df0: 30 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  0%);.    border-
0e00: 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 20 20 20  radius: 3px;.   
0e10: 20 74 65 78 74 2d 74 72 61 6e 73 66 6f 72 6d 3a   text-transform:
0e20: 20 75 70 70 65 72 63 61 73 65 3b 0a 20 20 20 20   uppercase;.    
0e30: 74 65 78 74 2d 61 6c 69 67 6e 3a 20 63 65 6e 74  text-align: cent
0e40: 65 72 3b 0a 20 20 20 20 74 65 78 74 2d 64 65 63  er;.    text-dec
0e50: 6f 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65 3b 0a 20  oration: none;. 
0e60: 20 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74     cursor: point
0e70: 65 72 3b 0a 7d 0a 23 61 64 64 5f 74 6f 5f 6c 65  er;.}.#add_to_le
0e80: 78 69 63 6f 6e 3a 68 6f 76 65 72 20 7b 0a 20 20  xicon:hover {.  
0e90: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0ea0: 6f 72 3a 20 68 73 6c 28 30 2c 20 36 30 25 2c 20  or: hsl(0, 60%, 
0eb0: 34 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a  40%);.    color:
0ec0: 20 68 73 6c 28 30 2c 20 36 30 25 2c 20 37 30 25   hsl(0, 60%, 70%
0ed0: 29 3b 0a 20 20 20 20 62 6f 78 2d 73 68 61 64 6f  );.    box-shado
0ee0: 77 3a 20 30 20 30 20 32 70 78 20 68 73 6c 28 30  w: 0 0 2px hsl(0
0ef0: 2c 20 36 30 25 2c 20 35 30 25 29 3b 0a 7d 0a 0a  , 60%, 50%);.}..
0f00: 0a 23 6c 65 78 69 63 6f 6e 5f 70 61 67 65 20 7b  .#lexicon_page {
0f10: 0a 20 20 20 20 0a 7d 0a 0a 23 6e 6f 5f 65 6c 65  .    .}..#no_ele
0f20: 6d 5f 6c 69 6e 65 20 7b 0a 20 20 20 20 64 69 73  m_line {.    dis
0f30: 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d 0a 0a 2e  play: none;.}...
0f40: 62 75 74 74 6f 6e 5f 62 6c 6f 63 6b 20 7b 0a 20  button_block {. 
0f50: 20 20 20 6d 61 72 67 69 6e 3a 20 35 70 78 20 30     margin: 5px 0
0f60: 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  px;.    backgrou
0f70: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31  nd-color: hsl(21
0f80: 30 2c 20 31 30 25 2c 20 39 30 25 29 3b 0a 20 20  0, 10%, 90%);.  
0f90: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a    border-radius:
0fa0: 20 35 70 78 3b 0a 20 20 20 20 70 61 64 64 69 6e   5px;.    paddin
0fb0: 67 3a 20 31 35 70 78 3b 0a 7d 0a 23 73 61 76 65  g: 15px;.}.#save
0fc0: 5f 62 75 74 74 6f 6e 2c 20 23 65 78 70 6f 72 74  _button, #export
0fd0: 5f 62 75 74 74 6f 6e 20 7b 0a 20 20 20 20 64 69  _button {.    di
0fe0: 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20  splay: none;.   
0ff0: 20 66 6c 6f 61 74 3a 20 72 69 67 68 74 3b 0a 20   float: right;. 
1000: 20 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78 20     padding: 2px 
1010: 32 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72  20px;.    backgr
1020: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
1030: 31 35 30 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a  150, 50%, 50%);.
1040: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 31      color: hsl(1
1050: 35 30 2c 20 30 25 2c 20 31 30 30 25 29 3b 0a 20  50, 0%, 100%);. 
1060: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
1070: 3a 20 33 70 78 3b 0a 20 20 20 20 63 75 72 73 6f  : 3px;.    curso
1080: 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 23 65  r: pointer;.}.#e
1090: 78 70 6f 72 74 5f 62 75 74 74 6f 6e 20 7b 0a 20  xport_button {. 
10a0: 20 20 20 64 69 73 70 6c 61 79 3a 20 62 6c 6f 63     display: bloc
10b0: 6b 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e  k;.    backgroun
10c0: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30  d-color: hsl(210
10d0: 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a 20 20 20  , 50%, 50%);.   
10e0: 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c   color: hsl(210,
10f0: 20 30 25 2c 20 31 30 30 25 29 3b 0a 7d 0a 0a 23   0%, 100%);.}..#
1100: 62 75 69 6c 64 5f 70 72 6f 67 72 65 73 73 20 7b  build_progress {
1110: 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f  .    display: no
1120: 6e 65 3b 0a 20 20 20 20 77 69 64 74 68 3a 20 31  ne;.    width: 1
1130: 30 30 25 3b 0a 7d 0a 0a 74 68 20 7b 0a 20 20 20  00%;.}..th {.   
1140: 20 70 61 64 64 69 6e 67 3a 20 35 70 78 20 32 30   padding: 5px 20
1150: 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 6c  px;.    border-l
1160: 65 66 74 3a 20 31 70 78 20 73 6f 6c 69 64 20 68  eft: 1px solid h
1170: 73 6c 28 32 31 30 2c 20 31 30 25 2c 20 39 30 25  sl(210, 10%, 90%
1180: 29 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69 67  );.    text-alig
1190: 6e 3a 20 6c 65 66 74 3b 0a 7d 0a 74 64 20 7b 0a  n: left;.}.td {.
11a0: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 30 20 32      padding: 0 2
11b0: 30 70 78 3b 0a 7d 0a 0a 2e 64 65 6c 65 74 65 5f  0px;.}...delete_
11c0: 65 6e 74 72 79 20 7b 0a 20 20 20 20 63 75 72 73  entry {.    curs
11d0: 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 20 20 20  or: pointer;.   
11e0: 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62 6f   font-weight: bo
11f0: 6c 64 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68  ld;.    color: h
1200: 73 6c 28 30 2c 20 31 30 30 25 2c 20 35 30 25 29  sl(0, 100%, 50%)
1210: 3b 0a 7d 0a                                      ;.}.