Grammalecte  Hex Artifact Content

Artifact 62f94b1b3bf601322a2e1c88027701544156b5e4260f55df928ea06ac2a9cb07:


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 64 65 74 61 69 6c 73  erif;.}..details
04b0: 20 7b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65   {.    font-size
04c0: 3a 20 31 31 70 78 3b 0a 20 20 20 20 66 6f 6e 74  : 11px;.    font
04d0: 2d 76 61 72 69 61 6e 74 3a 20 73 6d 61 6c 6c 2d  -variant: small-
04e0: 63 61 70 73 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a  caps;.    color:
04f0: 20 68 73 6c 28 32 31 30 2c 20 35 30 25 2c 20 35   hsl(210, 50%, 5
0500: 30 25 29 3b 0a 20 20 20 20 63 75 72 73 6f 72 3a  0%);.    cursor:
0510: 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 64 65 74 61   pointer;.}.deta
0520: 69 6c 73 20 3e 20 2a 20 7b 0a 20 20 20 20 66 6f  ils > * {.    fo
0530: 6e 74 2d 73 69 7a 65 3a 20 31 32 70 78 3b 0a 20  nt-size: 12px;. 
0540: 20 20 20 66 6f 6e 74 2d 76 61 72 69 61 6e 74 3a     font-variant:
0550: 20 6e 6f 72 6d 61 6c 3b 0a 20 20 20 20 63 6f 6c   normal;.    col
0560: 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 30 25 2c  or: hsl(210, 0%,
0570: 20 30 25 29 3b 0a 20 20 20 20 63 75 72 73 6f 72   0%);.    cursor
0580: 3a 20 61 75 74 6f 3b 0a 7d 0a 64 65 74 61 69 6c  : auto;.}.detail
0590: 73 2e 69 6e 6c 69 6e 65 20 7b 0a 20 20 20 20 70  s.inline {.    p
05a0: 61 64 64 69 6e 67 3a 20 33 70 78 3b 0a 20 20 20  adding: 3px;.   
05b0: 20 77 69 64 74 68 3a 20 32 36 30 70 78 3b 0a 7d   width: 260px;.}
05c0: 0a 0a 0a 2f 2a 0a 20 20 20 20 4d 61 69 6e 20 62  .../*.    Main b
05d0: 75 74 74 6f 6e 73 0a 2a 2f 0a 23 62 75 74 74 6f  uttons.*/.#butto
05e0: 6e 73 20 7b 0a 20 20 20 20 70 61 64 64 69 6e 67  ns {.    padding
05f0: 3a 20 31 30 70 78 20 30 3b 0a 20 20 20 20 6a 75  : 10px 0;.    ju
0600: 73 74 69 66 79 2d 63 6f 6e 74 65 6e 74 3a 20 63  stify-content: c
0610: 65 6e 74 65 72 3b 0a 7d 0a 2e 6d 61 69 6e 5f 62  enter;.}..main_b
0620: 75 74 74 6f 6e 20 7b 0a 20 20 20 20 6d 61 72 67  utton {.    marg
0630: 69 6e 3a 20 30 20 35 70 78 3b 0a 20 20 20 20 77  in: 0 5px;.    w
0640: 69 64 74 68 3a 20 31 30 30 70 78 3b 0a 20 20 20  idth: 100px;.   
0650: 20 70 61 64 64 69 6e 67 3a 20 31 30 70 78 20 32   padding: 10px 2
0660: 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f  0px;.    backgro
0670: 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32  und-color: hsl(2
0680: 31 30 2c 20 31 30 25 2c 20 39 35 25 29 3b 0a 20  10, 10%, 95%);. 
0690: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
06a0: 3a 20 35 70 78 3b 0a 20 20 20 20 74 65 78 74 2d  : 5px;.    text-
06b0: 61 6c 69 67 6e 3a 20 63 65 6e 74 65 72 3b 0a 20  align: center;. 
06c0: 20 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74     cursor: point
06d0: 65 72 3b 0a 7d 0a 23 6c 65 78 69 63 6f 6e 5f 62  er;.}.#lexicon_b
06e0: 75 74 74 6f 6e 20 7b 0a 20 20 20 20 62 61 63 6b  utton {.    back
06f0: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73  ground-color: hs
0700: 6c 28 32 31 30 2c 20 38 30 25 2c 20 39 30 25 29  l(210, 80%, 90%)
0710: 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c  ;.    color: hsl
0720: 28 32 31 30 2c 20 38 30 25 2c 20 33 30 25 29 3b  (210, 80%, 30%);
0730: 0a 20 20 20 20 66 6f 6e 74 2d 77 65 69 67 68 74  .    font-weight
0740: 3a 20 62 6f 6c 64 3b 0a 7d 0a 0a 0a 2e 62 69 67  : bold;.}....big
0750: 5f 62 6c 6f 63 6b 20 7b 0a 20 20 20 20 6d 61 72  _block {.    mar
0760: 67 69 6e 3a 20 31 30 70 78 20 30 3b 0a 20 20 20  gin: 10px 0;.   
0770: 20 70 61 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a   padding: 10px;.
0780: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63      background-c
0790: 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 32  olor: hsl(210, 2
07a0: 30 25 2c 20 39 36 25 29 3b 0a 20 20 20 20 62 6f  0%, 96%);.    bo
07b0: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 35 70 78  rder-radius: 5px
07c0: 3b 0a 7d 0a 0a 23 61 64 64 5f 70 61 67 65 20 7b  ;.}..#add_page {
07d0: 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f  .    display: no
07e0: 6e 65 3b 0a 7d 0a 0a 2e 63 6f 6c 75 6d 6e 73 20  ne;.}...columns 
07f0: 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20 66  {.    display: f
0800: 6c 65 78 3b 0a 7d 0a 0a 23 77 6f 72 64 5f 67 65  lex;.}..#word_ge
0810: 6e 65 72 61 74 6f 72 20 7b 0a 20 20 20 20 77 69  nerator {.    wi
0820: 64 74 68 3a 20 34 30 30 70 78 3b 0a 7d 0a 23 67  dth: 400px;.}.#g
0830: 65 6e 65 72 61 74 65 64 5f 77 6f 72 64 73 20 7b  enerated_words {
0840: 0a 20 20 20 20 77 69 64 74 68 3a 20 34 30 30 70  .    width: 400p
0850: 78 3b 0a 7d 0a 0a 23 65 64 69 74 6f 72 20 7b 0a  x;.}..#editor {.
0860: 20 20 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e      display: non
0870: 65 3b 0a 7d 0a 0a 0a 23 77 6f 72 64 5f 73 65 63  e;.}...#word_sec
0880: 74 69 6f 6e 32 20 7b 0a 20 20 20 20 64 69 73 70  tion2 {.    disp
0890: 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d 0a 0a 2e 63  lay: none;.}...c
08a0: 61 74 65 67 6f 72 79 20 7b 0a 20 20 20 20 6d 61  ategory {.    ma
08b0: 72 67 69 6e 2d 72 69 67 68 74 3a 20 35 70 78 3b  rgin-right: 5px;
08c0: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30  .    padding: 10
08d0: 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72  px;.    border-r
08e0: 61 64 69 75 73 3a 20 33 70 78 3b 0a 20 20 20 20  adius: 3px;.    
08f0: 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72  background-color
0900: 3a 20 68 73 6c 28 32 31 30 2c 20 32 30 25 2c 20  : hsl(210, 20%, 
0910: 39 36 25 29 3b 0a 20 20 20 20 63 75 72 73 6f 72  96%);.    cursor
0920: 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 2e 63 61  : pointer;.}..ca
0930: 74 65 67 6f 72 79 3a 68 6f 76 65 72 20 7b 0a 20  tegory:hover {. 
0940: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f     background-co
0950: 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 32 30  lor: hsl(210, 20
0960: 25 2c 20 39 30 25 29 3b 0a 7d 0a 0a 2e 73 65 63  %, 90%);.}...sec
0970: 74 69 6f 6e 20 7b 0a 20 20 20 20 64 69 73 70 6c  tion {.    displ
0980: 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 70 61  ay: none;.    pa
0990: 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a 7d 0a 0a  dding: 10px;.}..
09a0: 2e 63 6f 6e 74 61 69 6e 65 72 20 7b 0a 20 20 20  .container {.   
09b0: 20 64 69 73 70 6c 61 79 3a 20 66 6c 65 78 3b 0a   display: flex;.
09c0: 7d 0a 2e 64 69 63 5f 63 6f 6e 74 61 69 6e 65 72  }..dic_container
09d0: 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20   {.    display: 
09e0: 66 6c 65 78 3b 0a 20 20 20 20 61 6c 69 67 6e 2d  flex;.    align-
09f0: 69 74 65 6d 73 3a 20 63 65 6e 74 65 72 3b 0a 20  items: center;. 
0a00: 20 20 20 6a 75 73 74 69 66 79 2d 63 6f 6e 74 65     justify-conte
0a10: 6e 74 3a 20 73 70 61 63 65 2d 62 65 74 77 65 65  nt: space-betwee
0a20: 6e 3b 0a 7d 0a 0a 2e 62 6c 6f 63 6b 20 7b 0a 20  n;.}...block {. 
0a30: 20 20 20 66 6c 65 78 2d 67 72 6f 77 3a 20 31 3b     flex-grow: 1;
0a40: 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 35 70 78  .    margin: 5px
0a50: 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31  ;.    padding: 1
0a60: 30 70 78 20 31 35 70 78 20 31 35 70 78 20 31 35  0px 15px 15px 15
0a70: 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  px;.    backgrou
0a80: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c  nd-color: hsl(0,
0a90: 20 31 30 25 2c 20 39 36 25 29 3b 0a 20 20 20 20   10%, 96%);.    
0aa0: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33  border-radius: 3
0ab0: 70 78 3b 0a 7d 0a 0a 2e 73 70 61 63 65 5f 63 6f  px;.}...space_co
0ac0: 6e 74 61 69 6e 65 72 20 7b 0a 20 20 20 20 64 69  ntainer {.    di
0ad0: 73 70 6c 61 79 3a 20 66 6c 65 78 3b 0a 20 20 20  splay: flex;.   
0ae0: 20 6a 75 73 74 69 66 79 2d 63 6f 6e 74 65 6e 74   justify-content
0af0: 3a 20 73 70 61 63 65 2d 62 65 74 77 65 65 6e 3b  : space-between;
0b00: 0a 7d 0a 0a 2e 74 79 70 65 6c 69 6e 65 20 7b 0a  .}...typeline {.
0b10: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 35 70 78      padding: 5px
0b20: 20 31 30 70 78 3b 0a 7d 0a 2e 77 69 64 65 6c 61   10px;.}..widela
0b30: 62 65 6c 20 7b 0a 20 20 20 20 64 69 73 70 6c 61  bel {.    displa
0b40: 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b  y: inline-block;
0b50: 0a 20 20 20 20 6d 69 6e 2d 77 69 64 74 68 3a 20  .    min-width: 
0b60: 38 30 70 78 3b 0a 7d 0a 0a 2e 64 65 73 63 72 69  80px;.}...descri
0b70: 70 74 69 6f 6e 20 7b 0a 20 20 20 20 66 6f 6e 74  ption {.    font
0b80: 2d 73 69 7a 65 3a 20 31 32 70 78 3b 0a 7d 0a 0a  -size: 12px;.}..
0b90: 2e 65 78 61 6d 70 6c 65 73 5f 74 72 75 65 20 7b  .examples_true {
0ba0: 0a 20 20 20 20 66 6c 65 78 2d 67 72 6f 77 3a 20  .    flex-grow: 
0bb0: 31 3b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 32  1;.    margin: 2
0bc0: 70 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  px;.    padding:
0bd0: 20 31 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67   10px;.    backg
0be0: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c  round-color: hsl
0bf0: 28 31 32 30 2c 20 31 30 25 2c 20 39 30 25 29 3b  (120, 10%, 90%);
0c00: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
0c10: 31 32 30 2c 20 31 30 25 2c 20 35 30 25 29 3b 0a  120, 10%, 50%);.
0c20: 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31      font-size: 1
0c30: 32 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  2px;.    border-
0c40: 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 7d 0a 2e  radius: 3px;.}..
0c50: 65 78 61 6d 70 6c 65 73 5f 66 61 6c 73 65 20 7b  examples_false {
0c60: 0a 20 20 20 20 66 6c 65 78 2d 67 72 6f 77 3a 20  .    flex-grow: 
0c70: 31 3b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 32  1;.    margin: 2
0c80: 70 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  px;.    padding:
0c90: 20 31 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67   10px;.    backg
0ca0: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c  round-color: hsl
0cb0: 28 30 2c 20 31 30 25 2c 20 39 30 25 29 3b 0a 20  (0, 10%, 90%);. 
0cc0: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c     color: hsl(0,
0cd0: 20 31 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20   10%, 50%);.    
0ce0: 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 32 70 78 3b  font-size: 12px;
0cf0: 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69  .    border-radi
0d00: 75 73 3a 20 33 70 78 3b 0a 7d 0a 0a 75 6c 20 7b  us: 3px;.}..ul {
0d10: 0a 20 20 20 20 6d 61 72 67 69 6e 2d 6c 65 66 74  .    margin-left
0d20: 3a 20 33 30 70 78 3b 0a 7d 0a 0a 69 6e 70 75 74  : 30px;.}..input
0d30: 5b 74 79 70 65 3d 74 65 78 74 5d 2e 6c 61 72 67  [type=text].larg
0d40: 65 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a  e {.    display:
0d50: 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 0a 20   inline-block;. 
0d60: 20 20 20 77 69 64 74 68 3a 20 32 35 30 70 78 3b     width: 250px;
0d70: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 35 70  .    padding: 5p
0d80: 78 20 31 30 70 78 3b 0a 20 20 20 20 62 6f 72 64  x 10px;.    bord
0d90: 65 72 3a 20 32 70 78 20 73 6f 6c 69 64 20 68 73  er: 2px solid hs
0da0: 6c 28 30 2c 20 30 25 2c 20 38 30 25 29 3b 0a 20  l(0, 0%, 80%);. 
0db0: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
0dc0: 3a 20 33 70 78 3b 0a 20 20 20 20 68 65 69 67 68  : 3px;.    heigh
0dd0: 74 3a 20 32 34 70 78 3b 0a 20 20 20 20 62 61 63  t: 24px;.    bac
0de0: 6b 67 72 6f 75 6e 64 3a 20 74 72 61 6e 73 70 61  kground: transpa
0df0: 72 65 6e 74 3b 0a 20 20 20 20 66 6f 6e 74 3a 20  rent;.    font: 
0e00: 6e 6f 72 6d 61 6c 20 32 30 70 78 20 54 61 68 6f  normal 20px Taho
0e10: 6d 61 2c 20 22 55 62 75 6e 74 75 20 43 6f 6e 64  ma, "Ubuntu Cond
0e20: 65 6e 73 65 64 22 3b 0a 20 20 20 20 63 6f 6c 6f  ensed";.    colo
0e30: 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 32 30  r: hsl(0, 0%, 20
0e40: 25 29 3b 0a 7d 0a 0a 69 6e 70 75 74 5b 74 79 70  %);.}..input[typ
0e50: 65 3d 74 65 78 74 5d 2e 6d 65 64 69 75 6d 20 7b  e=text].medium {
0e60: 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20 69 6e  .    display: in
0e70: 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 0a 20 20 20 20  line-block;.    
0e80: 77 69 64 74 68 3a 20 31 37 35 70 78 3b 0a 20 20  width: 175px;.  
0e90: 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78 20 35    padding: 2px 5
0ea0: 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 3a 20  px;.    border: 
0eb0: 32 70 78 20 73 6f 6c 69 64 20 68 73 6c 28 30 2c  2px solid hsl(0,
0ec0: 20 30 25 2c 20 38 30 25 29 3b 0a 20 20 20 20 62   0%, 80%);.    b
0ed0: 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33 70  order-radius: 3p
0ee0: 78 3b 0a 20 20 20 20 68 65 69 67 68 74 3a 20 32  x;.    height: 2
0ef0: 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f  0px;.    backgro
0f00: 75 6e 64 3a 20 74 72 61 6e 73 70 61 72 65 6e 74  und: transparent
0f10: 3b 0a 20 20 20 20 66 6f 6e 74 3a 20 6e 6f 72 6d  ;.    font: norm
0f20: 61 6c 20 31 38 70 78 20 54 61 68 6f 6d 61 2c 20  al 18px Tahoma, 
0f30: 22 55 62 75 6e 74 75 20 43 6f 6e 64 65 6e 73 65  "Ubuntu Condense
0f40: 64 22 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68  d";.    color: h
0f50: 73 6c 28 30 2c 20 30 25 2c 20 32 30 25 29 3b 0a  sl(0, 0%, 20%);.
0f60: 7d 0a 0a 69 6e 70 75 74 5b 70 6c 61 63 65 68 6f  }..input[placeho
0f70: 6c 64 65 72 5d 20 7b 0a 20 20 20 20 63 6f 6c 6f  lder] {.    colo
0f80: 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 35 30  r: hsl(0, 0%, 50
0f90: 25 29 3b 0a 7d 0a 0a 0a 23 62 75 74 74 6f 6e 6c  %);.}...#buttonl
0fa0: 69 6e 65 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e  ine {.    margin
0fb0: 2d 74 6f 70 3a 20 35 70 78 3b 0a 20 20 20 20 74  -top: 5px;.    t
0fc0: 65 78 74 2d 61 6c 69 67 6e 3a 20 72 69 67 68 74  ext-align: right
0fd0: 3b 0a 7d 0a 0a 23 61 64 64 5f 74 6f 5f 6c 65 78  ;.}..#add_to_lex
0fe0: 69 63 6f 6e 20 7b 0a 20 20 20 20 64 69 73 70 6c  icon {.    displ
0ff0: 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 77 69  ay: none;.    wi
1000: 64 74 68 3a 20 32 30 30 70 78 3b 0a 20 20 20 20  dth: 200px;.    
1010: 70 61 64 64 69 6e 67 3a 20 35 70 78 20 31 30 70  padding: 5px 10p
1020: 78 3b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65  x;.    font-size
1030: 3a 20 31 36 70 78 3b 0a 20 20 20 20 62 61 63 6b  : 16px;.    back
1040: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73  ground-color: hs
1050: 6c 28 31 35 30 2c 20 35 30 25 2c 20 35 30 25 29  l(150, 50%, 50%)
1060: 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c  ;.    color: hsl
1070: 28 31 35 30 2c 20 35 30 25 2c 20 39 36 25 29 3b  (150, 50%, 96%);
1080: 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69  .    border-radi
1090: 75 73 3a 20 33 70 78 3b 0a 20 20 20 20 74 65 78  us: 3px;.    tex
10a0: 74 2d 61 6c 69 67 6e 3a 20 63 65 6e 74 65 72 3b  t-align: center;
10b0: 0a 20 20 20 20 63 75 72 73 6f 72 3a 20 70 6f 69  .    cursor: poi
10c0: 6e 74 65 72 3b 0a 7d 0a 23 61 64 64 5f 74 6f 5f  nter;.}.#add_to_
10d0: 6c 65 78 69 63 6f 6e 3a 68 6f 76 65 72 20 7b 0a  lexicon:hover {.
10e0: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63      background-c
10f0: 6f 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 36  olor: hsl(150, 6
1100: 30 25 2c 20 34 30 25 29 3b 0a 20 20 20 20 63 6f  0%, 40%);.    co
1110: 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 36 30  lor: hsl(150, 60
1120: 25 2c 20 39 30 25 29 3b 0a 20 20 20 20 62 6f 78  %, 90%);.    box
1130: 2d 73 68 61 64 6f 77 3a 20 30 20 30 20 32 70 78  -shadow: 0 0 2px
1140: 20 68 73 6c 28 31 35 30 2c 20 36 30 25 2c 20 35   hsl(150, 60%, 5
1150: 30 25 29 3b 0a 7d 0a 0a 0a 23 6c 65 78 69 63 6f  0%);.}...#lexico
1160: 6e 5f 70 61 67 65 20 7b 0a 20 20 20 20 0a 7d 0a  n_page {.    .}.
1170: 0a 0a 2f 2a 0a 20 20 20 20 53 65 61 72 63 68 20  ../*.    Search 
1180: 70 61 67 65 0a 2a 2f 0a 23 73 65 61 72 63 68 5f  page.*/.#search_
1190: 70 61 67 65 20 7b 0a 20 20 20 20 64 69 73 70 6c  page {.    displ
11a0: 61 79 3a 20 6e 6f 6e 65 3b 0a 7d 0a 0a 2e 62 75  ay: none;.}...bu
11b0: 74 74 6f 6e 5f 73 65 61 72 63 68 20 7b 0a 20 20  tton_search {.  
11c0: 20 20 6d 61 72 67 69 6e 3a 20 35 70 78 20 30 3b    margin: 5px 0;
11d0: 0a 20 20 20 20 77 69 64 74 68 3a 20 31 30 30 70  .    width: 100p
11e0: 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20  x;.    padding: 
11f0: 35 70 78 20 31 30 70 78 3b 0a 20 20 20 20 66 6f  5px 10px;.    fo
1200: 6e 74 2d 73 69 7a 65 3a 20 31 36 70 78 3b 0a 20  nt-size: 16px;. 
1210: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f     background-co
1220: 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 35 30  lor: hsl(150, 50
1230: 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63 6f 6c  %, 50%);.    col
1240: 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 35 30 25  or: hsl(150, 50%
1250: 2c 20 39 36 25 29 3b 0a 20 20 20 20 62 6f 72 64  , 96%);.    bord
1260: 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a  er-radius: 3px;.
1270: 20 20 20 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20      text-align: 
1280: 63 65 6e 74 65 72 3b 0a 20 20 20 20 63 75 72 73  center;.    curs
1290: 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 2e  or: pointer;.}..
12a0: 62 75 74 74 6f 6e 5f 73 65 61 72 63 68 3a 68 6f  button_search:ho
12b0: 76 65 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  ver {.    backgr
12c0: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
12d0: 31 35 30 2c 20 36 30 25 2c 20 34 30 25 29 3b 0a  150, 60%, 40%);.
12e0: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 31      color: hsl(1
12f0: 35 30 2c 20 36 30 25 2c 20 39 30 25 29 3b 0a 20  50, 60%, 90%);. 
1300: 20 20 20 62 6f 78 2d 73 68 61 64 6f 77 3a 20 30     box-shadow: 0
1310: 20 30 20 32 70 78 20 68 73 6c 28 31 35 30 2c 20   0 2px hsl(150, 
1320: 36 30 25 2c 20 35 30 25 29 3b 0a 7d 0a 0a 23 73  60%, 50%);.}..#s
1330: 65 61 72 63 68 5f 74 61 62 6c 65 20 7b 0a 20 20  earch_table {.  
1340: 20 20 77 69 64 74 68 3a 20 36 30 30 70 78 3b 0a    width: 600px;.
1350: 7d 0a 0a 2f 2a 0a 20 20 20 20 49 6e 66 6f 72 6d  }../*.    Inform
1360: 61 74 69 6f 6e 20 70 61 67 65 0a 2a 2f 0a 23 69  ation page.*/.#i
1370: 6e 66 6f 5f 70 61 67 65 20 7b 0a 20 20 20 20 64  nfo_page {.    d
1380: 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d 0a  isplay: none;.}.
1390: 0a 23 74 61 67 73 5f 74 61 62 6c 65 20 7b 0a 20  .#tags_table {. 
13a0: 20 20 20 77 69 64 74 68 3a 20 35 30 30 70 78 3b     width: 500px;
13b0: 0a 7d 0a 0a 0a 2f 2a 0a 20 20 20 20 44 69 63 74  .}.../*.    Dict
13c0: 69 6f 6e 61 72 79 0a 2a 2f 0a 23 73 61 76 65 5f  ionary.*/.#save_
13d0: 62 75 74 74 6f 6e 2c 20 23 65 78 70 6f 72 74 5f  button, #export_
13e0: 62 75 74 74 6f 6e 2c 20 23 69 6d 70 6f 72 74 5f  button, #import_
13f0: 62 75 74 74 6f 6e 20 7b 0a 20 20 20 20 64 69 73  button {.    dis
1400: 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20  play: none;.    
1410: 66 6c 6f 61 74 3a 20 72 69 67 68 74 3b 0a 20 20  float: right;.  
1420: 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78 20 31    padding: 2px 1
1430: 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f  0px;.    backgro
1440: 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 31  und-color: hsl(1
1450: 35 30 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a 20  50, 50%, 50%);. 
1460: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 35     color: hsl(15
1470: 30 2c 20 30 25 2c 20 31 30 30 25 29 3b 0a 20 20  0, 0%, 100%);.  
1480: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a    border-radius:
1490: 20 33 70 78 3b 0a 20 20 20 20 63 75 72 73 6f 72   3px;.    cursor
14a0: 3a 20 70 6f 69 6e 74 65 72 3b 0a 7d 0a 23 65 78  : pointer;.}.#ex
14b0: 70 6f 72 74 5f 62 75 74 74 6f 6e 2c 20 23 69 6d  port_button, #im
14c0: 70 6f 72 74 5f 62 75 74 74 6f 6e 20 7b 0a 20 20  port_button {.  
14d0: 20 20 64 69 73 70 6c 61 79 3a 20 62 6c 6f 63 6b    display: block
14e0: 3b 0a 20 20 20 20 6d 61 72 67 69 6e 2d 6c 65 66  ;.    margin-lef
14f0: 74 3a 20 35 70 78 3b 0a 20 20 20 20 62 61 63 6b  t: 5px;.    back
1500: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73  ground-color: hs
1510: 6c 28 32 31 30 2c 20 35 30 25 2c 20 35 30 25 29  l(210, 50%, 50%)
1520: 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c  ;.    color: hsl
1530: 28 32 31 30 2c 20 30 25 2c 20 31 30 30 25 29 3b  (210, 0%, 100%);
1540: 0a 7d 0a 23 77 61 69 74 5f 70 72 6f 67 72 65 73  .}.#wait_progres
1550: 73 20 7b 0a 20 20 20 20 77 69 64 74 68 3a 20 31  s {.    width: 1
1560: 30 30 25 3b 0a 20 20 20 20 68 65 69 67 68 74 3a  00%;.    height:
1570: 20 34 70 78 3b 0a 7d 0a 0a 0a 2f 2a 0a 20 20 20   4px;.}.../*.   
1580: 20 54 61 62 6c 65 0a 2a 2f 0a 74 61 62 6c 65 20   Table.*/.table 
1590: 7b 0a 20 20 20 20 62 6f 72 64 65 72 3a 20 31 70  {.    border: 1p
15a0: 78 20 73 6f 6c 69 64 20 68 73 6c 28 32 31 30 2c  x solid hsl(210,
15b0: 20 31 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20   10%, 50%);.    
15c0: 77 69 64 74 68 3a 20 31 30 30 25 3b 0a 7d 0a 74  width: 100%;.}.t
15d0: 68 20 7b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  h {.    padding:
15e0: 20 35 70 78 20 31 30 70 78 3b 0a 20 20 20 20 62   5px 10px;.    b
15f0: 6f 72 64 65 72 2d 6c 65 66 74 3a 20 31 70 78 20  order-left: 1px 
1600: 73 6f 6c 69 64 20 68 73 6c 28 32 31 30 2c 20 31  solid hsl(210, 1
1610: 30 25 2c 20 39 30 25 29 3b 0a 20 20 20 20 74 65  0%, 90%);.    te
1620: 78 74 2d 61 6c 69 67 6e 3a 20 6c 65 66 74 3b 0a  xt-align: left;.
1630: 7d 0a 74 64 20 7b 0a 20 20 20 20 70 61 64 64 69  }.td {.    paddi
1640: 6e 67 3a 20 30 20 31 30 70 78 3b 0a 20 20 20 20  ng: 0 10px;.    
1650: 76 65 72 74 69 63 61 6c 2d 61 6c 69 67 6e 3a 20  vertical-align: 
1660: 74 6f 70 3b 0a 7d 0a 2e 64 65 6c 65 74 65 5f 65  top;.}..delete_e
1670: 6e 74 72 79 20 7b 0a 20 20 20 20 63 75 72 73 6f  ntry {.    curso
1680: 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 20 20 20 20  r: pointer;.    
1690: 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62 6f 6c  font-weight: bol
16a0: 64 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73  d;.    color: hs
16b0: 6c 28 30 2c 20 31 30 30 25 2c 20 35 30 25 29 3b  l(0, 100%, 50%);
16c0: 0a 7d 0a 0a 0a 0a                                .}....