Grammalecte  Hex Artifact Content

Artifact bafc0510cdcd4a7a569df70e347855190caf6af7db971bb6ec4ca3ff471e605e:


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: 68 73 6c 28 32 31 30 2c 20 30 25 2c 20 39 30 25  hsl(210, 0%, 90%
02d0: 29 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61  );.    border-ra
02e0: 64 69 75 73 3a 20 32 30 70 78 3b 0a 7d 0a 0a 68  dius: 20px;.}..h
02f0: 31 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20  1 {.    margin: 
0300: 35 70 78 20 30 20 35 70 78 20 30 3b 0a 20 20 20  5px 0 5px 0;.   
0310: 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c   color: hsl(210,
0320: 20 35 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20   50%, 50%);.    
0330: 66 6f 6e 74 3a 20 62 6f 6c 64 20 33 30 70 78 20  font: bold 30px 
0340: 22 54 72 65 62 75 63 68 65 74 20 4d 53 22 2c 20  "Trebuchet MS", 
0350: 22 46 69 72 61 20 53 61 6e 73 22 2c 20 22 4c 69  "Fira Sans", "Li
0360: 62 65 72 61 74 69 6f 6e 20 53 61 6e 73 22 2c 20  beration Sans", 
0370: 73 61 6e 73 2d 73 65 72 69 66 3b 0a 20 20 20 20  sans-serif;.    
0380: 74 65 78 74 2d 61 6c 69 67 6e 3a 20 63 65 6e 74  text-align: cent
0390: 65 72 3b 0a 7d 0a 68 32 20 7b 0a 20 20 20 20 6d  er;.}.h2 {.    m
03a0: 61 72 67 69 6e 3a 20 31 30 70 78 20 30 20 32 70  argin: 10px 0 2p
03b0: 78 20 30 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  x 0;.    color: 
03c0: 68 73 6c 28 30 2c 20 35 30 25 2c 20 35 30 25 29  hsl(0, 50%, 50%)
03d0: 3b 0a 20 20 20 20 66 6f 6e 74 3a 20 62 6f 6c 64  ;.    font: bold
03e0: 20 32 30 70 78 20 22 54 72 65 62 75 63 68 65 74   20px "Trebuchet
03f0: 20 4d 53 22 2c 20 22 46 69 72 61 20 53 61 6e 73   MS", "Fira Sans
0400: 22 2c 20 22 4c 69 62 65 72 61 74 69 6f 6e 20 53  ", "Liberation S
0410: 61 6e 73 22 2c 20 73 61 6e 73 2d 73 65 72 69 66  ans", sans-serif
0420: 3b 0a 7d 0a 0a 0a 2f 2a 0a 20 20 20 20 4d 61 69  ;.}.../*.    Mai
0430: 6e 20 62 75 74 74 6f 6e 73 0a 2a 2f 0a 0a 75 6c  n buttons.*/..ul
0440: 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e 2d 6c 65   {.    margin-le
0450: 66 74 3a 20 33 30 70 78 3b 0a 7d 0a 0a 69 6e 70  ft: 30px;.}..inp
0460: 75 74 5b 74 79 70 65 3d 74 65 78 74 5d 2e 6c 61  ut[type=text].la
0470: 72 67 65 20 7b 0a 20 20 20 20 64 69 73 70 6c 61  rge {.    displa
0480: 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b  y: inline-block;
0490: 0a 20 20 20 20 77 69 64 74 68 3a 20 32 35 30 70  .    width: 250p
04a0: 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20  x;.    padding: 
04b0: 35 70 78 20 31 30 70 78 3b 0a 20 20 20 20 62 6f  5px 10px;.    bo
04c0: 72 64 65 72 3a 20 32 70 78 20 73 6f 6c 69 64 20  rder: 2px solid 
04d0: 68 73 6c 28 30 2c 20 30 25 2c 20 38 30 25 29 3b  hsl(0, 0%, 80%);
04e0: 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69  .    border-radi
04f0: 75 73 3a 20 33 70 78 3b 0a 20 20 20 20 68 65 69  us: 3px;.    hei
0500: 67 68 74 3a 20 32 34 70 78 3b 0a 20 20 20 20 62  ght: 24px;.    b
0510: 61 63 6b 67 72 6f 75 6e 64 3a 20 74 72 61 6e 73  ackground: trans
0520: 70 61 72 65 6e 74 3b 0a 20 20 20 20 66 6f 6e 74  parent;.    font
0530: 3a 20 6e 6f 72 6d 61 6c 20 32 30 70 78 20 54 61  : normal 20px Ta
0540: 68 6f 6d 61 2c 20 22 55 62 75 6e 74 75 20 43 6f  homa, "Ubuntu Co
0550: 6e 64 65 6e 73 65 64 22 3b 0a 20 20 20 20 63 6f  ndensed";.    co
0560: 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20  lor: hsl(0, 0%, 
0570: 32 30 25 29 3b 0a 7d 0a 0a 69 6e 70 75 74 5b 74  20%);.}..input[t
0580: 79 70 65 3d 74 65 78 74 5d 2e 6d 65 64 69 75 6d  ype=text].medium
0590: 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20   {.    display: 
05a0: 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 0a 20 20  inline-block;.  
05b0: 20 20 77 69 64 74 68 3a 20 31 37 35 70 78 3b 0a    width: 175px;.
05c0: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78      padding: 2px
05d0: 20 35 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72   5px;.    border
05e0: 3a 20 32 70 78 20 73 6f 6c 69 64 20 68 73 6c 28  : 2px solid hsl(
05f0: 30 2c 20 30 25 2c 20 38 30 25 29 3b 0a 20 20 20  0, 0%, 80%);.   
0600: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20   border-radius: 
0610: 33 70 78 3b 0a 20 20 20 20 68 65 69 67 68 74 3a  3px;.    height:
0620: 20 32 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67   20px;.    backg
0630: 72 6f 75 6e 64 3a 20 74 72 61 6e 73 70 61 72 65  round: transpare
0640: 6e 74 3b 0a 20 20 20 20 66 6f 6e 74 3a 20 6e 6f  nt;.    font: no
0650: 72 6d 61 6c 20 31 38 70 78 20 54 61 68 6f 6d 61  rmal 18px Tahoma
0660: 2c 20 22 55 62 75 6e 74 75 20 43 6f 6e 64 65 6e  , "Ubuntu Conden
0670: 73 65 64 22 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a  sed";.    color:
0680: 20 68 73 6c 28 30 2c 20 30 25 2c 20 32 30 25 29   hsl(0, 0%, 20%)
0690: 3b 0a 7d 0a 0a 69 6e 70 75 74 5b 70 6c 61 63 65  ;.}..input[place
06a0: 68 6f 6c 64 65 72 5d 20 7b 0a 20 20 20 20 63 6f  holder] {.    co
06b0: 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20  lor: hsl(0, 0%, 
06c0: 35 30 25 29 3b 0a 7d 0a 0a 0a 2e 64 69 63 5f 62  50%);.}....dic_b
06d0: 75 74 74 6f 6e 20 7b 0a 20 20 20 20 6d 61 72 67  utton {.    marg
06e0: 69 6e 3a 20 32 70 78 3b 0a 20 20 20 20 64 69 73  in: 2px;.    dis
06f0: 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f  play: inline-blo
0700: 63 6b 3b 0a 7d 0a 2e 64 69 63 5f 62 75 74 74 6f  ck;.}..dic_butto
0710: 6e 5f 63 6c 6f 73 65 20 7b 0a 20 20 20 20 64 69  n_close {.    di
0720: 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c  splay: inline-bl
0730: 6f 63 6b 3b 0a 20 20 20 20 70 61 64 64 69 6e 67  ock;.    padding
0740: 3a 20 31 70 78 20 35 70 78 3b 0a 20 20 20 20 62  : 1px 5px;.    b
0750: 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a  ackground-color:
0760: 20 68 73 6c 28 30 2c 20 35 30 25 2c 20 35 30 25   hsl(0, 50%, 50%
0770: 29 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73  );.    color: hs
0780: 6c 28 30 2c 20 39 30 25 2c 20 39 30 25 29 3b 0a  l(0, 90%, 90%);.
0790: 20 20 20 20 62 6f 72 64 65 72 2d 73 74 79 6c 65      border-style
07a0: 3a 20 73 6f 6c 69 64 3b 0a 20 20 20 20 62 6f 72  : solid;.    bor
07b0: 64 65 72 2d 77 69 64 74 68 3a 20 31 70 78 20 30  der-width: 1px 0
07c0: 20 31 70 78 20 31 70 78 3b 0a 20 20 20 20 62 6f   1px 1px;.    bo
07d0: 72 64 65 72 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  rder-color: hsl(
07e0: 30 2c 20 35 30 25 2c 20 34 35 25 29 3b 0a 20 20  0, 50%, 45%);.  
07f0: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a    border-radius:
0800: 20 33 70 78 20 30 20 30 20 33 70 78 3b 0a 20 20   3px 0 0 3px;.  
0810: 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65    cursor: pointe
0820: 72 3b 0a 7d 0a 2e 64 69 63 5f 62 75 74 74 6f 6e  r;.}..dic_button
0830: 5f 6c 61 62 65 6c 20 7b 0a 20 20 20 20 64 69 73  _label {.    dis
0840: 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f  play: inline-blo
0850: 63 6b 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  ck;.    padding:
0860: 20 31 70 78 20 31 30 70 78 3b 0a 20 20 20 20 62   1px 10px;.    b
0870: 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a  ackground-color:
0880: 20 68 73 6c 28 31 32 30 2c 20 35 30 25 2c 20 39   hsl(120, 50%, 9
0890: 34 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  4%);.    border-
08a0: 73 74 79 6c 65 3a 20 73 6f 6c 69 64 3b 0a 20 20  style: solid;.  
08b0: 20 20 62 6f 72 64 65 72 2d 77 69 64 74 68 3a 20    border-width: 
08c0: 31 70 78 20 31 70 78 20 31 70 78 20 30 3b 0a 20  1px 1px 1px 0;. 
08d0: 20 20 20 62 6f 72 64 65 72 2d 63 6f 6c 6f 72 3a     border-color:
08e0: 20 68 73 6c 28 31 32 30 2c 20 35 30 25 2c 20 37   hsl(120, 50%, 7
08f0: 30 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  0%);.    border-
0900: 72 61 64 69 75 73 3a 20 30 20 33 70 78 20 33 70  radius: 0 3px 3p
0910: 78 20 30 3b 0a 7d 0a 0a 0a 2f 2a 0a 20 20 20 20  x 0;.}.../*.    
0920: 54 61 62 6c 65 0a 2a 2f 0a 23 77 61 69 74 5f 70  Table.*/.#wait_p
0930: 72 6f 67 72 65 73 73 20 7b 0a 20 20 20 20 77 69  rogress {.    wi
0940: 64 74 68 3a 20 31 30 30 25 3b 0a 20 20 20 20 68  dth: 100%;.    h
0950: 65 69 67 68 74 3a 20 34 70 78 3b 0a 7d 0a 0a 74  eight: 4px;.}..t
0960: 61 62 6c 65 20 7b 0a 20 20 20 20 62 6f 72 64 65  able {.    borde
0970: 72 3a 20 31 70 78 20 73 6f 6c 69 64 20 68 73 6c  r: 1px solid hsl
0980: 28 32 31 30 2c 20 31 30 25 2c 20 35 30 25 29 3b  (210, 10%, 50%);
0990: 0a 20 20 20 20 77 69 64 74 68 3a 20 31 30 30 25  .    width: 100%
09a0: 3b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a  ;.    font-size:
09b0: 20 31 34 70 78 3b 0a 7d 0a 74 68 20 7b 0a 20 20   14px;.}.th {.  
09c0: 20 20 70 61 64 64 69 6e 67 3a 20 35 70 78 20 31    padding: 5px 1
09d0: 30 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  0px;.    border-
09e0: 6c 65 66 74 3a 20 31 70 78 20 73 6f 6c 69 64 20  left: 1px solid 
09f0: 68 73 6c 28 32 31 30 2c 20 31 30 25 2c 20 39 30  hsl(210, 10%, 90
0a00: 25 29 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69  %);.    text-ali
0a10: 67 6e 3a 20 6c 65 66 74 3b 0a 7d 0a 74 64 20 7b  gn: left;.}.td {
0a20: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 30 20  .    padding: 0 
0a30: 31 30 70 78 3b 0a 20 20 20 20 76 65 72 74 69 63  10px;.    vertic
0a40: 61 6c 2d 61 6c 69 67 6e 3a 20 74 6f 70 3b 0a 7d  al-align: top;.}
0a50: 0a 2e 64 65 6c 65 74 65 5f 65 6e 74 72 79 20 7b  ..delete_entry {
0a60: 0a 20 20 20 20 63 75 72 73 6f 72 3a 20 70 6f 69  .    cursor: poi
0a70: 6e 74 65 72 3b 0a 20 20 20 20 66 6f 6e 74 2d 77  nter;.    font-w
0a80: 65 69 67 68 74 3a 20 62 6f 6c 64 3b 0a 20 20 20  eight: bold;.   
0a90: 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 31   color: hsl(0, 1
0aa0: 30 30 25 2c 20 35 30 25 29 3b 0a 7d 0a 2e 73 65  00%, 50%);.}..se
0ab0: 6c 65 63 74 5f 65 6e 74 72 79 20 7b 0a 20 20 20  lect_entry {.   
0ac0: 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65 72   cursor: pointer
0ad0: 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64  ;.    background
0ae0: 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 32 30 2c  -color: hsl(120,
0af0: 20 35 30 25 2c 20 33 30 25 29 3b 0a 20 20 20 20   50%, 30%);.    
0b00: 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 32 30 2c 20  color: hsl(120, 
0b10: 35 30 25 2c 20 31 30 30 25 29 3b 0a 20 20 20 20  50%, 100%);.    
0b20: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33  border-radius: 3
0b30: 70 78 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c 69  px;.    text-ali
0b40: 67 6e 3a 20 63 65 6e 74 65 72 3b 0a 7d 0a        gn: center;.}.