view.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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 {
  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. }
  27. section#cast a:hover {
  28. background: #eee;
  29. background: -moz-linear-gradient(top, #eee, #ccc);
  30. background: -webkit-linear-gradient(top, #eee, #ccc);
  31. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
  32. }
  33. section#cast table {
  34. table-layout: fixed;
  35. display: none;
  36. }
  37. section#cast tr.char {
  38. border-top: 1px solid #ccc;
  39. }
  40. section#cast td {
  41. padding: 3px;
  42. }
  43. section#cast td:nth-child(1) {
  44. width: 60px;
  45. }
  46. section#cast td:nth-child(2) {
  47. width: 300px;
  48. }
  49. section#cast td:nth-child(3) {
  50. width: 60px;
  51. }
  52. section#cast #castlink {
  53. display: none;
  54. }
  55. aside#malstats {
  56. float: right;
  57. width: 150px;
  58. border-left: 1px solid #ccc;
  59. padding-left: 15px;
  60. }
  61. aside#malstats p {
  62. margin-bottom: 2px;
  63. }