Sample using AngularJS to retrieve WoW information.

site.css 740B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. body {
  2. background-color: #666;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. div[role="main"] {
  7. background-color: #eee;
  8. margin: 0 20% 0 20%;
  9. padding: 1em;
  10. text-align: center;
  11. min-height: 600px;
  12. }
  13. h2 {
  14. clear: both;
  15. text-transform: capitalize;
  16. }
  17. label {
  18. font-weight: bold;
  19. }
  20. button, input, select {
  21. padding: 0.55em 0.45em;
  22. }
  23. .italic {
  24. font-style: italic;
  25. padding-left: 2em;
  26. }
  27. .character {
  28. clear: both;
  29. padding-top: 1em;
  30. }
  31. .character .thumbnail {
  32. float: left;
  33. padding-right: 1em;
  34. width: 100px;
  35. }
  36. .character .stats {
  37. text-align: left;
  38. vertical-align: text-top;
  39. }
  40. .notice {
  41. border: 1px #000 dashed;
  42. padding: 1em;
  43. background-color: #fee;
  44. text-align: left;
  45. }