mobile.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /* CSS for the mobile version of the content server webpage */
  2. .body {
  3. font-family: sans-serif;
  4. }
  5. .navigation table.buttons {
  6. width: 100%;
  7. }
  8. .navigation .button {
  9. width: 50%;
  10. }
  11. .button a, .button:visited a {
  12. padding: 0.5em;
  13. font-size: larger;
  14. border: 1px solid black;
  15. text-color: black;
  16. text-decoration: none;
  17. margin-right: 0.5em;
  18. background-color: #ddd;
  19. border-top: 1px solid ThreeDLightShadow;
  20. border-right: 1px solid ButtonShadow;
  21. border-bottom: 1px solid ButtonShadow;
  22. border-left: 1 px solid ThreeDLightShadow;
  23. border-radius: 0.25em;
  24. -moz-border-radius: 0.25em;
  25. -webkit-border-radius: 0.25em;
  26. }
  27. .button:hover a {
  28. border-top: 1px solid #666;
  29. border-right: 1px solid #CCC;
  30. border-bottom: 1 px solid #CCC;
  31. border-left: 1 px solid #666;
  32. }
  33. div.navigation {
  34. padding-bottom: 1em;
  35. clear: both;
  36. }
  37. #search_box {
  38. border: 1px solid #393;
  39. border-radius: 0.5em;
  40. -moz-border-radius: 0.5em;
  41. -webkit-border-radius: 0.5em;
  42. padding: 1em;
  43. margin-bottom: 0.5em;
  44. float: right;
  45. }
  46. #listing {
  47. width: 100%;
  48. border-collapse: collapse;
  49. }
  50. #listing td {
  51. padding: 0.25em;
  52. vertical-align: middle;
  53. }
  54. #listing td.thumbnail {
  55. height: 60px;
  56. width: 60px;
  57. }
  58. #listing tr:nth-child(even) {
  59. background: #eee;
  60. }
  61. #listing .button a{
  62. display: inline-block;
  63. width: 2.5em;
  64. padding-left: 0em;
  65. padding-right: 0em;
  66. overflow: hidden;
  67. text-align: center;
  68. text-decoration: none;
  69. vertical-align: middle;
  70. }
  71. #logo {
  72. float: left;
  73. }
  74. #spacer {
  75. clear: both;
  76. }
  77. .data-container {
  78. display: inline-block;
  79. vertical-align: middle;
  80. }
  81. .first-line {
  82. font-size: larger;
  83. font-weight: bold;
  84. }
  85. .second-line {
  86. margin-top: 0.75ex;
  87. display: block;
  88. }