Mercurial > judy-face-art
annotate style.css @ 4:eede9c0c9e58
initial redesign
| author | Dylan Holmes <ocsenave@gmail.com> |
|---|---|
| date | Fri, 06 Jul 2012 21:36:02 -0500 |
| parents | bd8cb2d399ed |
| children | 0af8687de6f6 |
| rev | line source |
|---|---|
| ocsenave@4 | 1 body{ |
| ocsenave@4 | 2 |
| ocsenave@4 | 3 |
| ocsenave@4 | 4 font:14px Helvetica,Arial,sans-serif; |
| ocsenave@4 | 5 line-height:1.5em; |
| ocsenave@4 | 6 color:#333; |
| ocsenave@4 | 7 /*background:#acf url("http://image.shutterstock.com/display_pic_with_logo/601885/601885,1304021351,4/stock-vector-vector-splatter-paint-brush-abstract-seamless-background-splash-splotch-stain-art-blob-blot-76157275.jpg");*/ |
| ocsenave@4 | 8 background:#acf; |
| ocsenave@4 | 9 text-align:justify; |
| ocsenave@4 | 10 font-weight:bold; |
| ocsenave@4 | 11 color:#555; |
| ocsenave@4 | 12 |
| ocsenave@4 | 13 background:#fdc; |
| ocsenave@4 | 14 |
| ocsenave@4 | 15 } |
| ocsenave@4 | 16 |
| ocsenave@4 | 17 #border { |
| ocsenave@4 | 18 border:1.5em solid #fdb; |
| ocsenave@4 | 19 background:white; |
| ocsenave@4 | 20 width:700px; |
| ocsenave@4 | 21 width:40em; |
| ocsenave@4 | 22 margin:0px auto; |
| ocsenave@4 | 23 padding:1.5em 4.5em; |
| ocsenave@4 | 24 border-color:#f56; |
| ocsenave@4 | 25 border-right-color:#8f2; |
| ocsenave@4 | 26 border-top-color:#fc0; |
| ocsenave@4 | 27 border-bottom-color:#0184df; |
| ocsenave@4 | 28 |
| ocsenave@4 | 29 } |
| ocsenave@4 | 30 |
| ocsenave@4 | 31 |
| ocsenave@4 | 32 div.folio { |
| ocsenave@4 | 33 border-bottom:0em solid #ffc; |
| ocsenave@4 | 34 } |
| ocsenave@4 | 35 .folio img { |
| ocsenave@4 | 36 height:132px; |
| ocsenave@4 | 37 height:180px; |
| ocsenave@4 | 38 height:108px; |
| ocsenave@4 | 39 height:144px; |
| ocsenave@4 | 40 margin:0 .5em; |
| ocsenave@4 | 41 } |
| ocsenave@4 | 42 |
| ocsenave@4 | 43 .header{ |
| ocsenave@4 | 44 text-align:center; |
| ocsenave@4 | 45 margin-bottom:3em; |
| ocsenave@4 | 46 } |
| ocsenave@4 | 47 #logo { |
| ocsenave@4 | 48 height:4.5em; |
| ocsenave@4 | 49 |
| ocsenave@4 | 50 } |
| ocsenave@4 | 51 |
| ocsenave@4 | 52 h1,h2,h3,h4,h5,h6,a{ |
| ocsenave@4 | 53 color:#00c; |
| ocsenave@4 | 54 color:#0184df; |
| ocsenave@4 | 55 margin-top:3em; |
| ocsenave@4 | 56 } |
| ocsenave@4 | 57 |
| ocsenave@4 | 58 |
| ocsenave@4 | 59 |
| ocsenave@4 | 60 table.choices { |
| ocsenave@4 | 61 |
| ocsenave@4 | 62 width:30em; |
| ocsenave@4 | 63 margin:1.5em auto; |
| ocsenave@4 | 64 border-spacing:0px; |
| ocsenave@4 | 65 } |
| ocsenave@4 | 66 .choices td,em { |
| ocsenave@4 | 67 color:#a0c; |
| ocsenave@4 | 68 font-style:normal; |
| ocsenave@4 | 69 |
| ocsenave@4 | 70 } |
| ocsenave@4 | 71 |
| ocsenave@4 | 72 |
| ocsenave@4 | 73 .snapshot { |
| ocsenave@4 | 74 height:24em; |
| ocsenave@4 | 75 display:block; |
| ocsenave@4 | 76 margin:.75em auto; |
| ocsenave@4 | 77 } |