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;.}.