Grammalecte  Hex Artifact Content

Artifact 35f12336a2e6b57b98ea374e2f03d8ef1371967e85bdd955cdfb3e8ab18d190b:


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 40 69 6d 70 6f 72 74  r R..*/..@import
0040: 20 75 72 6c 28 22 63 6f 6d 6d 6f 6e 2e 63 73 73   url("common.css
0050: 22 29 3b 0a 0a 62 6f 64 79 20 7b 0a 09 62 61 63  ");..body {..bac
0060: 6b 67 72 6f 75 6e 64 3a 20 23 46 46 46 46 46 46  kground: #FFFFFF
0070: 20 75 72 6c 28 69 6d 67 2f 6c 69 6e 65 73 2e 70   url(img/lines.p
0080: 6e 67 29 3b 0a 09 66 6f 6e 74 3a 20 6e 6f 72 6d  ng);..font: norm
0090: 61 6c 20 31 36 70 78 20 54 61 68 6f 6d 61 2c 20  al 16px Tahoma, 
00a0: 22 4c 75 63 69 64 61 20 47 72 61 6e 64 65 22 2c  "Lucida Grande",
00b0: 20 22 4c 75 63 69 64 61 20 53 61 6e 73 20 55 6e   "Lucida Sans Un
00c0: 69 63 6f 64 65 22 2c 20 22 4c 75 63 69 64 61 20  icode", "Lucida 
00d0: 53 61 6e 73 22 2c 20 73 61 6e 73 2d 73 65 72 69  Sans", sans-seri
00e0: 66 3b 0a 09 63 6f 6c 6f 72 3a 20 23 35 30 35 30  f;..color: #5050
00f0: 35 30 3b 0a 09 2f 2a 74 65 78 74 2d 72 65 6e 64  50;../*text-rend
0100: 65 72 69 6e 67 3a 20 6f 70 74 69 6d 69 7a 65 4c  ering: optimizeL
0110: 65 67 69 62 69 6c 69 74 79 3b 2a 2f 0a 7d 0a 0a  egibility;*/.}..
0120: 2e 6d 61 69 6e 66 6c 6f 77 20 7b 0a 20 20 20 20  .mainflow {.    
0130: 77 69 64 74 68 3a 20 35 30 30 70 78 3b 0a 20 20  width: 500px;.  
0140: 20 20 6d 61 72 67 69 6e 3a 20 30 20 61 75 74 6f    margin: 0 auto
0150: 20 30 20 61 75 74 6f 3b 0a 7d 0a 0a 2e 6c 6f 67   0 auto;.}...log
0160: 6f 20 7b 0a 20 20 20 20 70 6f 73 69 74 69 6f 6e  o {.    position
0170: 3a 20 61 62 73 6f 6c 75 74 65 3b 0a 20 20 20 20  : absolute;.    
0180: 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72  background-color
0190: 3a 20 23 46 46 46 46 46 46 3b 0a 20 20 20 20 62  : #FFFFFF;.    b
01a0: 6f 72 64 65 72 3a 20 33 70 78 20 73 6f 6c 69 64  order: 3px solid
01b0: 20 23 46 30 46 30 46 30 3b 0a 20 20 20 20 62 6f   #F0F0F0;.    bo
01c0: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 35 30 70  rder-radius: 50p
01d0: 78 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20  x;.    padding: 
01e0: 34 70 78 20 34 70 78 20 30 20 34 70 78 3b 0a 7d  4px 4px 0 4px;.}
01f0: 0a 0a 0a 2f 2a 20 4d 41 49 4e 20 3d 3d 3d 3d 3d  .../* MAIN =====
0200: 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d  ================
0210: 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d  ================
0220: 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d  ================
0230: 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d 3d  ================
0240: 3d 20 2a 2f 0a 0a 23 6d 61 69 6e 20 2e 69 6e 62  = */..#main .inb
0250: 6f 78 20 7b 0a 20 20 20 20 77 69 64 74 68 3a 20  ox {.    width: 
0260: 35 30 30 70 78 3b 0a 20 20 20 20 6d 61 72 67 69  500px;.    margi
0270: 6e 3a 20 31 30 70 78 20 61 75 74 6f 20 31 30 70  n: 10px auto 10p
0280: 78 20 61 75 74 6f 3b 0a 20 20 20 20 70 61 64 64  x auto;.    padd
0290: 69 6e 67 3a 20 30 20 31 30 70 78 20 31 30 70 78  ing: 0 10px 10px
02a0: 20 31 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67   10px;.    backg
02b0: 72 6f 75 6e 64 3a 20 23 46 46 46 46 46 46 3b 0a  round: #FFFFFF;.
02c0: 20 20 20 20 62 6f 72 64 65 72 3a 20 32 70 78 20      border: 2px 
02d0: 73 6f 6c 69 64 20 23 46 30 46 30 46 30 3b 0a 20  solid #F0F0F0;. 
02e0: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
02f0: 3a 20 32 30 70 78 3b 0a 7d 0a 0a 23 6d 61 69 6e  : 20px;.}..#main
0300: 20 68 31 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e   h1 {.    margin
0310: 3a 20 35 70 78 20 30 20 32 70 78 20 30 3b 0a 20  : 5px 0 2px 0;. 
0320: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31     color: hsl(21
0330: 30 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a 20 20  0, 50%, 50%);.  
0340: 20 20 66 6f 6e 74 3a 20 62 6f 6c 64 20 33 30 70    font: bold 30p
0350: 78 20 54 61 68 6f 6d 61 2c 20 22 4c 75 63 69 64  x Tahoma, "Lucid
0360: 61 20 47 72 61 6e 64 65 22 2c 20 22 4c 75 63 69  a Grande", "Luci
0370: 64 61 20 53 61 6e 73 20 55 6e 69 63 6f 64 65 22  da Sans Unicode"
0380: 2c 20 22 4c 75 63 69 64 61 20 53 61 6e 73 22 2c  , "Lucida Sans",
0390: 20 73 61 6e 73 2d 73 65 72 69 66 3b 0a 7d 0a 23   sans-serif;.}.#
03a0: 6d 61 69 6e 20 68 32 20 7b 0a 20 20 20 20 6d 61  main h2 {.    ma
03b0: 72 67 69 6e 3a 20 35 70 78 20 30 20 32 70 78 20  rgin: 5px 0 2px 
03c0: 30 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73  0;.    color: hs
03d0: 6c 28 30 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a  l(0, 50%, 50%);.
03e0: 20 20 20 20 66 6f 6e 74 3a 20 62 6f 6c 64 20 31      font: bold 1
03f0: 36 70 78 20 54 61 68 6f 6d 61 2c 20 22 4c 75 63  6px Tahoma, "Luc
0400: 69 64 61 20 47 72 61 6e 64 65 22 2c 20 22 4c 75  ida Grande", "Lu
0410: 63 69 64 61 20 53 61 6e 73 20 55 6e 69 63 6f 64  cida Sans Unicod
0420: 65 22 2c 20 22 4c 75 63 69 64 61 20 53 61 6e 73  e", "Lucida Sans
0430: 22 2c 20 73 61 6e 73 2d 73 65 72 69 66 3b 0a 7d  ", sans-serif;.}
0440: 0a 23 6d 61 69 6e 20 68 33 20 7b 0a 20 20 20 20  .#main h3 {.    
0450: 6d 61 72 67 69 6e 3a 20 35 70 78 20 30 20 32 70  margin: 5px 0 2p
0460: 78 20 30 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  x 0;.    color: 
0470: 68 73 6c 28 32 31 30 2c 20 35 30 25 2c 20 35 30  hsl(210, 50%, 50
0480: 25 29 3b 0a 20 20 20 20 66 6f 6e 74 3a 20 62 6f  %);.    font: bo
0490: 6c 64 20 31 34 70 78 20 54 61 68 6f 6d 61 2c 20  ld 14px Tahoma, 
04a0: 22 4c 75 63 69 64 61 20 47 72 61 6e 64 65 22 2c  "Lucida Grande",
04b0: 20 22 4c 75 63 69 64 61 20 53 61 6e 73 20 55 6e   "Lucida Sans Un
04c0: 69 63 6f 64 65 22 2c 20 22 4c 75 63 69 64 61 20  icode", "Lucida 
04d0: 53 61 6e 73 22 2c 20 73 61 6e 73 2d 73 65 72 69  Sans", sans-seri
04e0: 66 3b 0a 7d 0a 0a 23 6d 61 69 6e 20 2e 63 6f 6c  f;.}..#main .col
04f0: 6f 6e 6e 65 20 7b 0a 20 20 20 20 66 6c 6f 61 74  onne {.    float
0500: 3a 20 6c 65 66 74 3b 0a 20 20 20 20 77 69 64 74  : left;.    widt
0510: 68 3a 20 32 34 30 70 78 3b 0a 7d 0a 23 6d 61 69  h: 240px;.}.#mai
0520: 6e 20 2e 63 6f 6c 73 65 70 20 7b 0a 20 20 20 20  n .colsep {.    
0530: 66 6c 6f 61 74 3a 20 6c 65 66 74 3b 0a 20 20 20  float: left;.   
0540: 20 77 69 64 74 68 3a 20 32 30 70 78 3b 0a 7d 0a   width: 20px;.}.
0550: 0a 2e 63 6f 6c 6f 6e 6e 65 20 70 20 7b 0a 20 20  ..colonne p {.  
0560: 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 32 70    font-size: 12p
0570: 78 3b 0a 7d 0a 0a 2f 2a 2e 62 6f 78 20 7b 0a 20  x;.}../*.box {. 
0580: 20 20 20 62 6f 72 64 65 72 2d 6c 65 66 74 3a 20     border-left: 
0590: 32 70 78 20 73 6f 6c 69 64 20 23 38 42 43 35 45  2px solid #8BC5E
05a0: 46 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 62 6f  F;.    border-bo
05b0: 74 74 6f 6d 3a 20 32 70 78 20 73 6f 6c 69 64 20  ttom: 2px solid 
05c0: 23 38 42 43 35 45 46 3b 0a 20 20 20 20 62 6f 72  #8BC5EF;.    bor
05d0: 64 65 72 2d 72 61 64 69 75 73 3a 20 35 70 78 3b  der-radius: 5px;
05e0: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 30 20  .    padding: 0 
05f0: 30 20 32 70 78 20 31 30 70 78 3b 0a 7d 2a 2f 0a  0 2px 10px;.}*/.
0600: 0a 69 6e 70 75 74 23 76 65 72 62 20 7b 0a 20 20  .input#verb {.  
0610: 20 20 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e    display: inlin
0620: 65 2d 62 6c 6f 63 6b 3b 0a 20 20 20 20 77 69 64  e-block;.    wid
0630: 74 68 3a 20 32 33 30 70 78 3b 0a 20 20 20 20 6d  th: 230px;.    m
0640: 61 72 67 69 6e 2d 6c 65 66 74 3a 20 35 70 78 3b  argin-left: 5px;
0650: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 35 70  .    padding: 5p
0660: 78 20 31 30 70 78 3b 0a 20 20 20 20 62 6f 72 64  x 10px;.    bord
0670: 65 72 3a 20 32 70 78 20 73 6f 6c 69 64 20 68 73  er: 2px solid hs
0680: 6c 28 30 2c 20 30 25 2c 20 38 30 25 29 3b 0a 20  l(0, 0%, 80%);. 
0690: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
06a0: 3a 20 33 70 78 3b 0a 20 20 20 20 68 65 69 67 68  : 3px;.    heigh
06b0: 74 3a 20 32 34 70 78 3b 0a 20 20 20 20 62 61 63  t: 24px;.    bac
06c0: 6b 67 72 6f 75 6e 64 3a 20 74 72 61 6e 73 70 61  kground: transpa
06d0: 72 65 6e 74 3b 0a 20 20 20 20 66 6f 6e 74 3a 20  rent;.    font: 
06e0: 6e 6f 72 6d 61 6c 20 32 30 70 78 20 54 61 68 6f  normal 20px Taho
06f0: 6d 61 2c 20 22 55 62 75 6e 74 75 20 43 6f 6e 64  ma, "Ubuntu Cond
0700: 65 6e 73 65 64 22 3b 0a 20 20 20 20 63 6f 6c 6f  ensed";.    colo
0710: 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 33 30  r: hsl(0, 0%, 30
0720: 25 29 3b 0a 7d 0a 69 6e 70 75 74 5b 70 6c 61 63  %);.}.input[plac
0730: 65 68 6f 6c 64 65 72 5d 23 76 65 72 62 20 7b 0a  eholder]#verb {.
0740: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30      color: hsl(0
0750: 2c 20 30 25 2c 20 37 30 25 29 3b 0a 7d 0a 0a 61  , 0%, 70%);.}..a
0760: 23 63 6f 6e 6a 75 67 61 74 65 20 7b 0a 20 20 20  #conjugate {.   
0770: 20 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65   display: inline
0780: 2d 62 6c 6f 63 6b 3b 0a 20 20 20 20 70 61 64 64  -block;.    padd
0790: 69 6e 67 3a 20 37 70 78 20 31 30 70 78 3b 0a 20  ing: 7px 10px;. 
07a0: 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 32 30     font-size: 20
07b0: 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  px;.    backgrou
07c0: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c  nd-color: hsl(0,
07d0: 20 33 30 25 2c 20 33 30 25 29 3b 0a 20 20 20 20   30%, 30%);.    
07e0: 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 33 30  color: hsl(0, 30
07f0: 25 2c 20 36 30 25 29 3b 0a 20 20 20 20 62 6f 72  %, 60%);.    bor
0800: 64 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b  der-radius: 3px;
0810: 0a 20 20 20 20 74 65 78 74 2d 74 72 61 6e 73 66  .    text-transf
0820: 6f 72 6d 3a 20 75 70 70 65 72 63 61 73 65 3b 0a  orm: uppercase;.
0830: 20 20 20 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20      text-align: 
0840: 63 65 6e 74 65 72 3b 0a 20 20 20 20 74 65 78 74  center;.    text
0850: 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f 6e  -decoration: non
0860: 65 3b 0a 7d 0a 61 23 63 6f 6e 6a 75 67 61 74 65  e;.}.a#conjugate
0870: 3a 68 6f 76 65 72 20 7b 0a 20 20 20 20 62 61 63  :hover {.    bac
0880: 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68  kground-color: h
0890: 73 6c 28 30 2c 20 36 30 25 2c 20 34 30 25 29 3b  sl(0, 60%, 40%);
08a0: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
08b0: 30 2c 20 36 30 25 2c 20 37 30 25 29 3b 0a 20 20  0, 60%, 70%);.  
08c0: 20 20 62 6f 78 2d 73 68 61 64 6f 77 3a 20 30 20    box-shadow: 0 
08d0: 30 20 32 70 78 20 68 73 6c 28 30 2c 20 36 30 25  0 2px hsl(0, 60%
08e0: 2c 20 35 30 25 29 3b 0a 7d 0a 0a 23 6f 70 74 69  , 50%);.}..#opti
08f0: 6f 6e 73 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e  ons {.    margin
0900: 3a 20 31 30 70 78 20 35 70 78 20 30 20 35 70 78  : 10px 5px 0 5px
0910: 3b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a  ;.    font-size:
0920: 20 31 36 70 78 3b 0a 20 20 20 20 74 65 78 74 2d   16px;.    text-
0930: 61 6c 69 67 6e 3a 20 63 65 6e 74 65 72 3b 0a 7d  align: center;.}
0940: 0a 0a 23 73 6d 61 6c 6c 6e 6f 74 65 20 7b 0a 20  ..#smallnote {. 
0950: 20 20 20 66 6c 6f 61 74 3a 20 72 69 67 68 74 3b     float: right;
0960: 0a 20 20 20 20 77 69 64 74 68 3a 20 31 39 30 70  .    width: 190p
0970: 78 3b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 31  x;.    margin: 1
0980: 35 70 78 20 30 20 30 20 30 3b 0a 20 20 20 20 70  5px 0 0 0;.    p
0990: 61 64 64 69 6e 67 3a 20 30 20 35 70 78 3b 0a 20  adding: 0 5px;. 
09a0: 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 38 2e     font-size: 8.
09b0: 35 70 78 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  5px;.    color: 
09c0: 68 73 6c 28 30 2c 20 30 25 2c 20 36 30 25 29 3b  hsl(0, 0%, 60%);
09d0: 0a 20 20 20 20 74 65 78 74 2d 61 6c 69 67 6e 3a  .    text-align:
09e0: 20 63 65 6e 74 65 72 3b 0a 7d 0a 0a               center;.}..