view.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* for viewing individual anime/manga/kdrama, rather than table.css */
  2. aside#img {
  3. float: left;
  4. margin: 0 25px 25px 0;
  5. width: 225px;
  6. }
  7. section#info {
  8. float: left;
  9. width: 470px;
  10. }
  11. section#cast {
  12. float: left;
  13. width: 620px;
  14. }
  15. section#cast a, #add {
  16. padding: 4px 7px;
  17. border: 1px solid #aaa;
  18. -moz-border-radius: 3px;
  19. -webkit-border-radius: 3px;
  20. border-radius: 3px;
  21. background: #ddd;
  22. background: -moz-linear-gradient(top, #ddd, #bbb);
  23. background: -webkit-linear-gradient(top, #ddd, #bbb);
  24. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb');
  25. color: #111;
  26. outline: none;
  27. }
  28. section#cast a:hover, #add:hover {
  29. background: #eee;
  30. background: -moz-linear-gradient(top, #eee, #ccc);
  31. background: -webkit-linear-gradient(top, #eee, #ccc);
  32. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
  33. }
  34. section#cast table {
  35. table-layout: fixed;
  36. display: none;
  37. }
  38. section#cast tr.char {
  39. border-top: 1px solid #ccc;
  40. }
  41. section#cast td {
  42. padding: 3px;
  43. }
  44. section#cast td:nth-child(1) {
  45. width: 60px;
  46. }
  47. section#cast td:nth-child(2) {
  48. width: 300px;
  49. }
  50. section#cast td:nth-child(3) {
  51. width: 60px;
  52. }
  53. section#cast #castlink {
  54. display: none;
  55. }
  56. aside#malstats {
  57. float: right;
  58. width: 150px;
  59. border-left: 1px solid #ccc;
  60. padding-left: 15px;
  61. }
  62. aside#malstats p {
  63. margin-bottom: 2px;
  64. }