MobileBlur

Hex Artifact Content
Login

Artifact 20785921ab2f0d6fa42be56aabc43eb49879d2a2:


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 68 31 2c 68 32 2c 68 33 2c 68 34 2c   }..h1,h2,h3,h4,
2980: 68 35 2c 68 36 20 7b 20 6c 69 6e 65 2d 68 65 69  h5,h6 { line-hei
2990: 67 68 74 3a 20 31 37 30 25 3b 20 7d 0a 68 31 20  ght: 170%; }.h1 
29a0: 7b 66 6f 6e 74 2d 73 69 7a 65 3a 20 32 2e 30 65  {font-size: 2.0e
29b0: 6d 3b 7d 0a 68 32 20 7b 66 6f 6e 74 2d 73 69 7a  m;}.h2 {font-siz
29c0: 65 3a 20 31 2e 38 65 6d 3b 7d 0a 68 33 20 7b 66  e: 1.8em;}.h3 {f
29d0: 6f 6e 74 2d 73 69 7a 65 3a 20 31 2e 34 65 6d 3b  ont-size: 1.4em;
29e0: 7d 0a 68 34 20 7b 66 6f 6e 74 2d 73 69 7a 65 3a  }.h4 {font-size:
29f0: 20 31 2e 32 65 6d 3b 7d 0a 68 35 20 7b 66 6f 6e   1.2em;}.h5 {fon
2a00: 74 2d 73 69 7a 65 3a 20 31 2e 30 65 6d 3b 7d 0a  t-size: 1.0em;}.
2a10: 68 36 20 7b 66 6f 6e 74 2d 73 69 7a 65 3a 20 30  h6 {font-size: 0
2a20: 2e 38 65 6d 3b 7d 0a 0a 2f 2a 2a 2a 2a 2a 2a 2a  .8em;}../*******
2a30: 2a 2a 2a 2a 20 77 65 62 32 70 79 20 73 70 65 63  **** web2py spec
2a40: 69 66 69 63 20 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ific ***********
2a50: 2f 0a 64 69 76 2e 66 6c 61 73 68 20 7b 0a 20 20  /.div.flash {.  
2a60: 20 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62    font-weight: b
2a70: 6f 6c 64 3b 0a 20 20 20 20 64 69 73 70 6c 61 79  old;.    display
2a80: 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 70 6f 73 69  : none;.    posi
2a90: 74 69 6f 6e 3a 20 66 69 78 65 64 3b 20 20 20 20  tion: fixed;    
2aa0: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30  .    padding: 10
2ab0: 70 78 3b 0a 20 20 20 20 74 6f 70 3a 20 34 30 70  px;.    top: 40p
2ac0: 78 3b 0a 20 20 20 20 72 69 67 68 74 3a 20 31 30  x;.    right: 10
2ad0: 70 78 3b 0a 20 20 20 20 6d 69 6e 2d 77 69 64 74  px;.    min-widt
2ae0: 68 3a 20 32 38 30 70 78 3b 0a 20 20 20 20 6f 70  h: 280px;.    op
2af0: 61 63 69 74 79 3a 20 30 2e 38 35 3b 0a 20 20 20  acity: 0.85;.   
2b00: 20 6d 61 72 67 69 6e 3a 20 30 70 78 20 30 70 78   margin: 0px 0px
2b10: 20 31 30 70 78 20 31 30 70 78 3b 20 20 20 20 0a   10px 10px;    .
2b20: 20 20 20 20 63 6f 6c 6f 72 3a 20 23 66 66 66 3b      color: #fff;
2b30: 20 20 20 20 0a 20 20 20 20 76 65 72 74 69 63 61      .    vertica
2b40: 6c 2d 61 6c 69 67 6e 3a 20 6d 69 64 64 6c 65 3b  l-align: middle;
2b50: 0a 20 20 20 20 63 75 72 73 6f 72 3a 20 70 6f 69  .    cursor: poi
2b60: 6e 74 65 72 3b 0a 20 20 20 20 62 61 63 6b 67 72  nter;.    backgr
2b70: 6f 75 6e 64 3a 20 23 30 30 30 3b 0a 20 20 20 20  ound: #000;.    
2b80: 62 6f 72 64 65 72 3a 20 32 70 78 20 73 6f 6c 69  border: 2px soli
2b90: 64 20 23 66 66 66 3b 0a 20 20 20 20 2d 6d 6f 7a  d #fff;.    -moz
2ba0: 2d 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20  -border-radius: 
2bb0: 35 70 78 3b 0a 20 20 20 20 2d 77 65 62 6b 69 74  5px;.    -webkit
2bc0: 2d 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20  -border-radius: 
2bd0: 35 70 78 3b 0a 20 20 20 20 7a 2d 69 6e 64 65 78  5px;.    z-index
2be0: 3a 20 32 3b 0a 7d 0a 64 69 76 2e 65 72 72 6f 72  : 2;.}.div.error
2bf0: 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e   {.    backgroun
2c00: 64 2d 63 6f 6c 6f 72 3a 20 72 65 64 3b 0a 20 20  d-color: red;.  
2c10: 20 20 63 6f 6c 6f 72 3a 20 77 68 69 74 65 3b 0a    color: white;.
2c20: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 33 70 78      padding: 3px
2c30: 3b 0a 7d 0a 0a 2f 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ;.}../**********
2c40: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
2c50: 2a 0a 20 2a 20 43 53 53 20 33 20 42 75 74 74 6f  *. * CSS 3 Butto
2c60: 6e 73 0a 20 2a 20 68 74 74 70 3a 2f 2f 67 69 74  ns. * http://git
2c70: 68 75 62 2e 63 6f 6d 2f 6d 69 63 68 65 6e 72 69  hub.com/michenri
2c80: 6b 73 65 6e 2f 63 73 73 33 62 75 74 74 6f 6e 73  ksen/css3buttons
2c90: 0a 20 2a 20 63 72 65 61 74 65 64 20 62 79 20 4d  . * created by M
2ca0: 69 63 68 61 65 6c 20 48 65 6e 72 69 6b 73 65 6e  ichael Henriksen
2cb0: 0a 20 2a 20 4c 69 63 65 6e 73 65 3a 20 55 6e 6c  . * License: Unl
2cc0: 69 63 65 6e 73 65 20 0a 20 2a 20 0a 20 2a 20 2a  icense . * . * *
2cd0: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
2ce0: 2a 2a 2f 0a 0a 61 2e 62 75 74 74 6f 6e 20 7b 20  **/..a.button { 
2cf0: 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d  display: inline-
2d00: 62 6c 6f 63 6b 3b 20 70 61 64 64 69 6e 67 3a 20  block; padding: 
2d10: 33 70 78 20 35 70 78 20 33 70 78 20 35 70 78 3b  3px 5px 3px 5px;
2d20: 20 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a 20 27 6c   font-family: 'l
2d30: 75 63 69 64 61 20 67 72 61 6e 64 65 27 2c 20 74  ucida grande', t
2d40: 61 68 6f 6d 61 2c 20 76 65 72 64 61 6e 61 2c 20  ahoma, verdana, 
2d50: 61 72 69 61 6c 2c 20 73 61 6e 73 2d 73 65 72 69  arial, sans-seri
2d60: 66 3b 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 32  f; font-size: 12
2d70: 70 78 3b 20 63 6f 6c 6f 72 3a 20 23 33 43 33 43  px; color: #3C3C
2d80: 33 44 3b 20 74 65 78 74 2d 73 68 61 64 6f 77 3a  3D; text-shadow:
2d90: 20 31 70 78 20 31 70 78 20 30 20 23 46 46 46 46   1px 1px 0 #FFFF
2da0: 46 46 3b 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20  FF; background: 
2db0: 23 45 43 45 43 45 43 20 75 72 6c 28 27 2e 2e 2f  #ECECEC url('../
2dc0: 69 6d 61 67 65 73 2f 63 73 73 33 62 75 74 74 6f  images/css3butto
2dd0: 6e 73 5f 62 61 63 6b 67 72 6f 75 6e 64 73 2e 70  ns_backgrounds.p
2de0: 6e 67 27 29 20 30 20 30 20 6e 6f 2d 72 65 70 65  ng') 0 0 no-repe
2df0: 61 74 3b 20 77 68 69 74 65 2d 73 70 61 63 65 3a  at; white-space:
2e00: 20 6e 6f 77 72 61 70 3b 20 6f 76 65 72 66 6c 6f   nowrap; overflo
2e10: 77 3a 20 76 69 73 69 62 6c 65 3b 20 63 75 72 73  w: visible; curs
2e20: 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 20 74 65 78  or: pointer; tex
2e30: 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f  t-decoration: no
2e40: 6e 65 3b 20 62 6f 72 64 65 72 3a 20 31 70 78 20  ne; border: 1px 
2e50: 73 6f 6c 69 64 20 23 43 41 43 41 43 41 3b 20 2d  solid #CACACA; -
2e60: 77 65 62 6b 69 74 2d 62 6f 72 64 65 72 2d 72 61  webkit-border-ra
2e70: 64 69 75 73 3a 20 32 70 78 3b 20 2d 6d 6f 7a 2d  dius: 2px; -moz-
2e80: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 32  border-radius: 2
2e90: 70 78 3b 20 2d 77 65 62 6b 69 74 2d 62 61 63 6b  px; -webkit-back
2ea0: 67 72 6f 75 6e 64 2d 63 6c 69 70 3a 20 70 61 64  ground-clip: pad
2eb0: 64 69 6e 67 2d 62 6f 78 3b 20 62 6f 72 64 65 72  ding-box; border
2ec0: 2d 72 61 64 69 75 73 3a 20 32 70 78 3b 20 6f 75  -radius: 2px; ou
2ed0: 74 6c 69 6e 65 3a 20 6e 6f 6e 65 3b 20 70 6f 73  tline: none; pos
2ee0: 69 74 69 6f 6e 3a 20 72 65 6c 61 74 69 76 65 3b  ition: relative;
2ef0: 20 7a 6f 6f 6d 3a 20 31 3b 20 2a 64 69 73 70 6c   zoom: 1; *displ
2f00: 61 79 3a 20 69 6e 6c 69 6e 65 3b 20 7d 0a 61 2e  ay: inline; }.a.
2f10: 62 75 74 74 6f 6e 2e 70 72 69 6d 61 72 79 20 7b  button.primary {
2f20: 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62 6f   font-weight: bo
2f30: 6c 64 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f  ld }.a.button:ho
2f40: 76 65 72 20 7b 20 63 6f 6c 6f 72 3a 20 23 46 46  ver { color: #FF
2f50: 46 46 46 46 3b 20 62 6f 72 64 65 72 2d 63 6f 6c  FFFF; border-col
2f60: 6f 72 3a 20 23 33 38 38 41 44 34 3b 20 74 65 78  or: #388AD4; tex
2f70: 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f  t-decoration: no
2f80: 6e 65 3b 20 74 65 78 74 2d 73 68 61 64 6f 77 3a  ne; text-shadow:
2f90: 20 2d 31 70 78 20 2d 31 70 78 20 30 20 72 67 62   -1px -1px 0 rgb
2fa0: 61 28 30 2c 30 2c 30 2c 30 2e 33 29 3b 20 62 61  a(0,0,0,0.3); ba
2fb0: 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f  ckground-positio
2fc0: 6e 3a 20 30 20 2d 34 30 70 78 3b 20 62 61 63 6b  n: 0 -40px; back
2fd0: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 23 32  ground-color: #2
2fe0: 44 37 44 43 35 3b 20 7d 0a 61 2e 62 75 74 74 6f  D7DC5; }.a.butto
2ff0: 6e 3a 61 63 74 69 76 65 2c 0a 61 2e 62 75 74 74  n:active,.a.butt
3000: 6f 6e 2e 61 63 74 69 76 65 20 7b 20 62 61 63 6b  on.active { back
3010: 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a  ground-position:
3020: 20 30 20 2d 38 31 70 78 3b 20 62 6f 72 64 65 72   0 -81px; border
3030: 2d 63 6f 6c 6f 72 3a 20 23 33 34 37 42 42 41 3b  -color: #347BBA;
3040: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f   background-colo
3050: 72 3a 20 23 30 46 35 45 41 32 3b 20 63 6f 6c 6f  r: #0F5EA2; colo
3060: 72 3a 20 23 46 46 46 46 46 46 3b 20 74 65 78 74  r: #FFFFFF; text
3070: 2d 73 68 61 64 6f 77 3a 20 6e 6f 6e 65 3b 20 7d  -shadow: none; }
3080: 0a 61 2e 62 75 74 74 6f 6e 3a 61 63 74 69 76 65  .a.button:active
3090: 20 7b 20 74 6f 70 3a 20 31 70 78 20 7d 0a 61 2e   { top: 1px }.a.
30a0: 62 75 74 74 6f 6e 2e 6e 65 67 61 74 69 76 65 3a  button.negative:
30b0: 68 6f 76 65 72 20 7b 20 63 6f 6c 6f 72 3a 20 23  hover { color: #
30c0: 46 46 46 46 46 46 3b 20 62 61 63 6b 67 72 6f 75  FFFFFF; backgrou
30d0: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
30e0: 31 32 31 70 78 3b 20 62 61 63 6b 67 72 6f 75 6e  121px; backgroun
30f0: 64 2d 63 6f 6c 6f 72 3a 20 23 44 38 34 37 34 33  d-color: #D84743
3100: 3b 20 62 6f 72 64 65 72 2d 63 6f 6c 6f 72 3a 20  ; border-color: 
3110: 23 39 31 31 44 31 42 3b 20 7d 0a 61 2e 62 75 74  #911D1B; }.a.but
3120: 74 6f 6e 2e 6e 65 67 61 74 69 76 65 3a 61 63 74  ton.negative:act
3130: 69 76 65 2c 0a 61 2e 62 75 74 74 6f 6e 2e 6e 65  ive,.a.button.ne
3140: 67 61 74 69 76 65 2e 61 63 74 69 76 65 20 7b 20  gative.active { 
3150: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
3160: 69 6f 6e 3a 20 30 20 2d 31 36 31 70 78 3b 20 62  ion: 0 -161px; b
3170: 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a  ackground-color:
3180: 20 23 41 35 32 31 31 45 3b 20 62 6f 72 64 65 72   #A5211E; border
3190: 2d 63 6f 6c 6f 72 3a 20 23 39 31 31 44 31 42 3b  -color: #911D1B;
31a0: 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e 70 69 6c 6c   }.a.button.pill
31b0: 20 7b 20 2d 77 65 62 6b 69 74 2d 62 6f 72 64 65   { -webkit-borde
31c0: 72 2d 72 61 64 69 75 73 3a 20 31 39 70 78 3b 20  r-radius: 19px; 
31d0: 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72 61 64 69  -moz-border-radi
31e0: 75 73 3a 20 31 39 70 78 3b 20 62 6f 72 64 65 72  us: 19px; border
31f0: 2d 72 61 64 69 75 73 3a 20 31 39 70 78 3b 20 70  -radius: 19px; p
3200: 61 64 64 69 6e 67 3a 20 32 70 78 20 31 30 70 78  adding: 2px 10px
3210: 20 32 70 78 20 31 30 70 78 3b 20 7d 0a 61 2e 62   2px 10px; }.a.b
3220: 75 74 74 6f 6e 2e 6c 65 66 74 20 7b 20 2d 77 65  utton.left { -we
3230: 62 6b 69 74 2d 62 6f 72 64 65 72 2d 62 6f 74 74  bkit-border-bott
3240: 6f 6d 2d 72 69 67 68 74 2d 72 61 64 69 75 73 3a  om-right-radius:
3250: 20 30 70 78 3b 20 2d 77 65 62 6b 69 74 2d 62 6f   0px; -webkit-bo
3260: 72 64 65 72 2d 74 6f 70 2d 72 69 67 68 74 2d 72  rder-top-right-r
3270: 61 64 69 75 73 3a 20 30 70 78 3b 20 2d 6d 6f 7a  adius: 0px; -moz
3280: 2d 62 6f 72 64 65 72 2d 72 61 64 69 75 73 2d 62  -border-radius-b
3290: 6f 74 74 6f 6d 72 69 67 68 74 3a 20 30 70 78 3b  ottomright: 0px;
32a0: 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72 61 64   -moz-border-rad
32b0: 69 75 73 2d 74 6f 70 72 69 67 68 74 3a 20 30 70  ius-topright: 0p
32c0: 78 3b 20 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d  x; border-bottom
32d0: 2d 72 69 67 68 74 2d 72 61 64 69 75 73 3a 20 30  -right-radius: 0
32e0: 70 78 3b 20 62 6f 72 64 65 72 2d 74 6f 70 2d 72  px; border-top-r
32f0: 69 67 68 74 2d 72 61 64 69 75 73 3a 20 30 70 78  ight-radius: 0px
3300: 3b 20 6d 61 72 67 69 6e 2d 72 69 67 68 74 3a 20  ; margin-right: 
3310: 30 70 78 3b 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e  0px; }.a.button.
3320: 6d 69 64 64 6c 65 20 7b 20 6d 61 72 67 69 6e 2d  middle { margin-
3330: 72 69 67 68 74 3a 20 30 70 78 3b 20 6d 61 72 67  right: 0px; marg
3340: 69 6e 2d 6c 65 66 74 3a 20 30 70 78 3b 20 2d 77  in-left: 0px; -w
3350: 65 62 6b 69 74 2d 62 6f 72 64 65 72 2d 72 61 64  ebkit-border-rad
3360: 69 75 73 3a 20 30 70 78 3b 20 2d 6d 6f 7a 2d 62  ius: 0px; -moz-b
3370: 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 30 70  order-radius: 0p
3380: 78 3b 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73  x; border-radius
3390: 3a 20 30 70 78 3b 20 62 6f 72 64 65 72 2d 72 69  : 0px; border-ri
33a0: 67 68 74 3a 20 6e 6f 6e 65 3b 20 62 6f 72 64 65  ght: none; borde
33b0: 72 2d 6c 65 66 74 3a 20 6e 6f 6e 65 3b 20 7d 0a  r-left: none; }.
33c0: 61 2e 62 75 74 74 6f 6e 2e 72 69 67 68 74 20 7b  a.button.right {
33d0: 20 2d 77 65 62 6b 69 74 2d 62 6f 72 64 65 72 2d   -webkit-border-
33e0: 62 6f 74 74 6f 6d 2d 6c 65 66 74 2d 72 61 64 69  bottom-left-radi
33f0: 75 73 3a 20 30 70 78 3b 20 2d 77 65 62 6b 69 74  us: 0px; -webkit
3400: 2d 62 6f 72 64 65 72 2d 74 6f 70 2d 6c 65 66 74  -border-top-left
3410: 2d 72 61 64 69 75 73 3a 20 30 70 78 3b 20 2d 6d  -radius: 0px; -m
3420: 6f 7a 2d 62 6f 72 64 65 72 2d 72 61 64 69 75 73  oz-border-radius
3430: 2d 62 6f 74 74 6f 6d 6c 65 66 74 3a 20 30 70 78  -bottomleft: 0px
3440: 3b 20 2d 6d 6f 7a 2d 62 6f 72 64 65 72 2d 72 61  ; -moz-border-ra
3450: 64 69 75 73 2d 74 6f 70 6c 65 66 74 3a 20 30 70  dius-topleft: 0p
3460: 78 3b 20 62 6f 72 64 65 72 2d 74 6f 70 2d 6c 65  x; border-top-le
3470: 66 74 2d 72 61 64 69 75 73 3a 20 30 70 78 3b 20  ft-radius: 0px; 
3480: 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d 2d 6c 65  border-bottom-le
3490: 66 74 2d 72 61 64 69 75 73 3a 20 30 70 78 3b 20  ft-radius: 0px; 
34a0: 6d 61 72 67 69 6e 2d 6c 65 66 74 3a 20 30 70 78  margin-left: 0px
34b0: 3b 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e 6c 65 66  ; }.a.button.lef
34c0: 74 3a 61 63 74 69 76 65 2c 0a 61 2e 62 75 74 74  t:active,.a.butt
34d0: 6f 6e 2e 6d 69 64 64 6c 65 3a 61 63 74 69 76 65  on.middle:active
34e0: 2c 0a 61 2e 62 75 74 74 6f 6e 2e 72 69 67 68 74  ,.a.button.right
34f0: 3a 61 63 74 69 76 65 20 7b 20 74 6f 70 3a 20 30  :active { top: 0
3500: 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 2e 62 69  px }.a.button.bi
3510: 67 20 7b 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31  g { font-size: 1
3520: 36 70 78 3b 20 70 61 64 64 69 6e 67 2d 6c 65 66  6px; padding-lef
3530: 74 3a 20 31 37 70 78 3b 20 70 61 64 64 69 6e 67  t: 17px; padding
3540: 2d 72 69 67 68 74 3a 20 31 37 70 78 3b 20 7d 0a  -right: 17px; }.
3550: 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63  a.button span.ic
3560: 6f 6e 20 7b 20 64 69 73 70 6c 61 79 3a 20 69 6e  on { display: in
3570: 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 20 77 69 64 74  line-block; widt
3580: 68 3a 20 31 34 70 78 3b 20 68 65 69 67 68 74 3a  h: 14px; height:
3590: 20 31 32 70 78 3b 20 6d 61 72 67 69 6e 3a 20 61   12px; margin: a
35a0: 75 74 6f 20 37 70 78 20 61 75 74 6f 20 61 75 74  uto 7px auto aut
35b0: 6f 3b 20 70 6f 73 69 74 69 6f 6e 3a 20 72 65 6c  o; position: rel
35c0: 61 74 69 76 65 3b 20 74 6f 70 3a 20 32 70 78 3b  ative; top: 2px;
35d0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 69 6d 61 67   background-imag
35e0: 65 3a 20 75 72 6c 28 27 2e 2e 2f 69 6d 61 67 65  e: url('../image
35f0: 73 2f 63 73 73 33 62 75 74 74 6f 6e 73 5f 69 63  s/css3buttons_ic
3600: 6f 6e 73 2e 70 6e 67 27 29 3b 20 62 61 63 6b 67  ons.png'); backg
3610: 72 6f 75 6e 64 2d 72 65 70 65 61 74 3a 20 6e 6f  round-repeat: no
3620: 2d 72 65 70 65 61 74 3b 20 7d 0a 61 2e 62 69 67  -repeat; }.a.big
3630: 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f  .button span.ico
3640: 6e 20 7b 20 74 6f 70 3a 20 30 70 78 20 7d 0a 61  n { top: 0px }.a
3650: 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f  .button span.ico
3660: 6e 2e 62 6f 6f 6b 20 7b 20 62 61 63 6b 67 72 6f  n.book { backgro
3670: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
3680: 30 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76  0 }.a.button:hov
3690: 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 62 6f 6f  er span.icon.boo
36a0: 6b 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70  k { background-p
36b0: 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 31 35 70 78  osition: 0 -15px
36c0: 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e   }.a.button span
36d0: 2e 69 63 6f 6e 2e 63 61 6c 65 6e 64 61 72 20 7b  .icon.calendar {
36e0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
36f0: 74 69 6f 6e 3a 20 30 20 2d 33 30 70 78 20 7d 0a  tion: 0 -30px }.
3700: 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73  a.button:hover s
3710: 70 61 6e 2e 69 63 6f 6e 2e 63 61 6c 65 6e 64 61  pan.icon.calenda
3720: 72 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70  r { background-p
3730: 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 34 35 70 78  osition: 0 -45px
3740: 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e   }.a.button span
3750: 2e 69 63 6f 6e 2e 63 68 61 74 20 7b 20 62 61 63  .icon.chat { bac
3760: 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e  kground-position
3770: 3a 20 30 20 2d 36 30 70 78 20 7d 0a 61 2e 62 75  : 0 -60px }.a.bu
3780: 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e  tton:hover span.
3790: 69 63 6f 6e 2e 63 68 61 74 20 7b 20 62 61 63 6b  icon.chat { back
37a0: 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a  ground-position:
37b0: 20 30 20 2d 37 35 70 78 20 7d 0a 61 2e 62 75 74   0 -75px }.a.but
37c0: 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 68  ton span.icon.ch
37d0: 65 63 6b 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64  eck { background
37e0: 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 39 30  -position: 0 -90
37f0: 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f  px }.a.button:ho
3800: 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 68  ver span.icon.ch
3810: 65 63 6b 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64  eck { background
3820: 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 31 30  -position: 0 -10
3830: 33 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73  3px }.a.button s
3840: 70 61 6e 2e 69 63 6f 6e 2e 63 6c 6f 63 6b 20 7b  pan.icon.clock {
3850: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3860: 74 69 6f 6e 3a 20 30 20 2d 31 31 36 70 78 20 7d  tion: 0 -116px }
3870: 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20  .a.button:hover 
3880: 73 70 61 6e 2e 69 63 6f 6e 2e 63 6c 6f 63 6b 20  span.icon.clock 
3890: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
38a0: 69 74 69 6f 6e 3a 20 30 20 2d 31 33 31 70 78 20  ition: 0 -131px 
38b0: 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e  }.a.button span.
38c0: 69 63 6f 6e 2e 63 6f 67 20 7b 20 62 61 63 6b 67  icon.cog { backg
38d0: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
38e0: 30 20 2d 31 34 36 70 78 20 7d 0a 61 2e 62 75 74  0 -146px }.a.but
38f0: 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69  ton:hover span.i
3900: 63 6f 6e 2e 63 6f 67 20 7b 20 62 61 63 6b 67 72  con.cog { backgr
3910: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3920: 20 2d 31 36 31 70 78 20 7d 0a 61 2e 62 75 74 74   -161px }.a.butt
3930: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 6f 6d  on span.icon.com
3940: 6d 65 6e 74 20 7b 20 62 61 63 6b 67 72 6f 75 6e  ment { backgroun
3950: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 31  d-position: 0 -1
3960: 37 36 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a  76px }.a.button:
3970: 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e  hover span.icon.
3980: 63 6f 6d 6d 65 6e 74 20 7b 20 62 61 63 6b 67 72  comment { backgr
3990: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
39a0: 20 2d 31 39 30 70 78 20 7d 0a 61 2e 62 75 74 74   -190px }.a.butt
39b0: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 72 6f  on span.icon.cro
39c0: 73 73 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d  ss { background-
39d0: 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 32 30 34  position: 0 -204
39e0: 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f  px }.a.button:ho
39f0: 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 63 72  ver span.icon.cr
3a00: 6f 73 73 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64  oss { background
3a10: 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 32 31  -position: 0 -21
3a20: 39 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73  9px }.a.button s
3a30: 70 61 6e 2e 69 63 6f 6e 2e 64 6f 77 6e 61 72 72  pan.icon.downarr
3a40: 6f 77 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d  ow { background-
3a50: 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 32 33 34  position: 0 -234
3a60: 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f  px }.a.button:ho
3a70: 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 64 6f  ver span.icon.do
3a80: 77 6e 61 72 72 6f 77 20 7b 20 62 61 63 6b 67 72  wnarrow { backgr
3a90: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3aa0: 20 2d 32 34 39 70 78 20 7d 0a 61 2e 62 75 74 74   -249px }.a.butt
3ab0: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 66 6f 72  on span.icon.for
3ac0: 6b 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70  k { background-p
3ad0: 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 32 36 34 70  osition: 0 -264p
3ae0: 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76  x }.a.button:hov
3af0: 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 66 6f 72  er span.icon.for
3b00: 6b 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70  k { background-p
3b10: 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 32 37 39 70  osition: 0 -279p
3b20: 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61  x }.a.button spa
3b30: 6e 2e 69 63 6f 6e 2e 68 65 61 72 74 20 7b 20 62  n.icon.heart { b
3b40: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69  ackground-positi
3b50: 6f 6e 3a 20 30 20 2d 32 39 34 70 78 20 7d 0a 61  on: 0 -294px }.a
3b60: 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70  .button:hover sp
3b70: 61 6e 2e 69 63 6f 6e 2e 68 65 61 72 74 20 7b 20  an.icon.heart { 
3b80: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
3b90: 69 6f 6e 3a 20 30 20 2d 33 30 38 70 78 20 7d 0a  ion: 0 -308px }.
3ba0: 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63  a.button span.ic
3bb0: 6f 6e 2e 68 6f 6d 65 20 7b 20 62 61 63 6b 67 72  on.home { backgr
3bc0: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3bd0: 20 2d 33 32 32 70 78 20 7d 0a 61 2e 62 75 74 74   -322px }.a.butt
3be0: 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63  on:hover span.ic
3bf0: 6f 6e 2e 68 6f 6d 65 20 7b 20 62 61 63 6b 67 72  on.home { backgr
3c00: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3c10: 20 2d 33 33 37 70 78 20 7d 0a 61 2e 62 75 74 74   -337px }.a.butt
3c20: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 6b 65 79  on span.icon.key
3c30: 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f   { background-po
3c40: 73 69 74 69 6f 6e 3a 20 30 20 2d 33 35 32 70 78  sition: 0 -352px
3c50: 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65   }.a.button:hove
3c60: 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 6b 65 79 20  r span.icon.key 
3c70: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
3c80: 69 74 69 6f 6e 3a 20 30 20 2d 33 36 37 70 78 20  ition: 0 -367px 
3c90: 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e  }.a.button span.
3ca0: 69 63 6f 6e 2e 6c 65 66 74 61 72 72 6f 77 20 7b  icon.leftarrow {
3cb0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
3cc0: 74 69 6f 6e 3a 20 30 20 2d 33 38 32 70 78 20 7d  tion: 0 -382px }
3cd0: 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20  .a.button:hover 
3ce0: 73 70 61 6e 2e 69 63 6f 6e 2e 6c 65 66 74 61 72  span.icon.leftar
3cf0: 72 6f 77 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64  row { background
3d00: 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 33 39  -position: 0 -39
3d10: 37 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 20 73  7px }.a.button s
3d20: 70 61 6e 2e 69 63 6f 6e 2e 6c 6f 63 6b 20 7b 20  pan.icon.lock { 
3d30: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
3d40: 69 6f 6e 3a 20 30 20 2d 34 31 32 70 78 20 7d 0a  ion: 0 -412px }.
3d50: 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 73  a.button:hover s
3d60: 70 61 6e 2e 69 63 6f 6e 2e 6c 6f 63 6b 20 7b 20  pan.icon.lock { 
3d70: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
3d80: 69 6f 6e 3a 20 30 20 2d 34 32 37 70 78 20 7d 0a  ion: 0 -427px }.
3d90: 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63  a.button span.ic
3da0: 6f 6e 2e 6c 6f 6f 70 20 7b 20 62 61 63 6b 67 72  on.loop { backgr
3db0: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3dc0: 20 2d 34 34 32 70 78 20 7d 0a 61 2e 62 75 74 74   -442px }.a.butt
3dd0: 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63  on:hover span.ic
3de0: 6f 6e 2e 6c 6f 6f 70 20 7b 20 62 61 63 6b 67 72  on.loop { backgr
3df0: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3e00: 20 2d 34 35 37 70 78 20 7d 0a 61 2e 62 75 74 74   -457px }.a.butt
3e10: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 6d 61 67  on span.icon.mag
3e20: 6e 69 66 69 65 72 20 7b 20 62 61 63 6b 67 72 6f  nifier { backgro
3e30: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
3e40: 2d 34 37 32 70 78 20 7d 0a 61 2e 62 75 74 74 6f  -472px }.a.butto
3e50: 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f  n:hover span.ico
3e60: 6e 2e 6d 61 67 6e 69 66 69 65 72 20 7b 20 62 61  n.magnifier { ba
3e70: 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f  ckground-positio
3e80: 6e 3a 20 30 20 2d 34 38 37 70 78 20 7d 0a 61 2e  n: 0 -487px }.a.
3e90: 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e  button span.icon
3ea0: 2e 6d 61 69 6c 20 7b 20 62 61 63 6b 67 72 6f 75  .mail { backgrou
3eb0: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
3ec0: 35 30 32 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  502px }.a.button
3ed0: 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e  :hover span.icon
3ee0: 2e 6d 61 69 6c 20 7b 20 62 61 63 6b 67 72 6f 75  .mail { backgrou
3ef0: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
3f00: 35 31 34 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  514px }.a.button
3f10: 20 73 70 61 6e 2e 69 63 6f 6e 2e 6d 6f 76 65 20   span.icon.move 
3f20: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
3f30: 69 74 69 6f 6e 3a 20 30 20 2d 35 32 36 70 78 20  ition: 0 -526px 
3f40: 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72  }.a.button:hover
3f50: 20 73 70 61 6e 2e 69 63 6f 6e 2e 6d 6f 76 65 20   span.icon.move 
3f60: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
3f70: 69 74 69 6f 6e 3a 20 30 20 2d 35 34 31 70 78 20  ition: 0 -541px 
3f80: 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e  }.a.button span.
3f90: 69 63 6f 6e 2e 70 65 6e 20 7b 20 62 61 63 6b 67  icon.pen { backg
3fa0: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
3fb0: 30 20 2d 35 35 36 70 78 20 7d 0a 61 2e 62 75 74  0 -556px }.a.but
3fc0: 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69  ton:hover span.i
3fd0: 63 6f 6e 2e 70 65 6e 20 7b 20 62 61 63 6b 67 72  con.pen { backgr
3fe0: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
3ff0: 20 2d 35 37 31 70 78 20 7d 0a 61 2e 62 75 74 74   -571px }.a.butt
4000: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 70 69 6e  on span.icon.pin
4010: 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f   { background-po
4020: 73 69 74 69 6f 6e 3a 20 30 20 2d 35 38 36 70 78  sition: 0 -586px
4030: 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65   }.a.button:hove
4040: 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 70 69 6e 20  r span.icon.pin 
4050: 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73  { background-pos
4060: 69 74 69 6f 6e 3a 20 30 20 2d 36 30 31 70 78 20  ition: 0 -601px 
4070: 7d 0a 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e  }.a.button span.
4080: 69 63 6f 6e 2e 70 6c 75 73 20 7b 20 62 61 63 6b  icon.plus { back
4090: 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a  ground-position:
40a0: 20 30 20 2d 36 31 36 70 78 20 7d 0a 61 2e 62 75   0 -616px }.a.bu
40b0: 74 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e  tton:hover span.
40c0: 69 63 6f 6e 2e 70 6c 75 73 20 7b 20 62 61 63 6b  icon.plus { back
40d0: 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a  ground-position:
40e0: 20 30 20 2d 36 33 31 70 78 20 7d 0a 61 2e 62 75   0 -631px }.a.bu
40f0: 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 72  tton span.icon.r
4100: 65 6c 6f 61 64 20 7b 20 62 61 63 6b 67 72 6f 75  eload { backgrou
4110: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
4120: 36 34 36 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  646px }.a.button
4130: 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e  :hover span.icon
4140: 2e 72 65 6c 6f 61 64 20 7b 20 62 61 63 6b 67 72  .reload { backgr
4150: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
4160: 20 2d 36 36 30 70 78 20 7d 0a 61 2e 62 75 74 74   -660px }.a.butt
4170: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 72 69 67  on span.icon.rig
4180: 68 74 61 72 72 6f 77 20 7b 20 62 61 63 6b 67 72  htarrow { backgr
4190: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
41a0: 20 2d 36 37 34 70 78 20 7d 0a 61 2e 62 75 74 74   -674px }.a.butt
41b0: 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63  on:hover span.ic
41c0: 6f 6e 2e 72 69 67 68 74 61 72 72 6f 77 20 7b 20  on.rightarrow { 
41d0: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
41e0: 69 6f 6e 3a 20 30 20 2d 36 38 39 70 78 20 7d 0a  ion: 0 -689px }.
41f0: 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63  a.button span.ic
4200: 6f 6e 2e 72 73 73 20 7b 20 62 61 63 6b 67 72 6f  on.rss { backgro
4210: 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20  und-position: 0 
4220: 2d 37 30 34 70 78 20 7d 0a 61 2e 62 75 74 74 6f  -704px }.a.butto
4230: 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f  n:hover span.ico
4240: 6e 2e 72 73 73 20 7b 20 62 61 63 6b 67 72 6f 75  n.rss { backgrou
4250: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
4260: 37 31 39 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  719px }.a.button
4270: 20 73 70 61 6e 2e 69 63 6f 6e 2e 74 61 67 20 7b   span.icon.tag {
4280: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69   background-posi
4290: 74 69 6f 6e 3a 20 30 20 2d 37 33 34 70 78 20 7d  tion: 0 -734px }
42a0: 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20  .a.button:hover 
42b0: 73 70 61 6e 2e 69 63 6f 6e 2e 74 61 67 20 7b 20  span.icon.tag { 
42c0: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74  background-posit
42d0: 69 6f 6e 3a 20 30 20 2d 37 34 39 70 78 20 7d 0a  ion: 0 -749px }.
42e0: 61 2e 62 75 74 74 6f 6e 20 73 70 61 6e 2e 69 63  a.button span.ic
42f0: 6f 6e 2e 74 72 61 73 68 20 7b 20 62 61 63 6b 67  on.trash { backg
4300: 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20  round-position: 
4310: 30 20 2d 37 36 34 70 78 20 7d 0a 61 2e 62 75 74  0 -764px }.a.but
4320: 74 6f 6e 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69  ton:hover span.i
4330: 63 6f 6e 2e 74 72 61 73 68 20 7b 20 62 61 63 6b  con.trash { back
4340: 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a  ground-position:
4350: 20 30 20 2d 37 37 39 70 78 20 7d 0a 61 2e 62 75   0 -779px }.a.bu
4360: 74 74 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 75  tton span.icon.u
4370: 6e 6c 6f 63 6b 20 7b 20 62 61 63 6b 67 72 6f 75  nlock { backgrou
4380: 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d  nd-position: 0 -
4390: 37 39 34 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e  794px }.a.button
43a0: 3a 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e  :hover span.icon
43b0: 2e 75 6e 6c 6f 63 6b 20 7b 20 62 61 63 6b 67 72  .unlock { backgr
43c0: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
43d0: 20 2d 38 30 39 70 78 20 7d 0a 61 2e 62 75 74 74   -809px }.a.butt
43e0: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 75 70 61  on span.icon.upa
43f0: 72 72 6f 77 20 7b 20 62 61 63 6b 67 72 6f 75 6e  rrow { backgroun
4400: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 38  d-position: 0 -8
4410: 32 34 70 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a  24px }.a.button:
4420: 68 6f 76 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e  hover span.icon.
4430: 75 70 61 72 72 6f 77 20 7b 20 62 61 63 6b 67 72  uparrow { backgr
4440: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30  ound-position: 0
4450: 20 2d 38 33 39 70 78 20 7d 0a 61 2e 62 75 74 74   -839px }.a.butt
4460: 6f 6e 20 73 70 61 6e 2e 69 63 6f 6e 2e 75 73 65  on span.icon.use
4470: 72 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70  r { background-p
4480: 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 38 35 34 70  osition: 0 -854p
4490: 78 20 7d 0a 61 2e 62 75 74 74 6f 6e 3a 68 6f 76  x }.a.button:hov
44a0: 65 72 20 73 70 61 6e 2e 69 63 6f 6e 2e 75 73 65  er span.icon.use
44b0: 72 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 70  r { background-p
44c0: 6f 73 69 74 69 6f 6e 3a 20 30 20 2d 38 36 39 70  osition: 0 -869p
44d0: 78 20 7d 0a 0a 0a 0a 0a 0a 0a 2f 2a 2a 2a 2a 2a  x }......./*****
44e0: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
44f0: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
4500: 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a 2a  ****************
4510: 0a 20 2a 20 20 48 45 52 45 20 59 4f 55 20 43 41  . *  HERE YOU CA
4520: 4e 20 53 54 41 52 54 20 54 4f 20 57 52 49 54 45  N START TO WRITE
4530: 20 59 4f 55 52 20 4f 57 4e 20 44 49 56 53 0a 20   YOUR OWN DIVS. 
4540: 2a 2f 0a 0a 0a 0a 0a 0a 0a 0a 2f 2a 0a 20 2a 20  */......../*. * 
4550: 4d 65 64 69 61 20 71 75 65 72 69 65 73 20 66 6f  Media queries fo
4560: 72 20 72 65 73 70 6f 6e 73 69 76 65 20 64 65 73  r responsive des
4570: 69 67 6e 0a 20 2a 2f 0a 0a 40 6d 65 64 69 61 20  ign. */..@media 
4580: 61 6c 6c 20 61 6e 64 20 28 6f 72 69 65 6e 74 61  all and (orienta
4590: 74 69 6f 6e 3a 70 6f 72 74 72 61 69 74 29 20 7b  tion:portrait) {
45a0: 20 0a 20 20 2f 2a 20 53 74 79 6c 65 20 61 64 6a   .  /* Style adj
45b0: 75 73 74 6d 65 6e 74 73 20 66 6f 72 20 70 6f 72  ustments for por
45c0: 74 72 61 69 74 20 6d 6f 64 65 20 67 6f 65 73 20  trait mode goes 
45d0: 68 65 72 65 20 2a 2f 0a 20 20 0a 7d 0a 0a 40 6d  here */.  .}..@m
45e0: 65 64 69 61 20 61 6c 6c 20 61 6e 64 20 28 6f 72  edia all and (or
45f0: 69 65 6e 74 61 74 69 6f 6e 3a 6c 61 6e 64 73 63  ientation:landsc
4600: 61 70 65 29 20 7b 20 0a 20 20 2f 2a 20 53 74 79  ape) { .  /* Sty
4610: 6c 65 20 61 64 6a 75 73 74 6d 65 6e 74 73 20 66  le adjustments f
4620: 6f 72 20 6c 61 6e 64 73 63 61 70 65 20 6d 6f 64  or landscape mod
4630: 65 20 67 6f 65 73 20 68 65 72 65 20 2a 2f 0a 20  e goes here */. 
4640: 20 0a 7d 0a 0a 2f 2a 20 47 72 61 64 65 2d 41 20   .}../* Grade-A 
4650: 4d 6f 62 69 6c 65 20 42 72 6f 77 73 65 72 73 20  Mobile Browsers 
4660: 28 4f 70 65 72 61 20 4d 6f 62 69 6c 65 2c 20 69  (Opera Mobile, i
4670: 50 68 6f 6e 65 20 53 61 66 61 72 69 2c 20 41 6e  Phone Safari, An
4680: 64 72 6f 69 64 20 43 68 72 6f 6d 65 29 20 20 0a  droid Chrome)  .
4690: 20 20 20 43 6f 6e 73 69 64 65 72 20 74 68 69 73     Consider this
46a0: 3a 20 77 77 77 2e 63 6c 6f 75 64 66 6f 75 72 2e  : www.cloudfour.
46b0: 63 6f 6d 2f 63 73 73 2d 6d 65 64 69 61 2d 71 75  com/css-media-qu
46c0: 65 72 79 2d 66 6f 72 2d 6d 6f 62 69 6c 65 2d 69  ery-for-mobile-i
46d0: 73 2d 66 6f 6f 6c 73 2d 67 6f 6c 64 2f 20 2a 2f  s-fools-gold/ */
46e0: 0a 40 6d 65 64 69 61 20 73 63 72 65 65 6e 20 61  .@media screen a
46f0: 6e 64 20 28 6d 61 78 2d 64 65 76 69 63 65 2d 77  nd (max-device-w
4700: 69 64 74 68 3a 20 34 38 30 70 78 29 20 7b 0a 20  idth: 480px) {. 
4710: 20 0a 20 20 0a 20 20 2f 2a 20 55 6e 63 6f 6d 6d   .  .  /* Uncomm
4720: 65 6e 74 20 69 66 20 79 6f 75 20 64 6f 6e 27 74  ent if you don't
4730: 20 77 61 6e 74 20 69 4f 53 20 61 6e 64 20 57 69   want iOS and Wi
4740: 6e 4d 6f 62 69 6c 65 20 74 6f 20 6d 6f 62 69 6c  nMobile to mobil
4750: 65 2d 6f 70 74 69 6d 69 7a 65 20 74 68 65 20 74  e-optimize the t
4760: 65 78 74 20 66 6f 72 20 79 6f 75 0a 20 20 20 20  ext for you.    
4770: 20 6a 2e 6d 70 2f 74 65 78 74 73 69 7a 65 61 64   j.mp/textsizead
4780: 6a 75 73 74 20 0a 20 20 68 74 6d 6c 20 7b 20 2d  just .  html { -
4790: 77 65 62 6b 69 74 2d 74 65 78 74 2d 73 69 7a 65  webkit-text-size
47a0: 2d 61 64 6a 75 73 74 3a 6e 6f 6e 65 3b 20 2d 6d  -adjust:none; -m
47b0: 73 2d 74 65 78 74 2d 73 69 7a 65 2d 61 64 6a 75  s-text-size-adju
47c0: 73 74 3a 6e 6f 6e 65 3b 20 7d 20 2a 2f 0a 7d 0a  st:none; } */.}.
47d0: 0a 0a 2f 2a 20 0a 20 2a 20 70 72 69 6e 74 20 73  ../* . * print s
47e0: 74 79 6c 65 73 0a 20 2a 20 69 6e 6c 69 6e 65 64  tyles. * inlined
47f0: 20 74 6f 20 61 76 6f 69 64 20 72 65 71 75 69 72   to avoid requir
4800: 65 64 20 48 54 54 50 20 63 6f 6e 6e 65 63 74 69  ed HTTP connecti
4810: 6f 6e 20 77 77 77 2e 70 68 70 69 65 64 2e 63 6f  on www.phpied.co
4820: 6d 2f 64 65 6c 61 79 2d 6c 6f 61 64 69 6e 67 2d  m/delay-loading-
4830: 79 6f 75 72 2d 70 72 69 6e 74 2d 63 73 73 2f 20  your-print-css/ 
4840: 0a 20 2a 2f 0a 40 6d 65 64 69 61 20 70 72 69 6e  . */.@media prin
4850: 74 20 7b 0a 20 20 2a 20 7b 20 62 61 63 6b 67 72  t {.  * { backgr
4860: 6f 75 6e 64 3a 20 74 72 61 6e 73 70 61 72 65 6e  ound: transparen
4870: 74 20 21 69 6d 70 6f 72 74 61 6e 74 3b 20 63 6f  t !important; co
4880: 6c 6f 72 3a 20 23 34 34 34 20 21 69 6d 70 6f 72  lor: #444 !impor
4890: 74 61 6e 74 3b 20 74 65 78 74 2d 73 68 61 64 6f  tant; text-shado
48a0: 77 3a 20 6e 6f 6e 65 20 21 69 6d 70 6f 72 74 61  w: none !importa
48b0: 6e 74 3b 20 7d 0a 20 20 61 2c 20 61 3a 76 69 73  nt; }.  a, a:vis
48c0: 69 74 65 64 20 7b 20 63 6f 6c 6f 72 3a 20 23 34  ited { color: #4
48d0: 34 34 20 21 69 6d 70 6f 72 74 61 6e 74 3b 20 74  44 !important; t
48e0: 65 78 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20  ext-decoration: 
48f0: 75 6e 64 65 72 6c 69 6e 65 3b 20 7d 0a 20 20 61  underline; }.  a
4900: 3a 61 66 74 65 72 20 7b 20 63 6f 6e 74 65 6e 74  :after { content
4910: 3a 20 22 20 28 22 20 61 74 74 72 28 68 72 65 66  : " (" attr(href
4920: 29 20 22 29 22 3b 20 7d 20 0a 20 20 61 62 62 72  ) ")"; } .  abbr
4930: 3a 61 66 74 65 72 20 7b 20 63 6f 6e 74 65 6e 74  :after { content
4940: 3a 20 22 20 28 22 20 61 74 74 72 28 74 69 74 6c  : " (" attr(titl
4950: 65 29 20 22 29 22 3b 20 7d 0a 20 20 2e 69 72 20  e) ")"; }.  .ir 
4960: 61 3a 61 66 74 65 72 20 7b 20 63 6f 6e 74 65 6e  a:after { conten
4970: 74 3a 20 22 22 3b 20 7d 20 20 2f 2a 20 44 6f 6e  t: ""; }  /* Don
4980: 27 74 20 73 68 6f 77 20 6c 69 6e 6b 73 20 66 6f  't show links fo
4990: 72 20 69 6d 61 67 65 73 20 2a 2f 0a 20 20 70 72  r images */.  pr
49a0: 65 2c 20 62 6c 6f 63 6b 71 75 6f 74 65 20 7b 20  e, blockquote { 
49b0: 62 6f 72 64 65 72 3a 20 31 70 78 20 73 6f 6c 69  border: 1px soli
49c0: 64 20 23 39 39 39 3b 20 70 61 67 65 2d 62 72 65  d #999; page-bre
49d0: 61 6b 2d 69 6e 73 69 64 65 3a 20 61 76 6f 69 64  ak-inside: avoid
49e0: 3b 20 7d 0a 20 20 74 68 65 61 64 20 7b 20 64 69  ; }.  thead { di
49f0: 73 70 6c 61 79 3a 20 74 61 62 6c 65 2d 68 65 61  splay: table-hea
4a00: 64 65 72 2d 67 72 6f 75 70 3b 20 7d 20 2f 2a 20  der-group; } /* 
4a10: 63 73 73 2d 64 69 73 63 75 73 73 2e 69 6e 63 75  css-discuss.incu
4a20: 74 69 6f 2e 63 6f 6d 2f 77 69 6b 69 2f 50 72 69  tio.com/wiki/Pri
4a30: 6e 74 69 6e 67 5f 54 61 62 6c 65 73 20 2a 2f 20  nting_Tables */ 
4a40: 0a 20 20 74 72 2c 20 69 6d 67 20 7b 20 70 61 67  .  tr, img { pag
4a50: 65 2d 62 72 65 61 6b 2d 69 6e 73 69 64 65 3a 20  e-break-inside: 
4a60: 61 76 6f 69 64 3b 20 7d 0a 20 20 40 70 61 67 65  avoid; }.  @page
4a70: 20 7b 20 6d 61 72 67 69 6e 3a 20 30 2e 35 63 6d   { margin: 0.5cm
4a80: 3b 20 7d 0a 20 20 70 2c 20 68 32 2c 20 68 33 20  ; }.  p, h2, h3 
4a90: 7b 20 6f 72 70 68 61 6e 73 3a 20 33 3b 20 77 69  { orphans: 3; wi
4aa0: 64 6f 77 73 3a 20 33 3b 20 7d 0a 20 20 68 32 2c  dows: 3; }.  h2,
4ab0: 20 68 33 7b 20 70 61 67 65 2d 62 72 65 61 6b 2d   h3{ page-break-
4ac0: 61 66 74 65 72 3a 20 61 76 6f 69 64 3b 20 7d 0a  after: avoid; }.
4ad0: 7d 0a 0a 62 6f 64 79 20 7b 0a 7d 0a 0a 68 65 61  }..body {.}..hea
4ae0: 64 65 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  der {.    backgr
4af0: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 23 63 63 30  ound-color: #cc0
4b00: 30 30 30 3b 0a 20 20 20 20 70 61 64 64 69 6e 67  000;.    padding
4b10: 3a 20 31 25 3b 0a 20 20 20 20 62 6f 72 64 65 72  : 1%;.    border
4b20: 2d 62 6f 74 74 6f 6d 3a 20 31 70 78 20 73 6f 6c  -bottom: 1px sol
4b30: 69 64 20 62 6c 61 63 6b 3b 0a 20 20 20 20 63 6f  id black;.    co
4b40: 6c 6f 72 3a 20 77 68 69 74 65 3b 0a 7d 0a 68 65  lor: white;.}.he
4b50: 61 64 65 72 20 3e 20 68 31 20 3e 20 61 20 7b 0a  ader > h1 > a {.
4b60: 20 20 20 20 74 65 78 74 2d 64 65 63 6f 72 61 74      text-decorat
4b70: 69 6f 6e 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 63  ion: none;.    c
4b80: 6f 6c 6f 72 3a 20 77 68 69 74 65 3b 0a 20 20 20  olor: white;.   
4b90: 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62 6f   font-weight: bo
4ba0: 6c 64 3b 0a 7d 0a 0a 23 73 74 6f 72 79 2d 6c 69  ld;.}..#story-li
4bb0: 73 74 20 7b 0a 7d 0a 0a 23 73 74 6f 72 79 2d 6c  st {.}..#story-l
4bc0: 69 73 74 20 3e 20 2e 73 74 6f 72 79 20 3e 20 61  ist > .story > a
4bd0: 20 7b 0a 20 20 20 20 74 65 78 74 2d 64 65 63 6f   {.    text-deco
4be0: 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65 3b 0a 20 20  ration: none;.  
4bf0: 20 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62    font-weight: b
4c00: 6f 6c 64 3b 0a 20 20 20 20 6d 61 72 67 69 6e 2d  old;.    margin-
4c10: 74 6f 70 3a 20 30 3b 0a 7d 0a 23 73 74 6f 72 79  top: 0;.}.#story
4c20: 2d 6c 69 73 74 20 3e 20 2e 73 74 6f 72 79 20 3e  -list > .story >
4c30: 20 70 20 7b 0a 20 20 20 20 66 6f 6e 74 2d 73 69   p {.    font-si
4c40: 7a 65 3a 20 2e 37 35 65 6d 3b 0a 7d 0a 0a 23 73  ze: .75em;.}..#s
4c50: 74 6f 72 79 2d 6c 69 73 74 20 3e 20 2e 73 74 6f  tory-list > .sto
4c60: 72 79 20 3e 20 2e 72 65 61 64 20 7b 0a 20 20 20  ry > .read {.   
4c70: 20 63 6f 6c 6f 72 3a 20 23 43 43 33 33 33 33 3b   color: #CC3333;
4c80: 0a 7d 0a 23 73 74 6f 72 79 2d 6c 69 73 74 20 3e  .}.#story-list >
4c90: 20 2e 73 74 6f 72 79 20 3e 20 2e 75 6e 72 65 61   .story > .unrea
4ca0: 64 20 7b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 23  d {.    color: #
4cb0: 43 43 30 30 30 30 3b 0a 2f 2a 20 20 20 20 63 6f  CC0000;./*    co
4cc0: 6c 6f 72 3a 20 23 41 38 41 38 45 45 3b 2a 2f 0a  lor: #A8A8EE;*/.
4cd0: 7d 0a 0a 23 73 74 6f 72 79 2d 6c 69 73 74 20 3e  }..#story-list >
4ce0: 20 2e 73 74 6f 72 79 20 7b 0a 20 20 20 20 70 61   .story {.    pa
4cf0: 64 64 69 6e 67 3a 20 2e 35 25 3b 0a 20 20 20 20  dding: .5%;.    
4d00: 70 61 64 64 69 6e 67 2d 74 6f 70 3a 20 30 3b 0a  padding-top: 0;.
4d10: 20 20 20 20 62 6f 72 64 65 72 2d 74 6f 70 3a 20      border-top: 
4d20: 31 70 78 20 73 6f 6c 69 64 20 62 6c 61 63 6b 3b  1px solid black;
4d30: 0a 20 20 20 20 6d 61 72 67 69 6e 2d 74 6f 70 3a  .    margin-top:
4d40: 20 2e 33 33 25 3b 0a 7d 0a 0a 66 6f 6f 74 65 72   .33%;.}..footer
4d50: 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e   {.    backgroun
4d60: 64 2d 63 6f 6c 6f 72 3a 20 23 63 63 30 30 30 30  d-color: #cc0000
4d70: 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31  ;.    padding: 1
4d80: 25 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 74 6f  %;.    border-to
4d90: 70 3a 20 31 70 78 20 73 6f 6c 69 64 20 62 6c 61  p: 1px solid bla
4da0: 63 6b 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 77  ck;.    color: w
4db0: 68 69 74 65 3b 0a 7d 0a 66 6f 6f 74 65 72 20 3e  hite;.}.footer >
4dc0: 20 61 20 7b 0a 20 20 20 20 74 65 78 74 2d 64 65   a {.    text-de
4dd0: 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65 3b 0a  coration: none;.
4de0: 20 20 20 20 63 6f 6c 6f 72 3a 20 77 68 69 74 65      color: white
4df0: 3b 0a 20 20 20 20 66 6f 6e 74 2d 77 65 69 67 68  ;.    font-weigh
4e00: 74 3a 20 62 6f 6c 64 3b 0a 7d 0a                 t: bold;.}.