MobileBlur

Hex Artifact Content
Login

Artifact 037cce13321346a603bf4cf54f4673281baf4351:


0000: 40 63 68 61 72 73 65 74 20 22 55 54 46 2d 38 22  @charset "UTF-8"
0010: 3b 0a 0a 2f 2a 20 54 68 69 73 20 66 69 6c 65 20  ;../* This file 
0020: 69 73 20 63 6f 6e 74 61 69 6e 73 20 74 68 65 20  is contains the 
0030: 66 6f 6c 6c 6f 77 69 6e 67 20 73 65 63 74 69 6f  following sectio
0040: 6e 73 3a 0a 0a 55 70 64 61 74 65 3a 20 52 65 76  ns:..Update: Rev
0050: 69 73 69 6f 6e 3a 20 32 30 31 30 31 31 30 32 20  ision: 20101102 
0060: 62 79 20 4d 61 72 74 69 6e 20 4d 75 6c 6f 6e 65  by Martin Mulone
0070: 0a 0a 2d 20 54 68 65 20 6e 65 77 20 72 65 76 69  ..- The new revi
0080: 73 69 6f 6e 20 63 6f 6e 74 61 69 6e 73 3a 0a 2d  sion contains:.-
0090: 20 48 74 6d 6c 35 2c 20 67 6f 6f 64 20 70 72 61   Html5, good pra
00a0: 63 74 69 63 65 20 61 6e 64 20 6e 6f 72 6d 61 6c  ctice and normal
00b0: 69 7a 61 74 69 6f 6e 20 73 75 70 70 6f 72 74 2e  ization support.
00c0: 0a 2d 20 44 69 66 65 72 65 6e 74 20 68 61 63 6b  .- Diferent hack
00d0: 73 2e 0a 2d 20 54 68 65 20 6e 6f 72 6d 61 6c 69  s..- The normali
00e0: 7a 61 74 69 6f 6e 20 61 6e 64 20 73 6f 6d 65 20  zation and some 
00f0: 74 61 67 73 20 63 6f 6d 65 20 66 72 6f 6d 0a 20  tags come from. 
0100: 20 64 69 66 65 72 65 6e 74 20 73 69 74 65 73 20   diferent sites 
0110: 73 6f 20 69 20 6b 65 65 70 20 74 68 65 20 63 72  so i keep the cr
0120: 65 64 69 74 73 20 61 6e 64 20 63 6f 6d 6d 65 6e  edits and commen
0130: 74 73 2e 0a 20 20 62 75 74 20 74 68 65 20 62 61  ts..  but the ba
0140: 73 65 20 6f 66 20 73 75 70 70 6f 72 74 20 68 74  se of support ht
0150: 6d 6c 35 20 63 6f 6d 65 20 66 72 6f 6d 3a 0a 20  ml5 come from:. 
0160: 20 68 74 74 70 3a 2f 2f 68 74 6d 6c 35 62 6f 69   http://html5boi
0170: 6c 65 72 70 6c 61 74 65 2e 63 6f 6d 2f 0a 0a 2d  lerplate.com/..-
0180: 20 65 7a 2e 63 73 73 20 28 68 74 74 70 3a 2f 2f   ez.css (http://
0190: 77 77 77 2e 65 7a 2d 63 73 73 2e 6f 72 67 2f 6c  www.ez-css.org/l
01a0: 61 79 6f 75 74 73 29 0a 2d 20 72 65 73 65 74 20  ayouts).- reset 
01b0: 63 6f 6d 6d 6f 6e 20 74 61 67 73 0a 2d 20 63 68  common tags.- ch
01c0: 6f 6f 73 65 20 64 65 66 61 75 6c 74 20 66 6f 6e  oose default fon
01d0: 74 73 0a 2d 20 63 68 6f 6f 73 65 20 6c 69 6e 6b  ts.- choose link
01e0: 20 73 74 79 6c 65 0a 2d 20 61 64 64 20 62 6f 74   style.- add bot
01f0: 74 6f 6d 20 6c 69 6e 65 20 74 6f 20 74 61 62 6c  tom line to tabl
0200: 65 20 72 6f 77 73 0a 2d 20 6c 61 62 65 6c 73 20  e rows.- labels 
0210: 62 6f 6c 64 20 61 6e 64 20 6f 63 63 61 73 69 6f  bold and occasio
0220: 6e 61 6c 6c 79 20 63 65 6e 74 65 72 65 64 0a 2d  nally centered.-
0230: 20 6d 61 6b 65 20 61 6c 6c 20 69 6e 70 75 74 20   make all input 
0240: 66 69 65 6c 64 73 20 74 68 65 20 73 61 6d 65 20  fields the same 
0250: 73 69 7a 65 0a 2d 20 61 64 64 20 70 72 6f 70 65  size.- add prope
0260: 72 20 73 65 70 61 72 61 74 69 6f 6e 20 62 65 74  r separation bet
0270: 77 65 65 6e 20 68 31 2d 68 36 20 61 6e 64 20 74  ween h1-h6 and t
0280: 65 78 74 0a 2d 20 61 6c 77 61 79 73 20 69 6e 64  ext.- always ind
0290: 65 6e 74 20 74 68 65 20 66 69 72 73 74 20 6c 69  ent the first li
02a0: 6e 65 20 61 6e 64 20 61 64 64 20 73 70 61 63 65  ne and add space
02b0: 20 62 65 6c 6f 77 20 70 61 72 61 67 72 61 70 68   below paragraph
02c0: 73 0a 2d 20 62 75 6c 6c 65 74 73 20 61 6e 64 20  s.- bullets and 
02d0: 6e 75 6d 62 65 72 73 20 73 74 79 6c 65 20 61 6e  numbers style an
02e0: 64 20 69 6e 64 65 6e 74 0a 2d 20 66 6f 72 6d 20  d indent.- form 
02f0: 61 6e 64 20 74 61 62 6c 65 20 70 61 64 64 69 6e  and table paddin
0300: 67 0a 2d 20 63 6f 64 65 20 62 6c 6f 63 6b 73 0a  g.- code blocks.
0310: 2d 20 6c 65 66 74 20 61 6e 64 20 72 69 67 68 74  - left and right
0320: 20 70 61 64 64 69 6e 67 20 74 6f 20 71 75 6f 74   padding to quot
0330: 65 64 20 74 65 78 74 0a 2d 20 70 61 67 65 20 6c  ed text.- page l
0340: 61 79 6f 75 74 20 61 6c 69 67 6e 6d 65 6e 74 2c  ayout alignment,
0350: 20 77 69 64 74 68 20 61 6e 64 20 70 61 64 64 69   width and paddi
0360: 6e 67 20 28 63 68 61 6e 67 65 20 74 68 69 73 20  ng (change this 
0370: 66 6f 72 20 73 70 61 63 65 73 29 0a 2d 20 63 6f  for spaces).- co
0380: 6c 75 6d 6e 20 77 69 64 74 68 73 20 28 63 68 61  lumn widths (cha
0390: 6e 67 65 20 74 68 69 73 20 74 6f 20 75 73 65 20  nge this to use 
03a0: 6c 65 66 74 5f 73 69 64 65 62 61 72 20 61 6e 64  left_sidebar and
03b0: 20 72 69 67 68 74 5f 73 69 64 65 62 61 72 29 0a   right_sidebar).
03c0: 2d 20 62 61 63 6b 67 72 6f 75 6e 64 20 69 6d 61  - background ima
03d0: 67 65 73 20 61 6e 64 20 63 6f 6c 6f 72 73 20 28  ges and colors (
03e0: 63 68 61 6e 67 65 20 74 68 69 73 20 66 6f 72 20  change this for 
03f0: 63 6f 6c 6f 72 73 29 0a 2d 20 77 65 62 32 70 79  colors).- web2py
0400: 20 73 70 65 63 69 66 69 63 20 28 2e 66 6c 61 73   specific (.flas
0410: 68 2c 20 2e 65 72 72 6f 72 29 0a 0a 4e 6f 74 69  h, .error)..Noti
0420: 63 65 3a 0a 2d 20 65 76 65 6e 20 69 66 20 79 6f  ce:.- even if yo
0430: 75 20 75 73 65 20 61 20 64 69 66 66 65 72 65 6e  u use a differen
0440: 74 20 6c 61 79 6f 75 74 2f 63 73 73 20 79 6f 75  t layout/css you
0450: 20 6d 61 79 20 6e 65 65 64 20 63 6c 61 73 73 65   may need classe
0460: 73 20 2e 66 6c 61 73 68 20 61 6e 64 20 2e 65 72  s .flash and .er
0470: 72 6f 72 0a 2d 20 74 68 69 73 20 69 73 20 61 6c  ror.- this is al
0480: 6c 20 63 6f 6c 6f 72 20 6e 65 75 74 72 61 6c 20  l color neutral 
0490: 65 78 63 65 70 74 20 66 6f 72 20 23 33 34 39 43  except for #349C
04a0: 30 31 20 28 68 65 61 64 65 72 2c 20 6c 69 6e 6b  01 (header, link
04b0: 73 2c 20 6c 69 6e 65 73 29 0a 2d 20 74 68 65 72  s, lines).- ther
04c0: 65 20 61 72 65 20 74 77 6f 20 62 61 63 6b 67 72  e are two backgr
04d0: 6f 75 6e 64 20 69 6d 61 67 65 73 3a 20 69 6d 61  ound images: ima
04e0: 67 65 73 2f 62 61 63 6b 67 72 6f 75 6e 64 2e 70  ges/background.p
04f0: 6e 67 20 61 6e 64 20 69 6d 61 67 65 73 2f 68 65  ng and images/he
0500: 61 64 65 72 2e 70 6e 67 0a 0a 4c 69 63 65 6e 73  ader.png..Licens
0510: 65 3a 20 54 68 69 73 20 66 69 6c 65 20 69 73 20  e: This file is 
0520: 72 65 6c 65 61 73 65 64 20 75 6e 64 65 72 20 42  released under B
0530: 53 44 20 61 6e 64 20 4d 49 54 0a 0a 2a 2f 0a 0a  SD and MIT..*/..
0540: 2f 2a 20 20 20 20 20 0a 20 20 63 72 65 64 69 74  /*     .  credit
0550: 20 69 73 20 6c 65 66 74 20 77 68 65 72 65 20 63   is left where c
0560: 72 65 64 69 74 20 69 73 20 64 75 65 2e 0a 20 20  redit is due..  
0570: 61 64 64 69 74 69 6f 6e 61 6c 6c 79 2c 20 6d 75  additionally, mu
0580: 63 68 20 69 6e 73 70 69 72 61 74 69 6f 6e 20 77  ch inspiration w
0590: 61 73 20 74 61 6b 65 6e 20 66 72 6f 6d 20 74 68  as taken from th
05a0: 65 73 65 20 70 72 6f 6a 65 63 74 73 3a 0a 20 20  ese projects:.  
05b0: 20 20 79 75 69 2e 79 61 68 6f 6f 61 70 69 73 2e    yui.yahooapis.
05c0: 63 6f 6d 2f 32 2e 38 2e 31 2f 62 75 69 6c 64 2f  com/2.8.1/build/
05d0: 62 61 73 65 2f 62 61 73 65 2e 63 73 73 0a 20 20  base/base.css.  
05e0: 20 20 63 61 6d 65 6e 64 65 73 69 67 6e 2e 63 6f    camendesign.co
05f0: 6d 2f 64 65 73 69 67 6e 2f 0a 20 20 20 20 70 72  m/design/.    pr
0600: 61 65 67 6e 61 6e 7a 2e 64 65 2f 77 65 62 6c 6f  aegnanz.de/weblo
0610: 67 2f 68 74 6d 6c 63 73 73 6a 73 2d 6b 69 63 6b  g/htmlcssjs-kick
0620: 73 74 61 72 74 0a 2a 2f 0a 0a 2f 2a 20 0a 20 20  start.*/../* .  
0630: 68 74 6d 6c 35 64 6f 63 74 6f 72 2e 63 6f 6d 20  html5doctor.com 
0640: 52 65 73 65 74 20 53 74 79 6c 65 73 68 65 65 74  Reset Stylesheet
0650: 20 28 45 72 69 63 20 4d 65 79 65 72 27 73 20 52   (Eric Meyer's R
0660: 65 73 65 74 20 52 65 6c 6f 61 64 65 64 20 2b 20  eset Reloaded + 
0670: 48 54 4d 4c 35 20 62 61 73 65 6c 69 6e 65 29 0a  HTML5 baseline).
0680: 20 20 76 31 2e 34 20 32 30 30 39 2d 30 37 2d 32    v1.4 2009-07-2
0690: 37 20 7c 20 41 75 74 68 6f 72 73 3a 20 45 72 69  7 | Authors: Eri
06a0: 63 20 4d 65 79 65 72 20 26 20 52 69 63 68 61 72  c Meyer & Richar
06b0: 64 20 43 6c 61 72 6b 0a 20 20 68 74 6d 6c 35 64  d Clark.  html5d
06c0: 6f 63 74 6f 72 2e 63 6f 6d 2f 68 74 6d 6c 2d 35  octor.com/html-5
06d0: 2d 72 65 73 65 74 2d 73 74 79 6c 65 73 68 65 65  -reset-styleshee
06e0: 74 2f 0a 2a 2f 0a 0a 68 74 6d 6c 2c 20 62 6f 64  t/.*/..html, bod
06f0: 79 2c 20 64 69 76 2c 20 73 70 61 6e 2c 20 6f 62  y, div, span, ob
0700: 6a 65 63 74 2c 20 69 66 72 61 6d 65 2c 0a 68 31  ject, iframe,.h1
0710: 2c 20 68 32 2c 20 68 33 2c 20 68 34 2c 20 68 35  , h2, h3, h4, h5
0720: 2c 20 68 36 2c 20 70 2c 20 62 6c 6f 63 6b 71 75  , h6, p, blockqu
0730: 6f 74 65 2c 20 70 72 65 2c 0a 61 62 62 72 2c 20  ote, pre,.abbr, 
0740: 61 64 64 72 65 73 73 2c 20 63 69 74 65 2c 20 63  address, cite, c
0750: 6f 64 65 2c 0a 64 65 6c 2c 20 64 66 6e 2c 20 65  ode,.del, dfn, e
0760: 6d 2c 20 69 6d 67 2c 20 69 6e 73 2c 20 6b 62 64  m, img, ins, kbd
0770: 2c 20 71 2c 20 73 61 6d 70 2c 0a 73 6d 61 6c 6c  , q, samp,.small
0780: 2c 20 73 74 72 6f 6e 67 2c 20 73 75 62 2c 20 73  , strong, sub, s
0790: 75 70 2c 20 76 61 72 2c 0a 62 2c 20 69 2c 0a 64  up, var,.b, i,.d
07a0: 6c 2c 20 64 74 2c 20 64 64 2c 20 6f 6c 2c 20 75  l, dt, dd, ol, u
07b0: 6c 2c 20 6c 69 2c 0a 66 69 65 6c 64 73 65 74 2c  l, li,.fieldset,
07c0: 20 66 6f 72 6d 2c 20 6c 61 62 65 6c 2c 20 6c 65   form, label, le
07d0: 67 65 6e 64 2c 0a 74 61 62 6c 65 2c 20 63 61 70  gend,.table, cap
07e0: 74 69 6f 6e 2c 20 74 62 6f 64 79 2c 20 74 66 6f  tion, tbody, tfo
07f0: 6f 74 2c 20 74 68 65 61 64 2c 20 74 72 2c 20 74  ot, thead, tr, t
0800: 68 2c 20 74 64 2c 0a 61 72 74 69 63 6c 65 2c 20  h, td,.article, 
0810: 61 73 69 64 65 2c 20 63 61 6e 76 61 73 2c 20 64  aside, canvas, d
0820: 65 74 61 69 6c 73 2c 20 66 69 67 63 61 70 74 69  etails, figcapti
0830: 6f 6e 2c 20 66 69 67 75 72 65 2c 20 0a 66 6f 6f  on, figure, .foo
0840: 74 65 72 2c 20 68 65 61 64 65 72 2c 20 68 67 72  ter, header, hgr
0850: 6f 75 70 2c 20 6d 65 6e 75 2c 20 6e 61 76 2c 20  oup, menu, nav, 
0860: 73 65 63 74 69 6f 6e 2c 20 73 75 6d 6d 61 72 79  section, summary
0870: 2c 0a 74 69 6d 65 2c 20 6d 61 72 6b 2c 20 61 75  ,.time, mark, au
0880: 64 69 6f 2c 20 76 69 64 65 6f 20 7b 0a 20 20 6d  dio, video {.  m
0890: 61 72 67 69 6e 3a 30 3b 0a 20 20 70 61 64 64 69  argin:0;.  paddi
08a0: 6e 67 3a 30 3b 0a 20 20 62 6f 72 64 65 72 3a 30  ng:0;.  border:0
08b0: 3b 0a 20 20 6f 75 74 6c 69 6e 65 3a 30 3b 0a 20  ;.  outline:0;. 
08c0: 20 66 6f 6e 74 2d 73 69 7a 65 3a 31 30 30 25 3b   font-size:100%;
08d0: 0a 20 20 76 65 72 74 69 63 61 6c 2d 61 6c 69 67  .  vertical-alig
08e0: 6e 3a 62 61 73 65 6c 69 6e 65 3b 0a 20 20 62 61  n:baseline;.  ba
08f0: 63 6b 67 72 6f 75 6e 64 3a 74 72 61 6e 73 70 61  ckground:transpa
0900: 72 65 6e 74 3b 0a 7d 20 20 20 20 20 20 20 20 20  rent;.}         
0910: 20 20 20 20 20 20 20 20 20 0a 0a 61 72 74 69 63           ..artic
0920: 6c 65 2c 20 61 73 69 64 65 2c 20 64 65 74 61 69  le, aside, detai
0930: 6c 73 2c 20 66 69 67 63 61 70 74 69 6f 6e 2c 20  ls, figcaption, 
0940: 66 69 67 75 72 65 2c 0a 66 6f 6f 74 65 72 2c 20  figure,.footer, 
0950: 68 65 61 64 65 72 2c 20 68 67 72 6f 75 70 2c 20  header, hgroup, 
0960: 6d 65 6e 75 2c 20 6e 61 76 2c 20 73 65 63 74 69  menu, nav, secti
0970: 6f 6e 20 7b 20 0a 20 20 20 20 64 69 73 70 6c 61  on { .    displa
0980: 79 3a 62 6c 6f 63 6b 3b 0a 7d 0a 0a 6e 61 76 20  y:block;.}..nav 
0990: 75 6c 20 7b 20 6c 69 73 74 2d 73 74 79 6c 65 3a  ul { list-style:
09a0: 6e 6f 6e 65 3b 20 7d 0a 0a 62 6c 6f 63 6b 71 75  none; }..blockqu
09b0: 6f 74 65 2c 20 71 20 7b 20 71 75 6f 74 65 73 3a  ote, q { quotes:
09c0: 6e 6f 6e 65 3b 20 7d 0a 0a 62 6c 6f 63 6b 71 75  none; }..blockqu
09d0: 6f 74 65 3a 62 65 66 6f 72 65 2c 20 62 6c 6f 63  ote:before, bloc
09e0: 6b 71 75 6f 74 65 3a 61 66 74 65 72 2c 0a 71 3a  kquote:after,.q:
09f0: 62 65 66 6f 72 65 2c 20 71 3a 61 66 74 65 72 20  before, q:after 
0a00: 7b 20 63 6f 6e 74 65 6e 74 3a 27 27 3b 20 63 6f  { content:''; co
0a10: 6e 74 65 6e 74 3a 6e 6f 6e 65 3b 20 7d 0a 0a 61  ntent:none; }..a
0a20: 20 7b 20 6d 61 72 67 69 6e 3a 30 3b 20 70 61 64   { margin:0; pad
0a30: 64 69 6e 67 3a 30 3b 20 66 6f 6e 74 2d 73 69 7a  ding:0; font-siz
0a40: 65 3a 31 30 30 25 3b 20 76 65 72 74 69 63 61 6c  e:100%; vertical
0a50: 2d 61 6c 69 67 6e 3a 62 61 73 65 6c 69 6e 65 3b  -align:baseline;
0a60: 20 62 61 63 6b 67 72 6f 75 6e 64 3a 74 72 61 6e   background:tran
0a70: 73 70 61 72 65 6e 74 3b 20 7d 0a 61 3a 68 6f 76  sparent; }.a:hov
0a80: 65 72 20 7b 20 74 65 78 74 2d 64 65 63 6f 72 61  er { text-decora
0a90: 74 69 6f 6e 3a 20 75 6e 64 65 72 6c 69 6e 65 20  tion: underline 
0aa0: 7d 0a 0a 69 6e 73 20 7b 20 62 61 63 6b 67 72 6f  }..ins { backgro
0ab0: 75 6e 64 2d 63 6f 6c 6f 72 3a 23 66 66 39 3b 20  und-color:#ff9; 
0ac0: 63 6f 6c 6f 72 3a 23 30 30 30 3b 20 74 65 78 74  color:#000; text
0ad0: 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 6e 6f 6e 65  -decoration:none
0ae0: 3b 20 7d 0a 0a 6d 61 72 6b 20 7b 20 62 61 63 6b  ; }..mark { back
0af0: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 23 66 66  ground-color:#ff
0b00: 39 3b 20 63 6f 6c 6f 72 3a 23 30 30 30 3b 20 66  9; color:#000; f
0b10: 6f 6e 74 2d 73 74 79 6c 65 3a 69 74 61 6c 69 63  ont-style:italic
0b20: 3b 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 62 6f  ; font-weight:bo
0b30: 6c 64 3b 20 7d 0a 0a 64 65 6c 20 7b 20 74 65 78  ld; }..del { tex
0b40: 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6c 69  t-decoration: li
0b50: 6e 65 2d 74 68 72 6f 75 67 68 3b 20 7d 0a 0a 61  ne-through; }..a
0b60: 62 62 72 5b 74 69 74 6c 65 5d 2c 20 64 66 6e 5b  bbr[title], dfn[
0b70: 74 69 74 6c 65 5d 20 7b 20 62 6f 72 64 65 72 2d  title] { border-
0b80: 62 6f 74 74 6f 6d 3a 31 70 78 20 64 6f 74 74 65  bottom:1px dotte
0b90: 64 20 23 30 30 30 3b 20 63 75 72 73 6f 72 3a 68  d #000; cursor:h
0ba0: 65 6c 70 3b 20 7d 0a 0a 2f 2a 20 74 61 62 6c 65  elp; }../* table
0bb0: 73 20 73 74 69 6c 6c 20 6e 65 65 64 20 63 65 6c  s still need cel
0bc0: 6c 73 70 61 63 69 6e 67 3d 22 30 22 20 69 6e 20  lspacing="0" in 
0bd0: 74 68 65 20 6d 61 72 6b 75 70 20 2a 2f 0a 74 61  the markup */.ta
0be0: 62 6c 65 20 7b 20 62 6f 72 64 65 72 2d 63 6f 6c  ble { border-col
0bf0: 6c 61 70 73 65 3a 63 6f 6c 6c 61 70 73 65 3b 20  lapse:collapse; 
0c00: 62 6f 72 64 65 72 2d 73 70 61 63 69 6e 67 3a 30  border-spacing:0
0c10: 3b 20 7d 0a 0a 68 72 20 7b 20 64 69 73 70 6c 61  ; }..hr { displa
0c20: 79 3a 62 6c 6f 63 6b 3b 20 68 65 69 67 68 74 3a  y:block; height:
0c30: 31 70 78 3b 20 62 6f 72 64 65 72 3a 30 3b 20 62  1px; border:0; b
0c40: 6f 72 64 65 72 2d 74 6f 70 3a 31 70 78 20 73 6f  order-top:1px so
0c50: 6c 69 64 20 23 63 63 63 3b 20 6d 61 72 67 69 6e  lid #ccc; margin
0c60: 3a 31 65 6d 20 30 3b 20 70 61 64 64 69 6e 67 3a  :1em 0; padding:
0c70: 30 3b 20 7d 0a 0a 69 6e 70 75 74 2c 20 73 65 6c  0; }..input, sel
0c80: 65 63 74 20 7b 20 76 65 72 74 69 63 61 6c 2d 61  ect { vertical-a
0c90: 6c 69 67 6e 3a 6d 69 64 64 6c 65 3b 20 7d 0a 2f  lign:middle; }./
0ca0: 2a 20 45 4e 44 20 52 45 53 45 54 20 43 53 53 20  * END RESET CSS 
0cb0: 2a 2f 0a 0a 0a 2f 2a 0a 66 6f 6e 74 73 2e 63 73  */.../*.fonts.cs
0cc0: 73 20 66 72 6f 6d 20 74 68 65 20 59 55 49 20 4c  s from the YUI L
0cd0: 69 62 72 61 72 79 3a 20 64 65 76 65 6c 6f 70 65  ibrary: develope
0ce0: 72 2e 79 61 68 6f 6f 2e 63 6f 6d 2f 79 75 69 2f  r.yahoo.com/yui/
0cf0: 0a 20 20 20 20 20 20 20 20 20 20 50 6c 65 61 73  .          Pleas
0d00: 65 20 72 65 66 65 72 20 74 6f 20 64 65 76 65 6c  e refer to devel
0d10: 6f 70 65 72 2e 79 61 68 6f 6f 2e 63 6f 6d 2f 79  oper.yahoo.com/y
0d20: 75 69 2f 66 6f 6e 74 73 2f 20 66 6f 72 20 66 6f  ui/fonts/ for fo
0d30: 6e 74 20 73 69 7a 69 6e 67 20 70 65 72 63 65 6e  nt sizing percen
0d40: 74 61 67 65 73 0a 0a 54 68 65 72 65 20 61 72 65  tages..There are
0d50: 20 74 68 72 65 65 20 63 75 73 74 6f 6d 20 65 64   three custom ed
0d60: 69 74 73 3a 0a 20 2a 20 72 65 6d 6f 76 65 20 61  its:. * remove a
0d70: 72 69 61 6c 2c 20 68 65 6c 76 65 74 69 63 61 20  rial, helvetica 
0d80: 66 72 6f 6d 20 65 78 70 6c 69 63 69 74 20 66 6f  from explicit fo
0d90: 6e 74 20 73 74 61 63 6b 0a 20 2a 20 6d 61 6b 65  nt stack. * make
0da0: 20 74 68 65 20 6c 69 6e 65 2d 68 65 69 67 68 74   the line-height
0db0: 20 72 65 6c 61 74 69 76 65 20 61 6e 64 20 75 6e   relative and un
0dc0: 69 74 2d 6c 65 73 73 0a 20 2a 20 72 65 6d 6f 76  it-less. * remov
0dd0: 65 20 74 68 65 20 70 72 65 2c 20 63 6f 64 65 20  e the pre, code 
0de0: 73 74 79 6c 65 73 0a 2a 2f 0a 62 6f 64 79 20 7b  styles.*/.body {
0df0: 20 66 6f 6e 74 3a 31 33 70 78 2f 31 2e 32 33 31   font:13px/1.231
0e00: 20 73 61 6e 73 2d 73 65 72 69 66 3b 20 2a 66 6f   sans-serif; *fo
0e10: 6e 74 2d 73 69 7a 65 3a 73 6d 61 6c 6c 3b 20 7d  nt-size:small; }
0e20: 20 2f 2a 20 68 61 63 6b 20 72 65 74 61 69 6e 65   /* hack retaine
0e30: 64 20 74 6f 20 70 72 65 73 65 72 76 65 20 73 70  d to preserve sp
0e40: 65 63 69 66 69 63 69 74 79 20 2a 2f 0a 0a 2f 2a  ecificity */../*
0e50: 74 61 62 6c 65 20 7b 20 66 6f 6e 74 2d 73 69 7a  table { font-siz
0e60: 65 3a 69 6e 68 65 72 69 74 3b 20 66 6f 6e 74 3a  e:inherit; font:
0e70: 31 30 30 25 3b 20 7d 2a 2f 0a 0a 73 65 6c 65 63  100%; }*/..selec
0e80: 74 2c 20 69 6e 70 75 74 2c 20 74 65 78 74 61 72  t, input, textar
0e90: 65 61 2c 20 62 75 74 74 6f 6e 20 7b 20 66 6f 6e  ea, button { fon
0ea0: 74 3a 39 39 25 20 73 61 6e 73 2d 73 65 72 69 66  t:99% sans-serif
0eb0: 3b 20 7d 0a 0a 0a 2f 2a 20 6e 6f 72 6d 61 6c 69  ; }.../* normali
0ec0: 7a 65 20 6d 6f 6e 6f 73 70 61 63 65 20 73 69 7a  ze monospace siz
0ed0: 69 6e 67 20 0a 20 2a 20 65 6e 2e 77 69 6b 69 70  ing . * en.wikip
0ee0: 65 64 69 61 2e 6f 72 67 2f 77 69 6b 69 2f 4d 65  edia.org/wiki/Me
0ef0: 64 69 61 57 69 6b 69 5f 74 61 6c 6b 3a 43 6f 6d  diaWiki_talk:Com
0f00: 6d 6f 6e 2e 63 73 73 2f 41 72 63 68 69 76 65 5f  mon.css/Archive_
0f10: 31 31 23 54 65 6c 65 74 79 70 65 5f 73 74 79 6c  11#Teletype_styl
0f20: 65 5f 66 69 78 5f 66 6f 72 5f 43 68 72 6f 6d 65  e_fix_for_Chrome
0f30: 0a 20 2a 2f 0a 70 72 65 2c 20 63 6f 64 65 2c 20  . */.pre, code, 
0f40: 6b 62 64 2c 20 73 61 6d 70 20 7b 20 66 6f 6e 74  kbd, samp { font
0f50: 2d 66 61 6d 69 6c 79 3a 20 6d 6f 6e 6f 73 70 61  -family: monospa
0f60: 63 65 2c 20 73 61 6e 73 2d 73 65 72 69 66 3b 20  ce, sans-serif; 
0f70: 7d 0a 0a 2f 2a 20 0a 20 2a 20 6d 69 6e 69 6d 61  }../* . * minima
0f80: 6c 20 62 61 73 65 20 73 74 79 6c 65 73 20 0a 20  l base styles . 
0f90: 2a 2f 0a 0a 2f 2a 20 23 34 34 34 20 6c 6f 6f 6b  */../* #444 look
0fa0: 73 20 62 65 74 74 65 72 20 74 68 61 6e 20 62 6c  s better than bl
0fb0: 61 63 6b 3a 20 74 77 69 74 74 65 72 2e 63 6f 6d  ack: twitter.com
0fc0: 2f 48 5f 46 4a 2f 73 74 61 74 75 73 65 73 2f 31  /H_FJ/statuses/1
0fd0: 31 38 30 30 37 31 39 38 35 39 20 2a 2f 20 0a 62  1800719859 */ .b
0fe0: 6f 64 79 2c 20 73 65 6c 65 63 74 2c 20 69 6e 70  ody, select, inp
0ff0: 75 74 2c 20 74 65 78 74 61 72 65 61 20 7b 20 63  ut, textarea { c
1000: 6f 6c 6f 72 3a 23 34 34 34 3b 20 7d 0a 0a 2f 2a  olor:#444; }../*
1010: 20 48 65 61 64 65 72 73 20 28 68 31 2c 68 32 2c   Headers (h1,h2,
1020: 65 74 63 29 20 68 61 76 65 20 6e 6f 20 64 65 66  etc) have no def
1030: 61 75 6c 74 20 66 6f 6e 74 2d 73 69 7a 65 20 6f  ault font-size o
1040: 72 20 6d 61 72 67 69 6e 2c 0a 20 20 20 79 6f 75  r margin,.   you
1050: 27 6c 6c 20 77 61 6e 74 20 74 6f 20 64 65 66 69  'll want to defi
1060: 6e 65 20 74 68 6f 73 65 20 79 6f 75 72 73 65 6c  ne those yoursel
1070: 66 2e 20 2a 2f 20 0a 20 0a 2f 2a 20 77 77 77 2e  f. */ . ./* www.
1080: 61 65 73 74 68 65 74 69 63 61 6c 6c 79 6c 6f 79  aestheticallyloy
1090: 61 6c 2e 63 6f 6d 2f 70 75 62 6c 69 63 2f 6f 70  al.com/public/op
10a0: 74 69 6d 69 7a 65 2d 6c 65 67 69 62 69 6c 69 74  timize-legibilit
10b0: 79 2f 20 2a 2f 20 0a 68 31 2c 68 32 2c 68 33 2c  y/ */ .h1,h2,h3,
10c0: 68 34 2c 68 35 2c 68 36 20 7b 20 66 6f 6e 74 2d  h4,h5,h6 { font-
10d0: 77 65 69 67 68 74 3a 20 62 6f 6c 64 3b 20 7d 0a  weight: bold; }.
10e0: 0a 2f 2a 20 61 6c 77 61 79 73 20 66 6f 72 63 65  ./* always force
10f0: 20 61 20 73 63 72 6f 6c 6c 62 61 72 20 69 6e 20   a scrollbar in 
1100: 6e 6f 6e 2d 49 45 20 2a 2f 20 0a 68 74 6d 6c 20  non-IE */ .html 
1110: 7b 20 6f 76 65 72 66 6c 6f 77 2d 79 3a 20 73 63  { overflow-y: sc
1120: 72 6f 6c 6c 3b 20 7d 0a 20 0a 2f 2a 20 41 63 63  roll; }. ./* Acc
1130: 65 73 73 69 62 6c 65 20 66 6f 63 75 73 20 74 72  essible focus tr
1140: 65 61 74 6d 65 6e 74 3a 20 70 65 6f 70 6c 65 2e  eatment: people.
1150: 6f 70 65 72 61 2e 63 6f 6d 2f 70 61 74 72 69 63  opera.com/patric
1160: 6b 6c 2f 65 78 70 65 72 69 6d 65 6e 74 73 2f 6b  kl/experiments/k
1170: 65 79 62 6f 61 72 64 2f 74 65 73 74 20 2a 2f 0a  eyboard/test */.
1180: 61 3a 68 6f 76 65 72 2c 20 61 3a 61 63 74 69 76  a:hover, a:activ
1190: 65 20 7b 20 6f 75 74 6c 69 6e 65 3a 20 6e 6f 6e  e { outline: non
11a0: 65 3b 20 7d 0a 2f 2a 0a 61 2c 20 61 3a 61 63 74  e; }./*.a, a:act
11b0: 69 76 65 2c 20 61 3a 76 69 73 69 74 65 64 20 7b  ive, a:visited {
11c0: 20 63 6f 6c 6f 72 3a 23 36 30 37 38 39 30 3b 20   color:#607890; 
11d0: 7d 0a 61 3a 68 6f 76 65 72 20 7b 20 63 6f 6c 6f  }.a:hover { colo
11e0: 72 3a 23 30 33 36 3b 20 7d 0a 2a 2f 0a 0a 75 6c  r:#036; }.*/..ul
11f0: 2c 20 6f 6c 20 7b 20 6d 61 72 67 69 6e 2d 6c 65  , ol { margin-le
1200: 66 74 3a 20 31 2e 38 65 6d 3b 20 7d 0a 6f 6c 20  ft: 1.8em; }.ol 
1210: 7b 20 6c 69 73 74 2d 73 74 79 6c 65 2d 74 79 70  { list-style-typ
1220: 65 3a 20 64 65 63 69 6d 61 6c 3b 20 7d 0a 0a 2f  e: decimal; }../
1230: 2a 20 52 65 6d 6f 76 65 20 6d 61 72 67 69 6e 73  * Remove margins
1240: 20 66 6f 72 20 6e 61 76 69 67 61 74 69 6f 6e 20   for navigation 
1250: 6c 69 73 74 73 20 2a 2f 0a 6e 61 76 20 75 6c 2c  lists */.nav ul,
1260: 20 6e 61 76 20 6c 69 20 7b 20 6d 61 72 67 69 6e   nav li { margin
1270: 3a 20 30 3b 20 7d 20 0a 0a 73 6d 61 6c 6c 20 7b  : 0; } ..small {
1280: 20 66 6f 6e 74 2d 73 69 7a 65 3a 38 35 25 3b 20   font-size:85%; 
1290: 7d 0a 73 74 72 6f 6e 67 2c 20 74 68 20 7b 20 66  }.strong, th { f
12a0: 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62 6f 6c 64  ont-weight: bold
12b0: 3b 20 7d 0a 0a 74 64 2c 20 74 64 20 69 6d 67 20  ; }..td, td img 
12c0: 7b 20 76 65 72 74 69 63 61 6c 2d 61 6c 69 67 6e  { vertical-align
12d0: 3a 74 6f 70 3b 20 7d 20 0a 0a 73 75 62 20 7b 20  :top; } ..sub { 
12e0: 76 65 72 74 69 63 61 6c 2d 61 6c 69 67 6e 3a 20  vertical-align: 
12f0: 73 75 62 3b 20 66 6f 6e 74 2d 73 69 7a 65 3a 20  sub; font-size: 
1300: 73 6d 61 6c 6c 65 72 3b 20 7d 0a 73 75 70 20 7b  smaller; }.sup {
1310: 20 76 65 72 74 69 63 61 6c 2d 61 6c 69 67 6e 3a   vertical-align:
1320: 20 73 75 70 65 72 3b 20 66 6f 6e 74 2d 73 69 7a   super; font-siz
1330: 65 3a 20 73 6d 61 6c 6c 65 72 3b 20 7d 0a 0a 70  e: smaller; }..p
1340: 72 65 20 7b 20 0a 20 20 70 61 64 64 69 6e 67 3a  re { .  padding:
1350: 20 31 35 70 78 3b 20 0a 20 20 0a 20 20 2f 2a 20   15px; .  .  /* 
1360: 77 77 77 2e 70 61 74 68 66 2e 63 6f 6d 2f 62 6c  www.pathf.com/bl
1370: 6f 67 73 2f 32 30 30 38 2f 30 35 2f 66 6f 72 6d  ogs/2008/05/form
1380: 61 74 74 69 6e 67 2d 71 75 6f 74 65 64 2d 63 6f  atting-quoted-co
1390: 64 65 2d 69 6e 2d 62 6c 6f 67 2d 70 6f 73 74 73  de-in-blog-posts
13a0: 2d 63 73 73 32 31 2d 77 68 69 74 65 2d 73 70 61  -css21-white-spa
13b0: 63 65 2d 70 72 65 2d 77 72 61 70 2f 20 2a 2f 0a  ce-pre-wrap/ */.
13c0: 20 20 77 68 69 74 65 2d 73 70 61 63 65 3a 20 70    white-space: p
13d0: 72 65 3b 20 2f 2a 20 43 53 53 32 20 2a 2f 0a 20  re; /* CSS2 */. 
13e0: 20 77 68 69 74 65 2d 73 70 61 63 65 3a 20 70 72   white-space: pr
13f0: 65 2d 77 72 61 70 3b 20 2f 2a 20 43 53 53 20 32  e-wrap; /* CSS 2
1400: 2e 31 20 2a 2f 0a 20 20 77 68 69 74 65 2d 73 70  .1 */.  white-sp
1410: 61 63 65 3a 20 70 72 65 2d 6c 69 6e 65 3b 20 2f  ace: pre-line; /
1420: 2a 20 43 53 53 20 33 20 28 61 6e 64 20 32 2e 31  * CSS 3 (and 2.1
1430: 20 61 73 20 77 65 6c 6c 2c 20 61 63 74 75 61 6c   as well, actual
1440: 6c 79 29 20 2a 2f 0a 20 20 77 6f 72 64 2d 77 72  ly) */.  word-wr
1450: 61 70 3a 20 62 72 65 61 6b 2d 77 6f 72 64 3b 20  ap: break-word; 
1460: 2f 2a 20 49 45 20 2a 2f 0a 7d 0a 0a 74 65 78 74  /* IE */.}..text
1470: 61 72 65 61 20 7b 20 6f 76 65 72 66 6c 6f 77 3a  area { overflow:
1480: 20 61 75 74 6f 3b 20 7d 20 2f 2a 20 74 68 6e 78   auto; } /* thnx
1490: 20 69 76 61 6e 6e 69 6b 6f 6c 69 63 21 20 77 77   ivannikolic! ww
14a0: 77 2e 73 69 74 65 70 6f 69 6e 74 2e 63 6f 6d 2f  w.sitepoint.com/
14b0: 62 6c 6f 67 73 2f 32 30 31 30 2f 30 38 2f 32 30  blogs/2010/08/20
14c0: 2f 69 65 2d 72 65 6d 6f 76 65 2d 74 65 78 74 61  /ie-remove-texta
14d0: 72 65 61 2d 73 63 72 6f 6c 6c 62 61 72 73 2f 20  rea-scrollbars/ 
14e0: 2a 2f 0a 0a 2e 69 65 36 20 6c 65 67 65 6e 64 2c  */...ie6 legend,
14f0: 20 2e 69 65 37 20 6c 65 67 65 6e 64 20 7b 20 6d   .ie7 legend { m
1500: 61 72 67 69 6e 2d 6c 65 66 74 3a 20 2d 37 70 78  argin-left: -7px
1510: 3b 20 7d 20 2f 2a 20 74 68 6e 78 20 69 76 61 6e  ; } /* thnx ivan
1520: 6e 69 6b 6f 6c 69 63 21 20 2a 2f 0a 0a 2f 2a 20  nikolic! */../* 
1530: 61 6c 69 67 6e 20 63 68 65 63 6b 62 6f 78 65 73  align checkboxes
1540: 2c 20 72 61 64 69 6f 73 2c 20 74 65 78 74 20 69  , radios, text i
1550: 6e 70 75 74 73 20 77 69 74 68 20 74 68 65 69 72  nputs with their
1560: 20 6c 61 62 65 6c 0a 20 20 20 62 79 3a 20 54 68   label.   by: Th
1570: 69 65 72 72 79 20 4b 6f 62 6c 65 6e 74 7a 20 74  ierry Koblentz t
1580: 6a 6b 64 65 73 69 67 6e 2e 63 6f 6d 2f 65 7a 2d  jkdesign.com/ez-
1590: 63 73 73 2f 63 73 73 2f 62 61 73 65 2e 63 73 73  css/css/base.css
15a0: 20 20 2a 2f 0a 69 6e 70 75 74 5b 74 79 70 65 3d    */.input[type=
15b0: 22 72 61 64 69 6f 22 5d 20 7b 20 76 65 72 74 69  "radio"] { verti
15c0: 63 61 6c 2d 61 6c 69 67 6e 3a 20 74 65 78 74 2d  cal-align: text-
15d0: 62 6f 74 74 6f 6d 3b 20 7d 0a 69 6e 70 75 74 5b  bottom; }.input[
15e0: 74 79 70 65 3d 22 63 68 65 63 6b 62 6f 78 22 5d  type="checkbox"]
15f0: 20 7b 20 76 65 72 74 69 63 61 6c 2d 61 6c 69 67   { vertical-alig
1600: 6e 3a 20 62 6f 74 74 6f 6d 3b 20 7d 0a 2e 69 65  n: bottom; }..ie
1610: 37 20 69 6e 70 75 74 5b 74 79 70 65 3d 22 63 68  7 input[type="ch
1620: 65 63 6b 62 6f 78 22 5d 20 7b 20 76 65 72 74 69  eckbox"] { verti
1630: 63 61 6c 2d 61 6c 69 67 6e 3a 20 62 61 73 65 6c  cal-align: basel
1640: 69 6e 65 3b 20 7d 0a 2e 69 65 36 20 69 6e 70 75  ine; }..ie6 inpu
1650: 74 20 7b 20 76 65 72 74 69 63 61 6c 2d 61 6c 69  t { vertical-ali
1660: 67 6e 3a 20 74 65 78 74 2d 62 6f 74 74 6f 6d 3b  gn: text-bottom;
1670: 20 7d 0a 0a 2f 2a 20 68 61 6e 64 20 63 75 72 73   }../* hand curs
1680: 6f 72 20 6f 6e 20 63 6c 69 63 6b 61 62 6c 65 20  or on clickable 
1690: 69 6e 70 75 74 20 65 6c 65 6d 65 6e 74 73 20 2a  input elements *
16a0: 2f 0a 6c 61 62 65 6c 2c 20 69 6e 70 75 74 5b 74  /.label, input[t
16b0: 79 70 65 3d 62 75 74 74 6f 6e 5d 2c 20 69 6e 70  ype=button], inp
16c0: 75 74 5b 74 79 70 65 3d 73 75 62 6d 69 74 5d 2c  ut[type=submit],
16d0: 20 62 75 74 74 6f 6e 20 7b 20 63 75 72 73 6f 72   button { cursor
16e0: 3a 20 70 6f 69 6e 74 65 72 3b 20 7d 0a 0a 2f 2a  : pointer; }../*
16f0: 20 77 65 62 6b 69 74 20 62 72 6f 77 73 65 72 73   webkit browsers
1700: 20 61 64 64 20 61 20 32 70 78 20 6d 61 72 67 69   add a 2px margi
1710: 6e 20 6f 75 74 73 69 64 65 20 74 68 65 20 63 68  n outside the ch
1720: 72 6f 6d 65 20 6f 66 20 66 6f 72 6d 20 65 6c 65  rome of form ele
1730: 6d 65 6e 74 73 20 2a 2f 20 20 0a 62 75 74 74 6f  ments */  .butto
1740: 6e 2c 20 69 6e 70 75 74 2c 20 73 65 6c 65 63 74  n, input, select
1750: 2c 20 74 65 78 74 61 72 65 61 20 7b 20 6d 61 72  , textarea { mar
1760: 67 69 6e 3a 20 30 3b 20 7d 0a 0a 2f 2a 20 63 6f  gin: 0; }../* co
1770: 6c 6f 72 73 20 66 6f 72 20 66 6f 72 6d 20 76 61  lors for form va
1780: 6c 69 64 69 74 79 20 2a 2f 0a 69 6e 70 75 74 3a  lidity */.input:
1790: 76 61 6c 69 64 2c 20 74 65 78 74 61 72 65 61 3a  valid, textarea:
17a0: 76 61 6c 69 64 20 20 20 7b 20 20 7d 0a 69 6e 70  valid   {  }.inp
17b0: 75 74 3a 69 6e 76 61 6c 69 64 2c 20 74 65 78 74  ut:invalid, text
17c0: 61 72 65 61 3a 69 6e 76 61 6c 69 64 20 7b 20 0a  area:invalid { .
17d0: 20 20 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64        border-rad
17e0: 69 75 73 3a 20 31 70 78 3b 0a 20 20 20 20 2d 6d  ius: 1px;.    -m
17f0: 6f 7a 2d 62 6f 78 2d 73 68 61 64 6f 77 3a 20 30  oz-box-shadow: 0
1800: 70 78 20 30 70 78 20 35 70 78 20 72 65 64 3b 20  px 0px 5px red; 
1810: 0a 20 2d 77 65 62 6b 69 74 2d 62 6f 78 2d 73 68  . -webkit-box-sh
1820: 61 64 6f 77 3a 20 30 70 78 20 30 70 78 20 35 70  adow: 0px 0px 5p
1830: 78 20 72 65 64 3b 20 0a 20 20 20 20 20 20 20 20  x red; .        
1840: 20 62 6f 78 2d 73 68 61 64 6f 77 3a 20 30 70 78   box-shadow: 0px
1850: 20 30 70 78 20 35 70 78 20 72 65 64 3b 0a 7d 0a   0px 5px red;.}.
1860: 2e 6e 6f 2d 62 6f 78 73 68 61 64 6f 77 20 69 6e  .no-boxshadow in
1870: 70 75 74 3a 69 6e 76 61 6c 69 64 2c 20 0a 2e 6e  put:invalid, ..n
1880: 6f 2d 62 6f 78 73 68 61 64 6f 77 20 74 65 78 74  o-boxshadow text
1890: 61 72 65 61 3a 69 6e 76 61 6c 69 64 20 7b 20 62  area:invalid { b
18a0: 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a  ackground-color:
18b0: 20 23 66 30 64 64 64 64 3b 20 7d 0a 0a 0a 2f 2a   #f0dddd; }.../*
18c0: 20 54 68 65 73 65 20 73 65 6c 65 63 74 69 6f 6e   These selection
18d0: 20 64 65 63 6c 61 72 61 74 69 6f 6e 73 20 68 61   declarations ha
18e0: 76 65 20 74 6f 20 62 65 20 73 65 70 61 72 61 74  ve to be separat
18f0: 65 2e 0a 20 20 20 4e 6f 20 74 65 78 74 2d 73 68  e..   No text-sh
1900: 61 64 6f 77 3a 20 74 77 69 74 74 65 72 2e 63 6f  adow: twitter.co
1910: 6d 2f 6d 69 6b 65 74 61 79 6c 72 2f 73 74 61 74  m/miketaylr/stat
1920: 75 73 2f 31 32 32 32 38 38 30 35 33 30 31 20 0a  us/12228805301 .
1930: 20 20 20 41 6c 73 6f 3a 20 68 6f 74 20 70 69 6e     Also: hot pin
1940: 6b 2e 20 2a 2f 0a 3a 3a 2d 6d 6f 7a 2d 73 65 6c  k. */.::-moz-sel
1950: 65 63 74 69 6f 6e 7b 20 62 61 63 6b 67 72 6f 75  ection{ backgrou
1960: 6e 64 3a 20 23 35 35 35 3b 20 63 6f 6c 6f 72 3a  nd: #555; color:
1970: 23 66 66 66 3b 20 74 65 78 74 2d 73 68 61 64 6f  #fff; text-shado
1980: 77 3a 20 6e 6f 6e 65 3b 20 7d 0a 3a 3a 73 65 6c  w: none; }.::sel
1990: 65 63 74 69 6f 6e 20 7b 20 62 61 63 6b 67 72 6f  ection { backgro
19a0: 75 6e 64 3a 23 35 35 35 3b 20 63 6f 6c 6f 72 3a  und:#555; color:
19b0: 23 66 66 66 3b 20 74 65 78 74 2d 73 68 61 64 6f  #fff; text-shado
19c0: 77 3a 20 6e 6f 6e 65 3b 20 7d 20 0a 0a 2f 2a 20  w: none; } ../* 
19d0: 20 6a 2e 6d 70 2f 77 65 62 6b 69 74 2d 74 61 70   j.mp/webkit-tap
19e0: 2d 68 69 67 68 6c 69 67 68 74 2d 63 6f 6c 6f 72  -highlight-color
19f0: 20 2a 2f 0a 61 3a 6c 69 6e 6b 20 7b 20 2d 77 65   */.a:link { -we
1a00: 62 6b 69 74 2d 74 61 70 2d 68 69 67 68 6c 69 67  bkit-tap-highlig
1a10: 68 74 2d 63 6f 6c 6f 72 3a 20 23 35 35 35 3b 20  ht-color: #555; 
1a20: 7d 20 0a 0a 0a 2f 2a 20 6d 61 6b 65 20 62 75 74  } .../* make but
1a30: 74 6f 6e 73 20 70 6c 61 79 20 6e 69 63 65 20 69  tons play nice i
1a40: 6e 20 49 45 3a 20 20 20 20 0a 20 20 20 77 77 77  n IE:    .   www
1a50: 2e 76 69 67 65 74 2e 63 6f 6d 2f 69 6e 73 70 69  .viget.com/inspi
1a60: 72 65 2f 73 74 79 6c 69 6e 67 2d 74 68 65 2d 62  re/styling-the-b
1a70: 75 74 74 6f 6e 2d 65 6c 65 6d 65 6e 74 2d 69 6e  utton-element-in
1a80: 2d 69 6e 74 65 72 6e 65 74 2d 65 78 70 6c 6f 72  -internet-explor
1a90: 65 72 2f 20 2a 2f 0a 62 75 74 74 6f 6e 20 7b 20  er/ */.button { 
1aa0: 20 77 69 64 74 68 3a 20 61 75 74 6f 3b 20 6f 76   width: auto; ov
1ab0: 65 72 66 6c 6f 77 3a 20 76 69 73 69 62 6c 65 3b  erflow: visible;
1ac0: 20 7d 0a 20 0a 2f 2a 20 62 69 63 75 62 69 63 20   }. ./* bicubic 
1ad0: 72 65 73 69 7a 69 6e 67 20 66 6f 72 20 6e 6f 6e  resizing for non
1ae0: 2d 6e 61 74 69 76 65 20 73 69 7a 65 64 20 49 4d  -native sized IM
1af0: 47 3a 20 0a 20 20 20 63 6f 64 65 2e 66 6c 69 63  G: .   code.flic
1b00: 6b 72 2e 63 6f 6d 2f 62 6c 6f 67 2f 32 30 30 38  kr.com/blog/2008
1b10: 2f 31 31 2f 31 32 2f 6f 6e 2d 75 69 2d 71 75 61  /11/12/on-ui-qua
1b20: 6c 69 74 79 2d 74 68 65 2d 6c 69 74 74 6c 65 2d  lity-the-little-
1b30: 74 68 69 6e 67 73 2d 63 6c 69 65 6e 74 2d 73 69  things-client-si
1b40: 64 65 2d 69 6d 61 67 65 2d 72 65 73 69 7a 69 6e  de-image-resizin
1b50: 67 2f 20 2a 2f 0a 2e 69 65 37 20 69 6d 67 20 7b  g/ */..ie7 img {
1b60: 20 2d 6d 73 2d 69 6e 74 65 72 70 6f 6c 61 74 69   -ms-interpolati
1b70: 6f 6e 2d 6d 6f 64 65 3a 20 62 69 63 75 62 69 63  on-mode: bicubic
1b80: 3b 20 7d 0a 0a 2f 2a 20 0a 20 2a 20 4e 6f 6e 2d  ; }../* . * Non-
1b90: 73 65 6d 61 6e 74 69 63 20 68 65 6c 70 65 72 20  semantic helper 
1ba0: 63 6c 61 73 73 65 73 20 0a 20 2a 2f 0a 0a 2f 2a  classes . */../*
1bb0: 20 66 6f 72 20 69 6d 61 67 65 20 72 65 70 6c 61   for image repla
1bc0: 63 65 6d 65 6e 74 20 2a 2f 0a 2e 69 72 20 7b 20  cement */..ir { 
1bd0: 64 69 73 70 6c 61 79 3a 62 6c 6f 63 6b 3b 20 74  display:block; t
1be0: 65 78 74 2d 69 6e 64 65 6e 74 3a 2d 39 39 39 65  ext-indent:-999e
1bf0: 6d 3b 20 6f 76 65 72 66 6c 6f 77 3a 68 69 64 64  m; overflow:hidd
1c00: 65 6e 3b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 72  en; background-r
1c10: 65 70 65 61 74 3a 20 6e 6f 2d 72 65 70 65 61 74  epeat: no-repeat
1c20: 3b 20 7d 0a 0a 2f 2a 20 48 69 64 65 20 66 6f 72  ; }../* Hide for
1c30: 20 62 6f 74 68 20 73 63 72 65 65 6e 72 65 61 64   both screenread
1c40: 65 72 73 20 61 6e 64 20 62 72 6f 77 73 65 72 73  ers and browsers
1c50: 0a 20 20 20 63 73 73 2d 64 69 73 63 75 73 73 2e  .   css-discuss.
1c60: 69 6e 63 75 74 69 6f 2e 63 6f 6d 2f 77 69 6b 69  incutio.com/wiki
1c70: 2f 53 63 72 65 65 6e 72 65 61 64 65 72 5f 56 69  /Screenreader_Vi
1c80: 73 69 62 69 6c 69 74 79 20 2a 2f 0a 2e 68 69 64  sibility */..hid
1c90: 64 65 6e 20 7b 20 64 69 73 70 6c 61 79 3a 6e 6f  den { display:no
1ca0: 6e 65 3b 20 7d 20 0a 0a 2f 2a 20 48 69 64 65 20  ne; } ../* Hide 
1cb0: 6f 6e 6c 79 20 76 69 73 75 61 6c 6c 79 2c 20 62  only visually, b
1cc0: 75 74 20 68 61 76 65 20 69 74 20 61 76 61 69 6c  ut have it avail
1cd0: 61 62 6c 65 20 66 6f 72 20 73 63 72 65 65 6e 72  able for screenr
1ce0: 65 61 64 65 72 73 20 0a 20 20 20 77 77 77 2e 77  eaders .   www.w
1cf0: 65 62 61 69 6d 2e 6f 72 67 2f 74 65 63 68 6e 69  ebaim.org/techni
1d00: 71 75 65 73 2f 63 73 73 2f 69 6e 76 69 73 69 62  ques/css/invisib
1d10: 6c 65 63 6f 6e 74 65 6e 74 2f 20 0a 20 20 20 53  lecontent/ .   S
1d20: 6f 6c 75 74 69 6f 6e 20 66 72 6f 6d 3a 20 6a 2e  olution from: j.
1d30: 6d 70 2f 76 69 73 75 61 6c 6c 79 68 69 64 64 65  mp/visuallyhidde
1d40: 6e 20 2d 20 54 68 61 6e 6b 73 20 4a 6f 6e 61 74  n - Thanks Jonat
1d50: 68 61 6e 20 4e 65 61 6c 21 20 2a 2f 0a 2e 76 69  han Neal! */..vi
1d60: 73 75 61 6c 6c 79 68 69 64 64 65 6e 20 7b 20 70  suallyhidden { p
1d70: 6f 73 69 74 69 6f 6e 3a 61 62 73 6f 6c 75 74 65  osition:absolute
1d80: 20 21 69 6d 70 6f 72 74 61 6e 74 3b 20 20 20 20   !important;    
1d90: 0a 20 20 63 6c 69 70 3a 20 72 65 63 74 28 31 70  .  clip: rect(1p
1da0: 78 20 31 70 78 20 31 70 78 20 31 70 78 29 3b 20  x 1px 1px 1px); 
1db0: 2f 2a 20 49 45 36 2c 20 49 45 37 20 2a 2f 0a 20  /* IE6, IE7 */. 
1dc0: 20 63 6c 69 70 3a 20 72 65 63 74 28 31 70 78 2c   clip: rect(1px,
1dd0: 20 31 70 78 2c 20 31 70 78 2c 20 31 70 78 29 3b   1px, 1px, 1px);
1de0: 20 7d 0a 0a 2f 2a 20 48 69 64 65 20 76 69 73 75   }../* Hide visu
1df0: 61 6c 6c 79 20 61 6e 64 20 66 72 6f 6d 20 73 63  ally and from sc
1e00: 72 65 65 6e 72 65 61 64 65 72 73 2c 20 62 75 74  reenreaders, but
1e10: 20 6d 61 69 6e 74 61 69 6e 20 6c 61 79 6f 75 74   maintain layout
1e20: 20 2a 2f 0a 2e 69 6e 76 69 73 69 62 6c 65 20 7b   */..invisible {
1e30: 20 76 69 73 69 62 69 6c 69 74 79 3a 20 68 69 64   visibility: hid
1e40: 64 65 6e 3b 20 7d 0a 0a 2f 2a 20 3e 3e 20 54 68  den; }../* >> Th
1e50: 65 20 4d 61 67 6e 69 66 69 63 65 6e 74 20 43 4c  e Magnificent CL
1e60: 45 41 52 46 49 58 3a 20 55 70 64 61 74 65 64 20  EARFIX: Updated 
1e70: 74 6f 20 70 72 65 76 65 6e 74 20 6d 61 72 67 69  to prevent margi
1e80: 6e 2d 63 6f 6c 6c 61 70 73 69 6e 67 20 6f 6e 20  n-collapsing on 
1e90: 63 68 69 6c 64 20 65 6c 65 6d 65 6e 74 73 20 3c  child elements <
1ea0: 3c 20 6a 2e 6d 70 2f 62 65 73 74 63 6c 65 61 72  < j.mp/bestclear
1eb0: 66 69 78 20 2a 2f 0a 2e 63 6c 65 61 72 66 69 78  fix */..clearfix
1ec0: 3a 62 65 66 6f 72 65 2c 20 2e 63 6c 65 61 72 66  :before, .clearf
1ed0: 69 78 3a 61 66 74 65 72 20 7b 0a 20 20 63 6f 6e  ix:after {.  con
1ee0: 74 65 6e 74 3a 20 22 5c 30 30 32 30 22 3b 20 64  tent: "\0020"; d
1ef0: 69 73 70 6c 61 79 3a 20 62 6c 6f 63 6b 3b 20 68  isplay: block; h
1f00: 65 69 67 68 74 3a 20 30 3b 20 76 69 73 69 62 69  eight: 0; visibi
1f10: 6c 69 74 79 3a 20 68 69 64 64 65 6e 3b 20 20 20  lity: hidden;   
1f20: 20 0a 7d 20 0a 0a 2e 63 6c 65 61 72 66 69 78 3a   .} ...clearfix:
1f30: 61 66 74 65 72 20 7b 20 63 6c 65 61 72 3a 20 62  after { clear: b
1f40: 6f 74 68 3b 20 7d 0a 2f 2a 20 46 69 78 20 63 6c  oth; }./* Fix cl
1f50: 65 61 72 66 69 78 3a 20 62 6c 75 65 70 72 69 6e  earfix: blueprin
1f60: 74 63 73 73 2e 6c 69 67 68 74 68 6f 75 73 65 61  tcss.lighthousea
1f70: 70 70 2e 63 6f 6d 2f 70 72 6f 6a 65 63 74 73 2f  pp.com/projects/
1f80: 31 35 33 31 38 2f 74 69 63 6b 65 74 73 2f 35 2d  15318/tickets/5-
1f90: 65 78 74 72 61 2d 6d 61 72 67 69 6e 2d 70 61 64  extra-margin-pad
1fa0: 64 69 6e 67 2d 62 6f 74 74 6f 6d 2d 6f 66 2d 70  ding-bottom-of-p
1fb0: 61 67 65 20 2a 2f 0a 2e 63 6c 65 61 72 66 69 78  age */..clearfix
1fc0: 20 7b 20 7a 6f 6f 6d 3a 20 31 3b 20 7d 0a 0a 0a   { zoom: 1; }...
1fd0: 2f 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 20 6c 61 79  /*********** lay
1fe0: 6f 75 74 20 69 6e 66 6f 20 28 65 7a 2e 63 73 73  out info (ez.css
1ff0: 29 20 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2f 0a 2f  ) ***********/./
2000: 2a 20 32 30 30 39 20 2d 32 30 31 30 20 28 63 29  * 2009 -2010 (c)
2010: 20 7c 20 65 7a 2d 63 73 73 2e 6f 72 67 0a 20 2a   | ez-css.org. *
2020: 20 65 7a 2d 70 6c 75 67 2d 6d 69 6e 2e 63 73 73   ez-plug-min.css
2030: 20 3a 3a 20 76 65 72 73 69 6f 6e 20 31 2e 31 20   :: version 1.1 
2040: 3a 3a 20 30 31 31 38 32 30 31 30 0a 20 2a 2f 0a  :: 01182010. */.
2050: 2e 65 7a 2d 77 72 3a 61 66 74 65 72 2c 2e 65 7a  .ez-wr:after,.ez
2060: 2d 62 6f 78 3a 61 66 74 65 72 7b 63 6f 6e 74 65  -box:after{conte
2070: 6e 74 3a 22 2e 22 3b 64 69 73 70 6c 61 79 3a 62  nt:".";display:b
2080: 6c 6f 63 6b 3b 68 65 69 67 68 74 3a 30 3b 63 6c  lock;height:0;cl
2090: 65 61 72 3a 62 6f 74 68 3b 76 69 73 69 62 69 6c  ear:both;visibil
20a0: 69 74 79 3a 68 69 64 64 65 6e 7d 2e 65 7a 2d 77  ity:hidden}.ez-w
20b0: 72 2c 2e 65 7a 2d 62 6f 78 2c 2e 65 7a 2d 6c 61  r,.ez-box,.ez-la
20c0: 73 74 7b 64 69 73 70 6c 61 79 3a 69 6e 6c 69 6e  st{display:inlin
20d0: 65 2d 62 6c 6f 63 6b 3b 6d 69 6e 2d 68 65 69 67  e-block;min-heig
20e0: 68 74 3a 30 7d 2f 2a 20 5c 2a 2f 20 2a 20 68 74  ht:0}/* \*/ * ht
20f0: 6d 6c 20 2e 65 7a 2d 77 72 2c 2a 20 68 74 6d 6c  ml .ez-wr,* html
2100: 20 2e 65 7a 2d 62 6f 78 2c 2a 20 68 74 6d 6c 20   .ez-box,* html 
2110: 2e 65 7a 2d 6c 61 73 74 7b 68 65 69 67 68 74 3a  .ez-last{height:
2120: 31 25 7d 2e 65 7a 2d 77 72 2c 2e 65 7a 2d 62 6f  1%}.ez-wr,.ez-bo
2130: 78 2c 2e 65 7a 2d 6c 61 73 74 7b 64 69 73 70 6c  x,.ez-last{displ
2140: 61 79 3a 62 6c 6f 63 6b 7d 2f 2a 20 2a 2f 2e 65  ay:block}/* */.e
2150: 7a 2d 6f 68 7b 6f 76 65 72 66 6c 6f 77 3a 68 69  z-oh{overflow:hi
2160: 64 64 65 6e 7d 2a 20 68 74 6d 6c 20 2e 65 7a 2d  dden}* html .ez-
2170: 6f 68 7b 6f 76 65 72 66 6c 6f 77 3a 76 69 73 69  oh{overflow:visi
2180: 62 6c 65 7d 2e 65 7a 2d 6f 61 7b 6f 76 65 72 66  ble}.ez-oa{overf
2190: 6c 6f 77 3a 61 75 74 6f 7d 2e 65 7a 2d 64 74 7b  low:auto}.ez-dt{
21a0: 64 69 73 70 6c 61 79 3a 74 61 62 6c 65 7d 2e 65  display:table}.e
21b0: 7a 2d 69 74 7b 64 69 73 70 6c 61 79 3a 69 6e 6c  z-it{display:inl
21c0: 69 6e 65 2d 74 61 62 6c 65 7d 2e 65 7a 2d 74 63  ine-table}.ez-tc
21d0: 7b 64 69 73 70 6c 61 79 3a 74 61 62 6c 65 2d 63  {display:table-c
21e0: 65 6c 6c 7d 2e 65 7a 2d 69 62 7b 64 69 73 70 6c  ell}.ez-ib{displ
21f0: 61 79 3a 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 7d  ay:inline-block}
2200: 2e 65 7a 2d 66 6c 7b 66 6c 6f 61 74 3a 6c 65 66  .ez-fl{float:lef
2210: 74 7d 2a 20 68 74 6d 6c 20 2e 65 7a 2d 66 6c 7b  t}* html .ez-fl{
2220: 6d 61 72 67 69 6e 2d 72 69 67 68 74 3a 2d 33 70  margin-right:-3p
2230: 78 7d 2e 65 7a 2d 66 72 7b 66 6c 6f 61 74 3a 72  x}.ez-fr{float:r
2240: 69 67 68 74 7d 2a 20 68 74 6d 6c 20 2e 65 7a 2d  ight}* html .ez-
2250: 66 72 7b 6d 61 72 67 69 6e 2d 6c 65 66 74 3a 2d  fr{margin-left:-
2260: 33 70 78 7d 2e 65 7a 2d 32 35 7b 77 69 64 74 68  3px}.ez-25{width
2270: 3a 32 35 25 7d 2e 65 7a 2d 33 33 7b 77 69 64 74  :25%}.ez-33{widt
2280: 68 3a 33 33 2e 33 33 25 7d 2e 65 7a 2d 35 30 7b  h:33.33%}.ez-50{
2290: 77 69 64 74 68 3a 35 30 25 7d 2e 65 7a 2d 36 36  width:50%}.ez-66
22a0: 7b 77 69 64 74 68 3a 36 36 2e 36 36 25 7d 2e 65  {width:66.66%}.e
22b0: 7a 2d 37 35 7b 77 69 64 74 68 3a 37 35 25 7d 2e  z-75{width:75%}.
22c0: 65 7a 2d 6e 65 67 6d 72 7b 6d 61 72 67 69 6e 2d  ez-negmr{margin-
22d0: 72 69 67 68 74 3a 2d 31 70 78 7d 2a 20 68 74 6d  right:-1px}* htm
22e0: 6c 20 2e 65 7a 2d 6e 65 67 6d 72 7b 6d 61 72 67  l .ez-negmr{marg
22f0: 69 6e 2d 72 69 67 68 74 3a 2d 34 70 78 7d 2e 65  in-right:-4px}.e
2300: 7a 2d 6e 65 67 6d 78 7b 6d 61 72 67 69 6e 2d 72  z-negmx{margin-r
2310: 69 67 68 74 3a 2d 31 70 78 7d 2e 65 7a 2d 6e 65  ight:-1px}.ez-ne
2320: 67 6d 6c 7b 6d 61 72 67 69 6e 2d 6c 65 66 74 3a  gml{margin-left:
2330: 2d 31 70 78 7d 2a 20 68 74 6d 6c 20 2e 65 7a 2d  -1px}* html .ez-
2340: 6e 65 67 6d 6c 7b 6d 61 72 67 69 6e 2d 6c 65 66  negml{margin-lef
2350: 74 3a 2d 34 70 78 7d 0a 0a 0a 2f 2a 2a 2a 2a 2a  t:-4px}.../*****
2360: 2a 2a 2a 2a 2a 2a 20 61 64 64 20 62 6f 74 74 6f  ****** add botto
2370: 6d 20 6c 69 6e 65 20 74 6f 20 74 61 62 6c 65 20  m line to table 
2380: 72 6f 77 73 20 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  rows ***********
2390: 2f 0a 74 68 2c 20 74 64 20 7b 20 70 61 64 64 69  /.th, td { paddi
23a0: 6e 67 3a 20 30 2e 31 65 6d 20 30 2e 35 65 6d 20  ng: 0.1em 0.5em 
23b0: 30 2e 31 65 6d 20 30 2e 35 65 6d 3b 7d 0a 0a 2f  0.1em 0.5em;}../
23c0: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 20 6c 61 62 65  *********** labe
23d0: 6c 73 20 62 6f 6c 64 20 61 6e 64 20 6f 63 63 61  ls bold and occa
23e0: 73 69 6f 6e 61 6c 6c 79 20 63 65 6e 74 65 72 65  sionally centere
23f0: 64 20 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2f 0a 6c  d ***********/.l
2400: 61 62 65 6c 20 7b 0a 20 20 20 20 77 68 69 74 65  abel {.    white
2410: 2d 73 70 61 63 65 3a 20 6e 6f 77 72 61 70 3b 0a  -space: nowrap;.
2420: 7d 0a 6c 61 62 65 6c 2c 20 62 2c 20 74 68 20 7b  }.label, b, th {
2430: 0a 20 20 20 20 66 6f 6e 74 2d 77 65 69 67 68 74  .    font-weight
2440: 3a 20 62 6f 6c 64 3b 0a 7d 0a 74 68 65 61 64 20  : bold;.}.thead 
2450: 74 68 20 7b 0a 20 20 20 20 74 65 78 74 2d 61 6c  th {.    text-al
2460: 69 67 6e 3a 20 63 65 6e 74 65 72 3b 0a 20 20 20  ign: center;.   
2470: 20 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d 3a 20   border-bottom: 
2480: 31 70 78 20 73 6f 6c 69 64 20 23 34 34 34 3b 0a  1px solid #444;.
2490: 7d 0a 2f 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 20 66  }./*********** f
24a0: 6f 72 6d 73 20 61 6e 64 20 74 61 62 6c 65 20 70  orms and table p
24b0: 61 64 64 69 6e 67 20 2a 2a 2a 2a 2a 2a 2a 2a 2a  adding *********
24c0: 2a 2a 2f 0a 66 6f 72 6d 2c 20 74 61 62 6c 65 20  **/.form, table 
24d0: 7b 0a 20 20 20 70 61 64 64 69 6e 67 3a 20 35 70  {.   padding: 5p
24e0: 78 20 31 30 70 78 20 35 70 78 20 31 30 70 78 3b  x 10px 5px 10px;
24f0: 0a 7d 0a 0a 2f 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  .}../***********
2500: 20 63 6f 64 65 20 62 6c 6f 63 6b 73 20 2a 2a 2a   code blocks ***
2510: 2a 2a 2a 2a 2a 2a 2a 2a 2f 0a 63 6f 64 65 20 7b  ********/.code {
2520: 0a 20 20 20 70 61 64 64 69 6e 67 3a 20 33 70 78  .   padding: 3px
2530: 20 35 70 78 3b 0a 20 20 20 66 6f 6e 74 2d 66 61   5px;.   font-fa
2540: 6d 69 6c 79 3a 20 41 6e 64 61 6c 65 20 4d 6f 6e  mily: Andale Mon
2550: 6f 2c 20 6d 6f 6e 6f 73 70 61 63 65 3b 0a 20 20  o, monospace;.  
2560: 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 30 2e 39 65   font-size: 0.9e
2570: 6d 3b 0a 7d 0a 0a 2f 2a 2a 2a 2a 2a 2a 2a 2a 2a  m;.}../*********
2580: 2a 2a 20 6c 65 66 74 20 61 6e 64 20 72 69 67 68  ** left and righ
2590: 74 20 70 61 64 64 69 6e 67 20 74 6f 20 71 75 6f  t padding to quo
25a0: 74 65 64 20 74 65 78 74 20 2a 2a 2a 2a 2a 2a 2a  ted text *******
25b0: 2a 2a 2a 2a 2f 0a 62 6c 6f 63 6b 71 75 6f 74 65  ****/.blockquote
25c0: 20 7b 0a 20 20 20 62 61 63 6b 67 72 6f 75 6e 64   {.   background
25d0: 3a 20 23 63 63 63 63 63 63 3b 0a 20 20 20 62 6f  : #cccccc;.   bo
25e0: 72 64 65 72 2d 6c 65 66 74 3a 20 33 30 70 78 20  rder-left: 30px 
25f0: 74 72 61 6e 73 70 61 72 65 6e 74 3b 0a 20 20 20  transparent;.   
2600: 62 6f 72 64 65 72 2d 72 69 67 68 74 3a 20 33 30  border-right: 30
2610: 70 78 20 74 72 61 6e 73 70 61 72 65 6e 74 3b 0a  px transparent;.
2620: 20 20 20 2f 2a 70 61 64 64 69 6e 67 3a 20 35 70     /*padding: 5p
2630: 78 3b 2a 2f 0a 7d 0a 0a 69 6e 70 75 74 5b 74 79  x;*/.}..input[ty
2640: 70 65 3d 74 65 78 74 5d 2c 20 69 6e 70 75 74 5b  pe=text], input[
2650: 74 79 70 65 3d 70 61 73 73 77 6f 72 64 5d 2c 20  type=password], 
2660: 74 65 78 74 61 72 65 61 2c 20 73 65 6c 65 63 74  textarea, select
2670: 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 32   {.    margin: 2
2680: 70 78 20 31 35 70 78 20 32 70 78 20 35 70 78 3b  px 15px 2px 5px;
2690: 0a 20 20 20 20 77 69 64 74 68 3a 20 32 38 30 70  .    width: 280p
26a0: 78 3b 20 20 20 20 20 20 0a 20 20 20 20 62 61 63  x;      .    bac
26b0: 6b 67 72 6f 75 6e 64 3a 20 23 66 66 66 3b 0a 20  kground: #fff;. 
26c0: 20 20 20 63 6f 6c 6f 72 3a 20 23 35 35 35 3b 0a     color: #555;.
26d0: 20 20 20 20 62 6f 72 64 65 72 3a 20 31 70 78 20      border: 1px 
26e0: 73 6f 6c 69 64 20 23 64 65 64 65 64 65 3b 20 0a  solid #dedede; .
26f0: 20 20 20 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d      -moz-border-
2700: 72 61 64 69 75 73 3a 20 32 70 78 3b 0a 20 20 20  radius: 2px;.   
2710: 20 2d 77 65 62 6b 69 74 2d 62 6f 72 64 65 72 2d   -webkit-border-
2720: 72 61 64 69 75 73 3a 20 32 70 78 3b 0a 20 20 20  radius: 2px;.   
2730: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20   border-radius: 
2740: 32 70 78 3b 20 20 20 20 20 20 20 0a 20 20 20 20  2px;       .    
2750: 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 32 70 78 3b  font-size: 12px;
2760: 0a 7d 0a 0a 69 6e 70 75 74 5b 74 79 70 65 3d 74  .}..input[type=t
2770: 65 78 74 5d 2c 20 69 6e 70 75 74 5b 74 79 70 65  ext], input[type
2780: 3d 70 61 73 73 77 6f 72 64 5d 20 7b 0a 20 20 20  =password] {.   
2790: 20 68 65 69 67 68 74 3a 20 31 36 70 78 3b 20 20   height: 16px;  
27a0: 0a 7d 0a 0a 73 65 6c 65 63 74 5b 6d 75 6c 74 69  .}..select[multi
27b0: 70 6c 65 3d 6d 75 6c 74 69 70 6c 65 5d 20 7b 0a  ple=multiple] {.
27c0: 20 20 20 20 68 65 69 67 68 74 3a 20 39 30 70 78      height: 90px
27d0: 3b 20 20 0a 7d 0a 0a 69 6e 70 75 74 5b 74 79 70  ;  .}..input[typ
27e0: 65 3d 73 75 62 6d 69 74 5d 2c 20 69 6e 70 75 74  e=submit], input
27f0: 5b 74 79 70 65 3d 62 75 74 74 6f 6e 5d 2c 20 62  [type=button], b
2800: 75 74 74 6f 6e 20 7b 0a 20 20 20 20 6d 61 72 67  utton {.    marg
2810: 69 6e 3a 20 30 70 78 3b 0a 20 20 20 20 2f 2a 77  in: 0px;.    /*w
2820: 69 64 74 68 3a 20 38 35 70 78 3b 2a 2f 0a 20 20  idth: 85px;*/.  
2830: 20 20 68 65 69 67 68 74 3a 20 32 32 70 78 3b 20    height: 22px; 
2840: 20 20 20 0a 20 20 20 20 62 61 63 6b 67 72 6f 75     .    backgrou
2850: 6e 64 3a 20 23 65 61 65 61 65 61 3b 0a 20 20 20  nd: #eaeaea;.   
2860: 20 63 6f 6c 6f 72 3a 20 23 35 35 35 3b 0a 20 20   color: #555;.  
2870: 20 20 62 6f 72 64 65 72 3a 20 31 70 78 20 73 6f    border: 1px so
2880: 6c 69 64 20 23 64 65 64 65 64 65 3b 0a 20 20 20  lid #dedede;.   
2890: 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72 61 64   -moz-border-rad
28a0: 69 75 73 3a 20 32 70 78 3b 0a 20 20 20 20 2d 77  ius: 2px;.    -w
28b0: 65 62 6b 69 74 2d 62 6f 72 64 65 72 2d 72 61 64  ebkit-border-rad
28c0: 69 75 73 3a 20 32 70 78 3b 0a 20 20 20 20 62 6f  ius: 2px;.    bo
28d0: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 32 70 78  rder-radius: 2px
28e0: 3b 20 20 20 20 0a 7d 0a 0a 66 69 65 6c 64 73 65  ;    .}..fieldse
28f0: 74 20 7b 20 62 6f 72 64 65 72 3a 20 31 70 78 20  t { border: 1px 
2900: 73 6f 6c 69 64 20 23 64 65 64 65 64 65 3b 20 70  solid #dedede; p
2910: 61 64 64 69 6e 67 3a 20 36 70 78 3b 20 7d 0a 6c  adding: 6px; }.l
2920: 65 67 65 6e 64 20 7b 20 66 6f 6e 74 2d 77 65 69  egend { font-wei
2930: 67 68 74 3a 20 62 6f 6c 64 3b 20 7d 0a 0a 69 6e  ght: bold; }..in
2940: 70 75 74 3a 66 6f 63 75 73 2c 20 74 65 78 74 61  put:focus, texta
2950: 72 65 61 3a 66 6f 63 75 73 20 7b 20 62 61 63 6b  rea:focus { back
2960: 67 72 6f 75 6e 64 3a 20 23 66 61 66 61 66 61 3b  ground: #fafafa;
2970: 20 7d 0a 0a 70 20 7b 74 65 78 74 2d 69 6e 64 65   }..p {text-inde
2980: 6e 74 3a 33 30 70 78 3b 7d 0a 0a 70 2c 20 62 6c  nt:30px;}..p, bl
2990: 6f 63 6b 71 75 6f 74 65 20 7b 20 20 20 20 0a 20  ockquote {    . 
29a0: 20 20 20 6d 61 72 67 69 6e 2d 62 6f 74 74 6f 6d     margin-bottom
29b0: 3a 20 31 30 70 78 3b 0a 7d 0a 0a 68 31 2c 68 32  : 10px;.}..h1,h2
29c0: 2c 68 33 2c 68 34 2c 68 35 2c 68 36 20 7b 20 6c  ,h3,h4,h5,h6 { l
29d0: 69 6e 65 2d 68 65 69 67 68 74 3a 20 31 37 30 25  ine-height: 170%
29e0: 3b 20 7d 0a 68 31 20 7b 66 6f 6e 74 2d 73 69 7a  ; }.h1 {font-siz
29f0: 65 3a 20 32 2e 30 65 6d 3b 7d 0a 68 32 20 7b 66  e: 2.0em;}.h2 {f
2a00: 6f 6e 74 2d 73 69 7a 65 3a 20 31 2e 38 65 6d 3b  ont-size: 1.8em;
2a10: 7d 0a 68 33 20 7b 66 6f 6e 74 2d 73 69 7a 65 3a  }.h3 {font-size:
2a20: 20 31 2e 34 65 6d 3b 7d 0a 68 34 20 7b 66 6f 6e   1.4em;}.h4 {fon
2a30: 74 2d 73 69 7a 65 3a 20 31 2e 32 65 6d 3b 7d 0a  t-size: 1.2em;}.
2a40: 68 35 20 7b 66 6f 6e 74 2d 73 69 7a 65 3a 20 31  h5 {font-size: 1
2a50: 2e 30 65 6d 3b 7d 0a 68 36 20 7b 66 6f 6e 74 2d  .0em;}.h6 {font-
2a60: 73 69 7a 65 3a 20 30 2e 38 65 6d 3b 7d 0a 0a 2f  size: 0.8em;}../
2a70: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 20 77 65 62 32  *********** web2
2a80: 70 79 20 73 70 65 63 69 66 69 63 20 2a 2a 2a 2a  py specific ****
2a90: 2a 2a 2a 2a 2a 2a 2a 2f 0a 64 69 76 2e 66 6c 61  *******/.div.fla
2aa0: 73 68 20 7b 0a 20 20 20 20 66 6f 6e 74 2d 77 65  sh {.    font-we
2ab0: 69 67 68 74 3a 20 62 6f 6c 64 3b 0a 20 20 20 20  ight: bold;.    
2ac0: 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 20  display: none;. 
2ad0: 20 20 20 70 6f 73 69 74 69 6f 6e 3a 20 66 69 78     position: fix
2ae0: 65 64 3b 20 20 20 20 0a 20 20 20 20 70 61 64 64  ed;    .    padd
2af0: 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20 20 20 74  ing: 10px;.    t
2b00: 6f 70 3a 20 34 30 70 78 3b 0a 20 20 20 20 72 69  op: 40px;.    ri
2b10: 67 68 74 3a 20 31 30 70 78 3b 0a 20 20 20 20 6d  ght: 10px;.    m
2b20: 69 6e 2d 77 69 64 74 68 3a 20 32 38 30 70 78 3b  in-width: 280px;
2b30: 0a 20 20 20 20 6f 70 61 63 69 74 79 3a 20 30 2e  .    opacity: 0.
2b40: 38 35 3b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20  85;.    margin: 
2b50: 30 70 78 20 30 70 78 20 31 30 70 78 20 31 30 70  0px 0px 10px 10p
2b60: 78 3b 20 20 20 20 0a 20 20 20 20 63 6f 6c 6f 72  x;    .    color
2b70: 3a 20 23 66 66 66 3b 20 20 20 20 0a 20 20 20 20  : #fff;    .    
2b80: 76 65 72 74 69 63 61 6c 2d 61 6c 69 67 6e 3a 20  vertical-align: 
2b90: 6d 69 64 64 6c 65 3b 0a 20 20 20 20 63 75 72 73  middle;.    curs
2ba0: 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 20 20 20  or: pointer;.   
2bb0: 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 23 30 30   background: #00
2bc0: 30 3b 0a 20 20 20 20 62 6f 72 64 65 72 3a 20 32  0;.    border: 2
2bd0: 70 78 20 73 6f 6c 69 64 20 23 66 66 66 3b 0a 20  px solid #fff;. 
2be0: 20 20 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72     -moz-border-r
2bf0: 61 64 69 75 73 3a 20 35 70 78 3b 0a 20 20 20 20  adius: 5px;.    
2c00: 2d 77 65 62 6b 69 74 2d 62 6f 72 64 65 72 2d 72  -webkit-border-r
2c10: 61 64 69 75 73 3a 20 35 70 78 3b 0a 20 20 20 20  adius: 5px;.    
2c20: 7a 2d 69 6e 64 65 78 3a 20 32 3b 0a 7d 0a 64 69  z-index: 2;.}.di
2c30: 76 2e 65 72 72 6f 72 20 7b 0a 20 20 20 20 62 61  v.error {.    ba
2c40: 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20  ckground-color: 
2c50: 72 65 64 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  red;.    color: 
2c60: 77 68 69 74 65 3b 0a 20 20 20 20 70 61 64 64 69  white;.    paddi
2c70: 6e 67 3a 20 33 70 78 3b 0a 7d 0a 0a 2f 2a 2a 2a  ng: 3px;.}../***
2c80: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
2c90: 2a 2a 2a 2a 2a 2a 2a 2a 0a 20 2a 20 43 53 53 20  ********. * CSS 
2ca0: 33 20 42 75 74 74 6f 6e 73 0a 20 2a 20 68 74 74  3 Buttons. * htt
2cb0: 70 3a 2f 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 6d  p://github.com/m
2cc0: 69 63 68 65 6e 72 69 6b 73 65 6e 2f 63 73 73 33  ichenriksen/css3
2cd0: 62 75 74 74 6f 6e 73 0a 20 2a 20 63 72 65 61 74  buttons. * creat
2ce0: 65 64 20 62 79 20 4d 69 63 68 61 65 6c 20 48 65  ed by Michael He
2cf0: 6e 72 69 6b 73 65 6e 0a 20 2a 20 4c 69 63 65 6e  nriksen. * Licen
2d00: 73 65 3a 20 55 6e 6c 69 63 65 6e 73 65 20 0a 20  se: Unlicense . 
2d10: 2a 20 0a 20 2a 20 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  * . * **********
2d20: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2f 0a 0a 61 2e 62 75  *********/..a.bu
2d30: 74 74 6f 6e 20 7b 20 64 69 73 70 6c 61 79 3a 20  tton { display: 
2d40: 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 20 70 61  inline-block; pa
2d50: 64 64 69 6e 67 3a 20 33 70 78 20 35 70 78 20 33  dding: 3px 5px 3
2d60: 70 78 20 35 70 78 3b 20 66 6f 6e 74 2d 66 61 6d  px 5px; font-fam
2d70: 69 6c 79 3a 20 27 6c 75 63 69 64 61 20 67 72 61  ily: 'lucida gra
2d80: 6e 64 65 27 2c 20 74 61 68 6f 6d 61 2c 20 76 65  nde', tahoma, ve
2d90: 72 64 61 6e 61 2c 20 61 72 69 61 6c 2c 20 73 61  rdana, arial, sa
2da0: 6e 73 2d 73 65 72 69 66 3b 20 66 6f 6e 74 2d 73  ns-serif; font-s
2db0: 69 7a 65 3a 20 31 32 70 78 3b 20 63 6f 6c 6f 72  ize: 12px; color
2dc0: 3a 20 23 33 43 33 43 33 44 3b 20 74 65 78 74 2d  : #3C3C3D; text-
2dd0: 73 68 61 64 6f 77 3a 20 31 70 78 20 31 70 78 20  shadow: 1px 1px 
2de0: 30 20 23 46 46 46 46 46 46 3b 20 62 61 63 6b 67  0 #FFFFFF; backg
2df0: 72 6f 75 6e 64 3a 20 23 45 43 45 43 45 43 20 75  round: #ECECEC u
2e00: 72 6c 28 27 2e 2e 2f 69 6d 61 67 65 73 2f 63 73  rl('../images/cs
2e10: 73 33 62 75 74 74 6f 6e 73 5f 62 61 63 6b 67 72  s3buttons_backgr
2e20: 6f 75 6e 64 73 2e 70 6e 67 27 29 20 30 20 30 20  ounds.png') 0 0 
2e30: 6e 6f 2d 72 65 70 65 61 74 3b 20 77 68 69 74 65  no-repeat; white
2e40: 2d 73 70 61 63 65 3a 20 6e 6f 77 72 61 70 3b 20  -space: nowrap; 
2e50: 6f 76 65 72 66 6c 6f 77 3a 20 76 69 73 69 62 6c  overflow: visibl
2e60: 65 3b 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74  e; cursor: point
2e70: 65 72 3b 20 74 65 78 74 2d 64 65 63 6f 72 61 74  er; text-decorat
2e80: 69 6f 6e 3a 20 6e 6f 6e 65 3b 20 62 6f 72 64 65  ion: none; borde
2e90: 72 3a 20 31 70 78 20 73 6f 6c 69 64 20 23 43 41  r: 1px solid #CA
2ea0: 43 41 43 41 3b 20 2d 77 65 62 6b 69 74 2d 62 6f  CACA; -webkit-bo
2eb0: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 32 70 78  rder-radius: 2px
2ec0: 3b 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72 61  ; -moz-border-ra
2ed0: 64 69 75 73 3a 20 32 70 78 3b 20 2d 77 65 62 6b  dius: 2px; -webk
2ee0: 69 74 2d 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6c  it-background-cl
2ef0: 69 70 3a 20 70 61 64 64 69 6e 67 2d 62 6f 78 3b  ip: padding-box;
2f00: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20   border-radius: 
2f10: 32 70 78 3b 20 6f 75 74 6c 69 6e 65 3a 20 6e 6f  2px; outline: no
2f20: 6e 65 3b 20 70 6f 73 69 74 69 6f 6e 3a 20 72 65  ne; position: re
2f30: 6c 61 74 69 76 65 3b 20 7a 6f 6f 6d 3a 20 31 3b  lative; zoom: 1;
2f40: 20 2a 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e   *display: inlin
2f50: 65 3b 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e 70 72  e; }.a.button.pr
2f60: 69 6d 61 72 79 20 7b 20 66 6f 6e 74 2d 77 65 69  imary { font-wei
2f70: 67 68 74 3a 20 62 6f 6c 64 20 7d 0a 61 2e 62 75  ght: bold }.a.bu
2f80: 74 74 6f 6e 3a 68 6f 76 65 72 20 7b 20 63 6f 6c  tton:hover { col
2f90: 6f 72 3a 20 23 46 46 46 46 46 46 3b 20 62 6f 72  or: #FFFFFF; bor
2fa0: 64 65 72 2d 63 6f 6c 6f 72 3a 20 23 33 38 38 41  der-color: #388A
2fb0: 44 34 3b 20 74 65 78 74 2d 64 65 63 6f 72 61 74  D4; text-decorat
2fc0: 69 6f 6e 3a 20 6e 6f 6e 65 3b 20 74 65 78 74 2d  ion: none; text-
2fd0: 73 68 61 64 6f 77 3a 20 2d 31 70 78 20 2d 31 70  shadow: -1px -1p
2fe0: 78 20 30 20 72 67 62 61 28 30 2c 30 2c 30 2c 30  x 0 rgba(0,0,0,0
2ff0: 2e 33 29 3b 20 62 61 63 6b 67 72 6f 75 6e 64 2d  .3); background-
3000: 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 34 30 70  position: 0 -40p
3010: 78 3b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f  x; background-co
3020: 6c 6f 72 3a 20 23 32 44 37 44 43 35 3b 20 7d 0a  lor: #2D7DC5; }.
3030: 61 2e 62 75 74 74 6f 6e 3a 61 63 74 69 76 65 2c  a.button:active,
3040: 0a 61 2e 62 75 74 74 6f 6e 2e 61 63 74 69 76 65  .a.button.active
3050: 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f   { background-po
3060: 73 69 74 69 6f 6e 3a 20 30 20 2d 38 31 70 78 3b  sition: 0 -81px;
3070: 20 62 6f 72 64 65 72 2d 63 6f 6c 6f 72 3a 20 23   border-color: #
3080: 33 34 37 42 42 41 3b 20 62 61 63 6b 67 72 6f 75  347BBA; backgrou
3090: 6e 64 2d 63 6f 6c 6f 72 3a 20 23 30 46 35 45 41  nd-color: #0F5EA
30a0: 32 3b 20 63 6f 6c 6f 72 3a 20 23 46 46 46 46 46  2; color: #FFFFF
30b0: 46 3b 20 74 65 78 74 2d 73 68 61 64 6f 77 3a 20  F; text-shadow: 
30c0: 6e 6f 6e 65 3b 20 7d 0a 61 2e 62 75 74 74 6f 6e  none; }.a.button
30d0: 3a 61 63 74 69 76 65 20 7b 20 74 6f 70 3a 20 31  :active { top: 1
30e0: 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e 6e 65  px }.a.button.ne
30f0: 67 61 74 69 76 65 3a 68 6f 76 65 72 20 7b 20 63  gative:hover { c
3100: 6f 6c 6f 72 3a 20 23 46 46 46 46 46 46 3b 20 62  olor: #FFFFFF; b
3110: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69  ackground-positi
3120: 6f 6e 3a 20 30 20 2d 31 32 31 70 78 3b 20 62 61  on: 0 -121px; ba
3130: 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20  ckground-color: 
3140: 23 44 38 34 37 34 33 3b 20 62 6f 72 64 65 72 2d  #D84743; border-
3150: 63 6f 6c 6f 72 3a 20 23 39 31 31 44 31 42 3b 20  color: #911D1B; 
3160: 7d 0a 61 2e 62 75 74 74 6f 6e 2e 6e 65 67 61 74  }.a.button.negat
3170: 69 76 65 3a 61 63 74 69 76 65 2c 0a 61 2e 62 75  ive:active,.a.bu
3180: 74 74 6f 6e 2e 6e 65 67 61 74 69 76 65 2e 61 63  tton.negative.ac
3190: 74 69 76 65 20 7b 20 62 61 63 6b 67 72 6f 75 6e  tive { backgroun
31a0: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 31  d-position: 0 -1
31b0: 36 31 70 78 3b 20 62 61 63 6b 67 72 6f 75 6e 64  61px; background
31c0: 2d 63 6f 6c 6f 72 3a 20 23 41 35 32 31 31 45 3b  -color: #A5211E;
31d0: 20 62 6f 72 64 65 72 2d 63 6f 6c 6f 72 3a 20 23   border-color: #
31e0: 39 31 31 44 31 42 3b 20 7d 0a 61 2e 62 75 74 74  911D1B; }.a.butt
31f0: 6f 6e 2e 70 69 6c 6c 20 7b 20 2d 77 65 62 6b 69  on.pill { -webki
3200: 74 2d 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a  t-border-radius:
3210: 20 31 39 70 78 3b 20 2d 6d 6f 7a 2d 62 6f 72 64   19px; -moz-bord
3220: 65 72 2d 72 61 64 69 75 73 3a 20 31 39 70 78 3b  er-radius: 19px;
3230: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20   border-radius: 
3240: 31 39 70 78 3b 20 70 61 64 64 69 6e 67 3a 20 32  19px; padding: 2
3250: 70 78 20 31 30 70 78 20 32 70 78 20 31 30 70 78  px 10px 2px 10px
3260: 3b 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e 6c 65 66  ; }.a.button.lef
3270: 74 20 7b 20 2d 77 65 62 6b 69 74 2d 62 6f 72 64  t { -webkit-bord
3280: 65 72 2d 62 6f 74 74 6f 6d 2d 72 69 67 68 74 2d  er-bottom-right-
3290: 72 61 64 69 75 73 3a 20 30 70 78 3b 20 2d 77 65  radius: 0px; -we
32a0: 62 6b 69 74 2d 62 6f 72 64 65 72 2d 74 6f 70 2d  bkit-border-top-
32b0: 72 69 67 68 74 2d 72 61 64 69 75 73 3a 20 30 70  right-radius: 0p
32c0: 78 3b 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72  x; -moz-border-r
32d0: 61 64 69 75 73 2d 62 6f 74 74 6f 6d 72 69 67 68  adius-bottomrigh
32e0: 74 3a 20 30 70 78 3b 20 2d 6d 6f 7a 2d 62 6f 72  t: 0px; -moz-bor
32f0: 64 65 72 2d 72 61 64 69 75 73 2d 74 6f 70 72 69  der-radius-topri
3300: 67 68 74 3a 20 30 70 78 3b 20 62 6f 72 64 65 72  ght: 0px; border
3310: 2d 62 6f 74 74 6f 6d 2d 72 69 67 68 74 2d 72 61  -bottom-right-ra
3320: 64 69 75 73 3a 20 30 70 78 3b 20 62 6f 72 64 65  dius: 0px; borde
3330: 72 2d 74 6f 70 2d 72 69 67 68 74 2d 72 61 64 69  r-top-right-radi
3340: 75 73 3a 20 30 70 78 3b 20 6d 61 72 67 69 6e 2d  us: 0px; margin-
3350: 72 69 67 68 74 3a 20 30 70 78 3b 20 7d 0a 61 2e  right: 0px; }.a.
3360: 62 75 74 74 6f 6e 2e 6d 69 64 64 6c 65 20 7b 20  button.middle { 
3370: 6d 61 72 67 69 6e 2d 72 69 67 68 74 3a 20 30 70  margin-right: 0p
3380: 78 3b 20 6d 61 72 67 69 6e 2d 6c 65 66 74 3a 20  x; margin-left: 
3390: 30 70 78 3b 20 2d 77 65 62 6b 69 74 2d 62 6f 72  0px; -webkit-bor
33a0: 64 65 72 2d 72 61 64 69 75 73 3a 20 30 70 78 3b  der-radius: 0px;
33b0: 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72 61 64   -moz-border-rad
33c0: 69 75 73 3a 20 30 70 78 3b 20 62 6f 72 64 65 72  ius: 0px; border
33d0: 2d 72 61 64 69 75 73 3a 20 30 70 78 3b 20 62 6f  -radius: 0px; bo
33e0: 72 64 65 72 2d 72 69 67 68 74 3a 20 6e 6f 6e 65  rder-right: none
33f0: 3b 20 62 6f 72 64 65 72 2d 6c 65 66 74 3a 20 6e  ; border-left: n
3400: 6f 6e 65 3b 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e  one; }.a.button.
3410: 72 69 67 68 74 20 7b 20 2d 77 65 62 6b 69 74 2d  right { -webkit-
3420: 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d 2d 6c 65  border-bottom-le
3430: 66 74 2d 72 61 64 69 75 73 3a 20 30 70 78 3b 20  ft-radius: 0px; 
3440: 2d 77 65 62 6b 69 74 2d 62 6f 72 64 65 72 2d 74  -webkit-border-t
3450: 6f 70 2d 6c 65 66 74 2d 72 61 64 69 75 73 3a 20  op-left-radius: 
3460: 30 70 78 3b 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72  0px; -moz-border
3470: 2d 72 61 64 69 75 73 2d 62 6f 74 74 6f 6d 6c 65  -radius-bottomle
3480: 66 74 3a 20 30 70 78 3b 20 2d 6d 6f 7a 2d 62 6f  ft: 0px; -moz-bo
3490: 72 64 65 72 2d 72 61 64 69 75 73 2d 74 6f 70 6c  rder-radius-topl
34a0: 65 66 74 3a 20 30 70 78 3b 20 62 6f 72 64 65 72  eft: 0px; border
34b0: 2d 74 6f 70 2d 6c 65 66 74 2d 72 61 64 69 75 73  -top-left-radius
34c0: 3a 20 30 70 78 3b 20 62 6f 72 64 65 72 2d 62 6f  : 0px; border-bo
34d0: 74 74 6f 6d 2d 6c 65 66 74 2d 72 61 64 69 75 73  ttom-left-radius
34e0: 3a 20 30 70 78 3b 20 6d 61 72 67 69 6e 2d 6c 65  : 0px; margin-le
34f0: 66 74 3a 20 30 70 78 3b 20 7d 0a 61 2e 62 75 74  ft: 0px; }.a.but
3500: 74 6f 6e 2e 6c 65 66 74 3a 61 63 74 69 76 65 2c  ton.left:active,
3510: 0a 61 2e 62 75 74 74 6f 6e 2e 6d 69 64 64 6c 65  .a.button.middle
3520: 3a 61 63 74 69 76 65 2c 0a 61 2e 62 75 74 74 6f  :active,.a.butto
3530: 6e 2e 72 69 67 68 74 3a 61 63 74 69 76 65 20 7b  n.right:active {
3540: 20 74 6f 70 3a 20 30 70 78 20 7d 0a 61 2e 62 75   top: 0px }.a.bu
3550: 74 74 6f 6e 2e 62 69 67 20 7b 20 66 6f 6e 74 2d  tton.big { font-
3560: 73 69 7a 65 3a 20 31 36 70 78 3b 20 70 61 64 64  size: 16px; padd
3570: 69 6e 67 2d 6c 65 66 74 3a 20 31 37 70 78 3b 20  ing-left: 17px; 
3580: 70 61 64 64 69 6e 67 2d 72 69 67 68 74 3a 20 31  padding-right: 1
3590: 37 70 78 3b 20 7d 0a 61 2e 62 75 74 74 6f 6e 20  7px; }.a.button 
35a0: 73 70 61 6e 2e 69 63 6f 6e 20 7b 20 64 69 73 70  span.icon { disp
35b0: 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63  lay: inline-bloc
35c0: 6b 3b 20 77 69 64 74 68 3a 20 31 34 70 78 3b 20  k; width: 14px; 
35d0: 68 65 69 67 68 74 3a 20 31 32 70 78 3b 20 6d 61  height: 12px; ma
35e0: 72 67 69 6e 3a 20 61 75 74 6f 20 37 70 78 20 61  rgin: auto 7px a
35f0: 75 74 6f 20 61 75 74 6f 3b 20 70 6f 73 69 74 69  uto auto; positi
3600: 6f 6e 3a 20 72 65 6c 61 74 69 76 65 3b 20 74 6f  on: relative; to
3610: 70 3a 20 32 70 78 3b 20 62 61 63 6b 67 72 6f 75  p: 2px; backgrou
3620: 6e 64 2d 69 6d 61 67 65 3a 20 75 72 6c 28 27 2e  nd-image: url('.
3630: 2e 2f 69 6d 61 67 65 73 2f 63 73 73 33 62 75 74  ./images/css3but
3640: 74 6f 6e 73 5f 69 63 6f 6e 73 2e 70 6e 67 27 29  tons_icons.png')
3650: 3b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 72 65 70  ; background-rep
3660: 65 61 74 3a 20 6e 6f 2d 72 65 70 65 61 74 3b 20  eat: no-repeat; 
3670: 7d 0a 61 2e 62 69 67 2e 62 75 74 74 6f 6e 20 73  }.a.big.button s
3680: 70 61 6e 2e 69 63 6f 6e 20 7b 20 74 6f 70 3a 20  pan.icon { top: 
3690: 30 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73  0px }.a.button s
36a0: 70 61 6e 2e 69 63 6f 6e 2e 62 6f 6f 6b 20 7b 20  pan.icon.book { 
36b0: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
36c0: 69 6f 6e 3a 20 30 20 30 20 7d 0a 61 2e 62 75 74  ion: 0 0 }.a.but
36d0: 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69  ton:hover span.i
36e0: 63 6f 6e 2e 62 6f 6f 6b 20 7b 20 62 61 63 6b 67  con.book { backg
36f0: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
3700: 30 20 2d 31 35 70 78 20 7d 0a 61 2e 62 75 74 74  0 -15px }.a.butt
3710: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 61 6c  on span.icon.cal
3720: 65 6e 64 61 72 20 7b 20 62 61 63 6b 67 72 6f 75  endar { backgrou
3730: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
3740: 33 30 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a  30px }.a.button:
3750: 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e  hover span.icon.
3760: 63 61 6c 65 6e 64 61 72 20 7b 20 62 61 63 6b 67  calendar { backg
3770: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
3780: 30 20 2d 34 35 70 78 20 7d 0a 61 2e 62 75 74 74  0 -45px }.a.butt
3790: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 68 61  on span.icon.cha
37a0: 74 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70  t { background-p
37b0: 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 36 30 70 78  osition: 0 -60px
37c0: 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65   }.a.button:hove
37d0: 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 68 61 74  r span.icon.chat
37e0: 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f   { background-po
37f0: 73 69 74 69 6f 6e 3a 20 30 20 2d 37 35 70 78 20  sition: 0 -75px 
3800: 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e  }.a.button span.
3810: 69 63 6f 6e 2e 63 68 65 63 6b 20 7b 20 62 61 63  icon.check { bac
3820: 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e  kground-position
3830: 3a 20 30 20 2d 39 30 70 78 20 7d 0a 61 2e 62 75  : 0 -90px }.a.bu
3840: 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e  tton:hover span.
3850: 69 63 6f 6e 2e 63 68 65 63 6b 20 7b 20 62 61 63  icon.check { bac
3860: 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e  kground-position
3870: 3a 20 30 20 2d 31 30 33 70 78 20 7d 0a 61 2e 62  : 0 -103px }.a.b
3880: 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e  utton span.icon.
3890: 63 6c 6f 63 6b 20 7b 20 62 61 63 6b 67 72 6f 75  clock { backgrou
38a0: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
38b0: 31 31 36 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  116px }.a.button
38c0: 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e  :hover span.icon
38d0: 2e 63 6c 6f 63 6b 20 7b 20 62 61 63 6b 67 72 6f  .clock { backgro
38e0: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
38f0: 2d 31 33 31 70 78 20 7d 0a 61 2e 62 75 74 74 6f  -131px }.a.butto
3900: 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 6f 67 20  n span.icon.cog 
3910: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
3920: 69 74 69 6f 6e 3a 20 30 20 2d 31 34 36 70 78 20  ition: 0 -146px 
3930: 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72  }.a.button:hover
3940: 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 6f 67 20 7b   span.icon.cog {
3950: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3960: 74 69 6f 6e 3a 20 30 20 2d 31 36 31 70 78 20 7d  tion: 0 -161px }
3970: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
3980: 63 6f 6e 2e 63 6f 6d 6d 65 6e 74 20 7b 20 62 61  con.comment { ba
3990: 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f  ckground-positio
39a0: 6e 3a 20 30 20 2d 31 37 36 70 78 20 7d 0a 61 2e  n: 0 -176px }.a.
39b0: 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61  button:hover spa
39c0: 6e 2e 69 63 6f 6e 2e 63 6f 6d 6d 65 6e 74 20 7b  n.icon.comment {
39d0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
39e0: 74 69 6f 6e 3a 20 30 20 2d 31 39 30 70 78 20 7d  tion: 0 -190px }
39f0: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
3a00: 63 6f 6e 2e 63 72 6f 73 73 20 7b 20 62 61 63 6b  con.cross { back
3a10: 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a  ground-position:
3a20: 20 30 20 2d 32 30 34 70 78 20 7d 0a 61 2e 62 75   0 -204px }.a.bu
3a30: 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e  tton:hover span.
3a40: 69 63 6f 6e 2e 63 72 6f 73 73 20 7b 20 62 61 63  icon.cross { bac
3a50: 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e  kground-position
3a60: 3a 20 30 20 2d 32 31 39 70 78 20 7d 0a 61 2e 62  : 0 -219px }.a.b
3a70: 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e  utton span.icon.
3a80: 64 6f 77 6e 61 72 72 6f 77 20 7b 20 62 61 63 6b  downarrow { back
3a90: 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a  ground-position:
3aa0: 20 30 20 2d 32 33 34 70 78 20 7d 0a 61 2e 62 75   0 -234px }.a.bu
3ab0: 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e  tton:hover span.
3ac0: 69 63 6f 6e 2e 64 6f 77 6e 61 72 72 6f 77 20 7b  icon.downarrow {
3ad0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3ae0: 74 69 6f 6e 3a 20 30 20 2d 32 34 39 70 78 20 7d  tion: 0 -249px }
3af0: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
3b00: 63 6f 6e 2e 66 6f 72 6b 20 7b 20 62 61 63 6b 67  con.fork { backg
3b10: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
3b20: 30 20 2d 32 36 34 70 78 20 7d 0a 61 2e 62 75 74  0 -264px }.a.but
3b30: 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69  ton:hover span.i
3b40: 63 6f 6e 2e 66 6f 72 6b 20 7b 20 62 61 63 6b 67  con.fork { backg
3b50: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
3b60: 30 20 2d 32 37 39 70 78 20 7d 0a 61 2e 62 75 74  0 -279px }.a.but
3b70: 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 68 65  ton span.icon.he
3b80: 61 72 74 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64  art { background
3b90: 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 32 39  -position: 0 -29
3ba0: 34 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68  4px }.a.button:h
3bb0: 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 68  over span.icon.h
3bc0: 65 61 72 74 20 7b 20 62 61 63 6b 67 72 6f 75 6e  eart { backgroun
3bd0: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 33  d-position: 0 -3
3be0: 30 38 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20  08px }.a.button 
3bf0: 73 70 61 6e 2e 69 63 6f 6e 2e 68 6f 6d 65 20 7b  span.icon.home {
3c00: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3c10: 74 69 6f 6e 3a 20 30 20 2d 33 32 32 70 78 20 7d  tion: 0 -322px }
3c20: 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20  .a.button:hover 
3c30: 73 70 61 6e 2e 69 63 6f 6e 2e 68 6f 6d 65 20 7b  span.icon.home {
3c40: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3c50: 74 69 6f 6e 3a 20 30 20 2d 33 33 37 70 78 20 7d  tion: 0 -337px }
3c60: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
3c70: 63 6f 6e 2e 6b 65 79 20 7b 20 62 61 63 6b 67 72  con.key { backgr
3c80: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3c90: 20 2d 33 35 32 70 78 20 7d 0a 61 2e 62 75 74 74   -352px }.a.butt
3ca0: 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63  on:hover span.ic
3cb0: 6f 6e 2e 6b 65 79 20 7b 20 62 61 63 6b 67 72 6f  on.key { backgro
3cc0: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
3cd0: 2d 33 36 37 70 78 20 7d 0a 61 2e 62 75 74 74 6f  -367px }.a.butto
3ce0: 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 6c 65 66 74  n span.icon.left
3cf0: 61 72 72 6f 77 20 7b 20 62 61 63 6b 67 72 6f 75  arrow { backgrou
3d00: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
3d10: 33 38 32 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  382px }.a.button
3d20: 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e  :hover span.icon
3d30: 2e 6c 65 66 74 61 72 72 6f 77 20 7b 20 62 61 63  .leftarrow { bac
3d40: 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e  kground-position
3d50: 3a 20 30 20 2d 33 39 37 70 78 20 7d 0a 61 2e 62  : 0 -397px }.a.b
3d60: 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e  utton span.icon.
3d70: 6c 6f 63 6b 20 7b 20 62 61 63 6b 67 72 6f 75 6e  lock { backgroun
3d80: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 34  d-position: 0 -4
3d90: 31 32 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a  12px }.a.button:
3da0: 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e  hover span.icon.
3db0: 6c 6f 63 6b 20 7b 20 62 61 63 6b 67 72 6f 75 6e  lock { backgroun
3dc0: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 34  d-position: 0 -4
3dd0: 32 37 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20  27px }.a.button 
3de0: 73 70 61 6e 2e 69 63 6f 6e 2e 6c 6f 6f 70 20 7b  span.icon.loop {
3df0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3e00: 74 69 6f 6e 3a 20 30 20 2d 34 34 32 70 78 20 7d  tion: 0 -442px }
3e10: 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20  .a.button:hover 
3e20: 73 70 61 6e 2e 69 63 6f 6e 2e 6c 6f 6f 70 20 7b  span.icon.loop {
3e30: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3e40: 74 69 6f 6e 3a 20 30 20 2d 34 35 37 70 78 20 7d  tion: 0 -457px }
3e50: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
3e60: 63 6f 6e 2e 6d 61 67 6e 69 66 69 65 72 20 7b 20  con.magnifier { 
3e70: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
3e80: 69 6f 6e 3a 20 30 20 2d 34 37 32 70 78 20 7d 0a  ion: 0 -472px }.
3e90: 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73  a.button:hover s
3ea0: 70 61 6e 2e 69 63 6f 6e 2e 6d 61 67 6e 69 66 69  pan.icon.magnifi
3eb0: 65 72 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d  er { background-
3ec0: 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 34 38 37  position: 0 -487
3ed0: 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70  px }.a.button sp
3ee0: 61 6e 2e 69 63 6f 6e 2e 6d 61 69 6c 20 7b 20 62  an.icon.mail { b
3ef0: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69  ackground-positi
3f00: 6f 6e 3a 20 30 20 2d 35 30 32 70 78 20 7d 0a 61  on: 0 -502px }.a
3f10: 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70  .button:hover sp
3f20: 61 6e 2e 69 63 6f 6e 2e 6d 61 69 6c 20 7b 20 62  an.icon.mail { b
3f30: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69  ackground-positi
3f40: 6f 6e 3a 20 30 20 2d 35 31 34 70 78 20 7d 0a 61  on: 0 -514px }.a
3f50: 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f  .button span.ico
3f60: 6e 2e 6d 6f 76 65 20 7b 20 62 61 63 6b 67 72 6f  n.move { backgro
3f70: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
3f80: 2d 35 32 36 70 78 20 7d 0a 61 2e 62 75 74 74 6f  -526px }.a.butto
3f90: 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f  n:hover span.ico
3fa0: 6e 2e 6d 6f 76 65 20 7b 20 62 61 63 6b 67 72 6f  n.move { backgro
3fb0: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
3fc0: 2d 35 34 31 70 78 20 7d 0a 61 2e 62 75 74 74 6f  -541px }.a.butto
3fd0: 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 70 65 6e 20  n span.icon.pen 
3fe0: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
3ff0: 69 74 69 6f 6e 3a 20 30 20 2d 35 35 36 70 78 20  ition: 0 -556px 
4000: 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72  }.a.button:hover
4010: 20 73 70 61 6e 2e 69 63 6f 6e 2e 70 65 6e 20 7b   span.icon.pen {
4020: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
4030: 74 69 6f 6e 3a 20 30 20 2d 35 37 31 70 78 20 7d  tion: 0 -571px }
4040: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
4050: 63 6f 6e 2e 70 69 6e 20 7b 20 62 61 63 6b 67 72  con.pin { backgr
4060: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
4070: 20 2d 35 38 36 70 78 20 7d 0a 61 2e 62 75 74 74   -586px }.a.butt
4080: 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63  on:hover span.ic
4090: 6f 6e 2e 70 69 6e 20 7b 20 62 61 63 6b 67 72 6f  on.pin { backgro
40a0: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
40b0: 2d 36 30 31 70 78 20 7d 0a 61 2e 62 75 74 74 6f  -601px }.a.butto
40c0: 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 70 6c 75 73  n span.icon.plus
40d0: 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f   { background-po
40e0: 73 69 74 69 6f 6e 3a 20 30 20 2d 36 31 36 70 78  sition: 0 -616px
40f0: 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65   }.a.button:hove
4100: 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 70 6c 75 73  r span.icon.plus
4110: 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f   { background-po
4120: 73 69 74 69 6f 6e 3a 20 30 20 2d 36 33 31 70 78  sition: 0 -631px
4130: 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e   }.a.button span
4140: 2e 69 63 6f 6e 2e 72 65 6c 6f 61 64 20 7b 20 62  .icon.reload { b
4150: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69  ackground-positi
4160: 6f 6e 3a 20 30 20 2d 36 34 36 70 78 20 7d 0a 61  on: 0 -646px }.a
4170: 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70  .button:hover sp
4180: 61 6e 2e 69 63 6f 6e 2e 72 65 6c 6f 61 64 20 7b  an.icon.reload {
4190: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
41a0: 74 69 6f 6e 3a 20 30 20 2d 36 36 30 70 78 20 7d  tion: 0 -660px }
41b0: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
41c0: 63 6f 6e 2e 72 69 67 68 74 61 72 72 6f 77 20 7b  con.rightarrow {
41d0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
41e0: 74 69 6f 6e 3a 20 30 20 2d 36 37 34 70 78 20 7d  tion: 0 -674px }
41f0: 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20  .a.button:hover 
4200: 73 70 61 6e 2e 69 63 6f 6e 2e 72 69 67 68 74 61  span.icon.righta
4210: 72 72 6f 77 20 7b 20 62 61 63 6b 67 72 6f 75 6e  rrow { backgroun
4220: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 36  d-position: 0 -6
4230: 38 39 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20  89px }.a.button 
4240: 73 70 61 6e 2e 69 63 6f 6e 2e 72 73 73 20 7b 20  span.icon.rss { 
4250: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
4260: 69 6f 6e 3a 20 30 20 2d 37 30 34 70 78 20 7d 0a  ion: 0 -704px }.
4270: 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73  a.button:hover s
4280: 70 61 6e 2e 69 63 6f 6e 2e 72 73 73 20 7b 20 62  pan.icon.rss { b
4290: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69  ackground-positi
42a0: 6f 6e 3a 20 30 20 2d 37 31 39 70 78 20 7d 0a 61  on: 0 -719px }.a
42b0: 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f  .button span.ico
42c0: 6e 2e 74 61 67 20 7b 20 62 61 63 6b 67 72 6f 75  n.tag { backgrou
42d0: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
42e0: 37 33 34 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  734px }.a.button
42f0: 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e  :hover span.icon
4300: 2e 74 61 67 20 7b 20 62 61 63 6b 67 72 6f 75 6e  .tag { backgroun
4310: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 37  d-position: 0 -7
4320: 34 39 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20  49px }.a.button 
4330: 73 70 61 6e 2e 69 63 6f 6e 2e 74 72 61 73 68 20  span.icon.trash 
4340: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
4350: 69 74 69 6f 6e 3a 20 30 20 2d 37 36 34 70 78 20  ition: 0 -764px 
4360: 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72  }.a.button:hover
4370: 20 73 70 61 6e 2e 69 63 6f 6e 2e 74 72 61 73 68   span.icon.trash
4380: 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f   { background-po
4390: 73 69 74 69 6f 6e 3a 20 30 20 2d 37 37 39 70 78  sition: 0 -779px
43a0: 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e   }.a.button span
43b0: 2e 69 63 6f 6e 2e 75 6e 6c 6f 63 6b 20 7b 20 62  .icon.unlock { b
43c0: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69  ackground-positi
43d0: 6f 6e 3a 20 30 20 2d 37 39 34 70 78 20 7d 0a 61  on: 0 -794px }.a
43e0: 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70  .button:hover sp
43f0: 61 6e 2e 69 63 6f 6e 2e 75 6e 6c 6f 63 6b 20 7b  an.icon.unlock {
4400: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
4410: 74 69 6f 6e 3a 20 30 20 2d 38 30 39 70 78 20 7d  tion: 0 -809px }
4420: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
4430: 63 6f 6e 2e 75 70 61 72 72 6f 77 20 7b 20 62 61  con.uparrow { ba
4440: 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f  ckground-positio
4450: 6e 3a 20 30 20 2d 38 32 34 70 78 20 7d 0a 61 2e  n: 0 -824px }.a.
4460: 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61  button:hover spa
4470: 6e 2e 69 63 6f 6e 2e 75 70 61 72 72 6f 77 20 7b  n.icon.uparrow {
4480: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
4490: 74 69 6f 6e 3a 20 30 20 2d 38 33 39 70 78 20 7d  tion: 0 -839px }
44a0: 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69  .a.button span.i
44b0: 63 6f 6e 2e 75 73 65 72 20 7b 20 62 61 63 6b 67  con.user { backg
44c0: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
44d0: 30 20 2d 38 35 34 70 78 20 7d 0a 61 2e 62 75 74  0 -854px }.a.but
44e0: 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69  ton:hover span.i
44f0: 63 6f 6e 2e 75 73 65 72 20 7b 20 62 61 63 6b 67  con.user { backg
4500: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
4510: 30 20 2d 38 36 39 70 78 20 7d 0a 0a 0a 0a 0a 0a  0 -869px }......
4520: 0a 2f 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ./**************
4530: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
4540: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
4550: 2a 2a 2a 2a 2a 2a 2a 0a 20 2a 20 20 48 45 52 45  *******. *  HERE
4560: 20 59 4f 55 20 43 41 4e 20 53 54 41 52 54 20 54   YOU CAN START T
4570: 4f 20 57 52 49 54 45 20 59 4f 55 52 20 4f 57 4e  O WRITE YOUR OWN
4580: 20 44 49 56 53 0a 20 2a 2f 0a 0a 0a 0a 0a 0a 0a   DIVS. */.......
4590: 0a 2f 2a 0a 20 2a 20 4d 65 64 69 61 20 71 75 65  ./*. * Media que
45a0: 72 69 65 73 20 66 6f 72 20 72 65 73 70 6f 6e 73  ries for respons
45b0: 69 76 65 20 64 65 73 69 67 6e 0a 20 2a 2f 0a 0a  ive design. */..
45c0: 40 6d 65 64 69 61 20 61 6c 6c 20 61 6e 64 20 28  @media all and (
45d0: 6f 72 69 65 6e 74 61 74 69 6f 6e 3a 70 6f 72 74  orientation:port
45e0: 72 61 69 74 29 20 7b 20 0a 20 20 2f 2a 20 53 74  rait) { .  /* St
45f0: 79 6c 65 20 61 64 6a 75 73 74 6d 65 6e 74 73 20  yle adjustments 
4600: 66 6f 72 20 70 6f 72 74 72 61 69 74 20 6d 6f 64  for portrait mod
4610: 65 20 67 6f 65 73 20 68 65 72 65 20 2a 2f 0a 20  e goes here */. 
4620: 20 0a 7d 0a 0a 40 6d 65 64 69 61 20 61 6c 6c 20   .}..@media all 
4630: 61 6e 64 20 28 6f 72 69 65 6e 74 61 74 69 6f 6e  and (orientation
4640: 3a 6c 61 6e 64 73 63 61 70 65 29 20 7b 20 0a 20  :landscape) { . 
4650: 20 2f 2a 20 53 74 79 6c 65 20 61 64 6a 75 73 74   /* Style adjust
4660: 6d 65 6e 74 73 20 66 6f 72 20 6c 61 6e 64 73 63  ments for landsc
4670: 61 70 65 20 6d 6f 64 65 20 67 6f 65 73 20 68 65  ape mode goes he
4680: 72 65 20 2a 2f 0a 20 20 0a 7d 0a 0a 2f 2a 20 47  re */.  .}../* G
4690: 72 61 64 65 2d 41 20 4d 6f 62 69 6c 65 20 42 72  rade-A Mobile Br
46a0: 6f 77 73 65 72 73 20 28 4f 70 65 72 61 20 4d 6f  owsers (Opera Mo
46b0: 62 69 6c 65 2c 20 69 50 68 6f 6e 65 20 53 61 66  bile, iPhone Saf
46c0: 61 72 69 2c 20 41 6e 64 72 6f 69 64 20 43 68 72  ari, Android Chr
46d0: 6f 6d 65 29 20 20 0a 20 20 20 43 6f 6e 73 69 64  ome)  .   Consid
46e0: 65 72 20 74 68 69 73 3a 20 77 77 77 2e 63 6c 6f  er this: www.clo
46f0: 75 64 66 6f 75 72 2e 63 6f 6d 2f 63 73 73 2d 6d  udfour.com/css-m
4700: 65 64 69 61 2d 71 75 65 72 79 2d 66 6f 72 2d 6d  edia-query-for-m
4710: 6f 62 69 6c 65 2d 69 73 2d 66 6f 6f 6c 73 2d 67  obile-is-fools-g
4720: 6f 6c 64 2f 20 2a 2f 0a 40 6d 65 64 69 61 20 73  old/ */.@media s
4730: 63 72 65 65 6e 20 61 6e 64 20 28 6d 61 78 2d 64  creen and (max-d
4740: 65 76 69 63 65 2d 77 69 64 74 68 3a 20 34 38 30  evice-width: 480
4750: 70 78 29 20 7b 0a 20 20 0a 20 20 0a 20 20 2f 2a  px) {.  .  .  /*
4760: 20 55 6e 63 6f 6d 6d 65 6e 74 20 69 66 20 79 6f   Uncomment if yo
4770: 75 20 64 6f 6e 27 74 20 77 61 6e 74 20 69 4f 53  u don't want iOS
4780: 20 61 6e 64 20 57 69 6e 4d 6f 62 69 6c 65 20 74   and WinMobile t
4790: 6f 20 6d 6f 62 69 6c 65 2d 6f 70 74 69 6d 69 7a  o mobile-optimiz
47a0: 65 20 74 68 65 20 74 65 78 74 20 66 6f 72 20 79  e the text for y
47b0: 6f 75 0a 20 20 20 20 20 6a 2e 6d 70 2f 74 65 78  ou.     j.mp/tex
47c0: 74 73 69 7a 65 61 64 6a 75 73 74 20 0a 20 20 68  tsizeadjust .  h
47d0: 74 6d 6c 20 7b 20 2d 77 65 62 6b 69 74 2d 74 65  tml { -webkit-te
47e0: 78 74 2d 73 69 7a 65 2d 61 64 6a 75 73 74 3a 6e  xt-size-adjust:n
47f0: 6f 6e 65 3b 20 2d 6d 73 2d 74 65 78 74 2d 73 69  one; -ms-text-si
4800: 7a 65 2d 61 64 6a 75 73 74 3a 6e 6f 6e 65 3b 20  ze-adjust:none; 
4810: 7d 20 2a 2f 0a 7d 0a 0a 0a 2f 2a 20 0a 20 2a 20  } */.}.../* . * 
4820: 70 72 69 6e 74 20 73 74 79 6c 65 73 0a 20 2a 20  print styles. * 
4830: 69 6e 6c 69 6e 65 64 20 74 6f 20 61 76 6f 69 64  inlined to avoid
4840: 20 72 65 71 75 69 72 65 64 20 48 54 54 50 20 63   required HTTP c
4850: 6f 6e 6e 65 63 74 69 6f 6e 20 77 77 77 2e 70 68  onnection www.ph
4860: 70 69 65 64 2e 63 6f 6d 2f 64 65 6c 61 79 2d 6c  pied.com/delay-l
4870: 6f 61 64 69 6e 67 2d 79 6f 75 72 2d 70 72 69 6e  oading-your-prin
4880: 74 2d 63 73 73 2f 20 0a 20 2a 2f 0a 40 6d 65 64  t-css/ . */.@med
4890: 69 61 20 70 72 69 6e 74 20 7b 0a 20 20 2a 20 7b  ia print {.  * {
48a0: 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 74 72 61   background: tra
48b0: 6e 73 70 61 72 65 6e 74 20 21 69 6d 70 6f 72 74  nsparent !import
48c0: 61 6e 74 3b 20 63 6f 6c 6f 72 3a 20 23 34 34 34  ant; color: #444
48d0: 20 21 69 6d 70 6f 72 74 61 6e 74 3b 20 74 65 78   !important; tex
48e0: 74 2d 73 68 61 64 6f 77 3a 20 6e 6f 6e 65 20 21  t-shadow: none !
48f0: 69 6d 70 6f 72 74 61 6e 74 3b 20 7d 0a 20 20 61  important; }.  a
4900: 2c 20 61 3a 76 69 73 69 74 65 64 20 7b 20 63 6f  , a:visited { co
4910: 6c 6f 72 3a 20 23 34 34 34 20 21 69 6d 70 6f 72  lor: #444 !impor
4920: 74 61 6e 74 3b 20 74 65 78 74 2d 64 65 63 6f 72  tant; text-decor
4930: 61 74 69 6f 6e 3a 20 75 6e 64 65 72 6c 69 6e 65  ation: underline
4940: 3b 20 7d 0a 20 20 61 3a 61 66 74 65 72 20 7b 20  ; }.  a:after { 
4950: 63 6f 6e 74 65 6e 74 3a 20 22 20 28 22 20 61 74  content: " (" at
4960: 74 72 28 68 72 65 66 29 20 22 29 22 3b 20 7d 20  tr(href) ")"; } 
4970: 0a 20 20 61 62 62 72 3a 61 66 74 65 72 20 7b 20  .  abbr:after { 
4980: 63 6f 6e 74 65 6e 74 3a 20 22 20 28 22 20 61 74  content: " (" at
4990: 74 72 28 74 69 74 6c 65 29 20 22 29 22 3b 20 7d  tr(title) ")"; }
49a0: 0a 20 20 2e 69 72 20 61 3a 61 66 74 65 72 20 7b  .  .ir a:after {
49b0: 20 63 6f 6e 74 65 6e 74 3a 20 22 22 3b 20 7d 20   content: ""; } 
49c0: 20 2f 2a 20 44 6f 6e 27 74 20 73 68 6f 77 20 6c   /* Don't show l
49d0: 69 6e 6b 73 20 66 6f 72 20 69 6d 61 67 65 73 20  inks for images 
49e0: 2a 2f 0a 20 20 70 72 65 2c 20 62 6c 6f 63 6b 71  */.  pre, blockq
49f0: 75 6f 74 65 20 7b 20 62 6f 72 64 65 72 3a 20 31  uote { border: 1
4a00: 70 78 20 73 6f 6c 69 64 20 23 39 39 39 3b 20 70  px solid #999; p
4a10: 61 67 65 2d 62 72 65 61 6b 2d 69 6e 73 69 64 65  age-break-inside
4a20: 3a 20 61 76 6f 69 64 3b 20 7d 0a 20 20 74 68 65  : avoid; }.  the
4a30: 61 64 20 7b 20 64 69 73 70 6c 61 79 3a 20 74 61  ad { display: ta
4a40: 62 6c 65 2d 68 65 61 64 65 72 2d 67 72 6f 75 70  ble-header-group
4a50: 3b 20 7d 20 2f 2a 20 63 73 73 2d 64 69 73 63 75  ; } /* css-discu
4a60: 73 73 2e 69 6e 63 75 74 69 6f 2e 63 6f 6d 2f 77  ss.incutio.com/w
4a70: 69 6b 69 2f 50 72 69 6e 74 69 6e 67 5f 54 61 62  iki/Printing_Tab
4a80: 6c 65 73 20 2a 2f 20 0a 20 20 74 72 2c 20 69 6d  les */ .  tr, im
4a90: 67 20 7b 20 70 61 67 65 2d 62 72 65 61 6b 2d 69  g { page-break-i
4aa0: 6e 73 69 64 65 3a 20 61 76 6f 69 64 3b 20 7d 0a  nside: avoid; }.
4ab0: 20 20 40 70 61 67 65 20 7b 20 6d 61 72 67 69 6e    @page { margin
4ac0: 3a 20 30 2e 35 63 6d 3b 20 7d 0a 20 20 70 2c 20  : 0.5cm; }.  p, 
4ad0: 68 32 2c 20 68 33 20 7b 20 6f 72 70 68 61 6e 73  h2, h3 { orphans
4ae0: 3a 20 33 3b 20 77 69 64 6f 77 73 3a 20 33 3b 20  : 3; widows: 3; 
4af0: 7d 0a 20 20 68 32 2c 20 68 33 7b 20 70 61 67 65  }.  h2, h3{ page
4b00: 2d 62 72 65 61 6b 2d 61 66 74 65 72 3a 20 61 76  -break-after: av
4b10: 6f 69 64 3b 20 7d 0a 7d 0a 0a 62 6f 64 79 20 7b  oid; }.}..body {
4b20: 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 30 20 32  .    margin: 0 2
4b30: 25 20 30 20 32 25 3b 0a 20 20 20 20 62 61 63 6b  % 0 2%;.    back
4b40: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 23 43  ground-color: #C
4b50: 43 36 36 30 30 3b 0a 7d 0a 0a 68 65 61 64 65 72  C6600;.}..header
4b60: 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e   {.    backgroun
4b70: 64 2d 63 6f 6c 6f 72 3a 20 23 63 63 30 30 30 30  d-color: #cc0000
4b80: 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 62 6f 74  ;.    border-bot
4b90: 74 6f 6d 3a 20 31 70 78 20 73 6f 6c 69 64 20 62  tom: 1px solid b
4ba0: 6c 61 63 6b 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a  lack;.    color:
4bb0: 20 77 68 69 74 65 3b 0a 7d 0a 0a 23 73 74 6f 72   white;.}..#stor
4bc0: 79 2d 6c 69 73 74 20 7b 0a 7d 0a 0a 23 73 74 6f  y-list {.}..#sto
4bd0: 72 79 2d 6c 69 73 74 20 3e 20 2e 73 74 6f 72 79  ry-list > .story
4be0: 20 3e 20 61 20 7b 0a 20 20 20 20 74 65 78 74 2d   > a {.    text-
4bf0: 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65  decoration: none
4c00: 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64  ;.    border-rad
4c10: 69 75 73 3a 20 35 70 78 3b 0a 20 20 20 20 66 6f  ius: 5px;.    fo
4c20: 6e 74 2d 73 69 7a 65 3a 20 32 65 6d 3b 0a 20 20  nt-size: 2em;.  
4c30: 20 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62    font-weight: b
4c40: 6f 6c 64 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f  old;.    backgro
4c50: 75 6e 64 2d 63 6f 6c 6f 72 3a 20 23 43 43 39 39  und-color: #CC99
4c60: 33 33 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  33;.    padding:
4c70: 20 30 20 36 70 78 20 30 20 36 70 78 3b 0a 7d 0a   0 6px 0 6px;.}.
4c80: 0a 23 73 74 6f 72 79 2d 6c 69 73 74 20 3e 20 2e  .#story-list > .
4c90: 73 74 6f 72 79 20 3e 20 2e 72 65 61 64 20 7b 0a  story > .read {.
4ca0: 20 20 20 20 63 6f 6c 6f 72 3a 20 23 43 43 33 33      color: #CC33
4cb0: 33 33 3b 0a 7d 0a 23 73 74 6f 72 79 2d 6c 69 73  33;.}.#story-lis
4cc0: 74 20 3e 20 2e 73 74 6f 72 79 20 3e 20 2e 75 6e  t > .story > .un
4cd0: 72 65 61 64 20 7b 0a 20 20 20 20 63 6f 6c 6f 72  read {.    color
4ce0: 3a 20 23 43 43 30 30 30 30 3b 0a 2f 2a 20 20 20  : #CC0000;./*   
4cf0: 20 63 6f 6c 6f 72 3a 20 23 41 38 41 38 45 45 3b   color: #A8A8EE;
4d00: 2a 2f 0a 7d 0a 0a 23 73 74 6f 72 79 2d 6c 69 73  */.}..#story-lis
4d10: 74 20 3e 20 2e 73 74 6f 72 79 20 7b 0a 20 20 20  t > .story {.   
4d20: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f   background-colo
4d30: 72 3a 20 77 68 69 74 65 3b 0a 20 20 20 20 70 61  r: white;.    pa
4d40: 64 64 69 6e 67 3a 20 2e 32 35 25 3b 0a 20 20 20  dding: .25%;.   
4d50: 20 62 6f 72 64 65 72 3a 20 31 70 78 20 73 6f 6c   border: 1px sol
4d60: 69 64 20 62 6c 61 63 6b 3b 0a 20 20 20 20 62 6f  id black;.    bo
4d70: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 35 70 78  rder-radius: 5px
4d80: 3b 0a 20 20 20 20 6d 61 72 67 69 6e 2d 74 6f 70  ;.    margin-top
4d90: 3a 20 2e 33 33 25 3b 0a 7d 0a                    : .33%;.}.