A tumblelog CMS built on AJAX, PHP and MySQL.

archive.css 1.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. body {
  2. background: white;
  3. font-family: "Lucida Sans";
  4. font-size: 15px;
  5. letter-spacing: 2px;
  6. line-height: 30px;
  7. }
  8. #dash {
  9. margin: 35px auto 0px auto;
  10. padding: 10px;
  11. width: 85%;
  12. }
  13. #options {
  14. width:100%;
  15. text-align: center;
  16. border-bottom: thin solid white;
  17. }
  18. li {
  19. list-style: none;
  20. margin-bottom: 5px;
  21. }
  22. ul {
  23. padding: 0px;
  24. margin: 0px;
  25. }
  26. h4 {
  27. margin-top: 0px;
  28. font-size: 12px;
  29. font-weight: bold;
  30. font-variant: small-caps;
  31. text-align: center;
  32. }
  33. #options li {
  34. display: inline;
  35. padding: 10px;
  36. color: #999;
  37. font-variant: small-caps;
  38. }
  39. #options li a {
  40. text-decoration: none;
  41. padding:10px 20px;
  42. color: #999;
  43. }
  44. #options li a:hover {
  45. background-color: #382513;
  46. color: #FFF;
  47. }
  48. #options li a.selected {
  49. background-color: #382513;
  50. color: #FFF;
  51. }
  52. #content {
  53. padding: 25px;
  54. width:auto;
  55. }
  56. .item {
  57. height: 110px;
  58. width: 110px;
  59. padding: 5px;
  60. overflow: hidden;
  61. border: thin solid #CCC;
  62. border-top: 2px solid #444;
  63. float:left;
  64. margin: 10px;
  65. color: #222;
  66. text-align: left;
  67. background-color: #FEFEFE;
  68. font-size: 11px;
  69. line-height: normal;
  70. }
  71. .link {
  72. font-size: 16px;
  73. }
  74. div.user_hover {
  75. background-color:#000000;
  76. color:#FFFFFF;
  77. display:none;
  78. font-family:Helvetica,sans-serif;
  79. font-size:18px;
  80. font-size-adjust:none;
  81. font-stretch:normal;
  82. font-style:normal;
  83. font-variant:normal;
  84. font-weight:bold;
  85. line-height:normal;
  86. opacity:0.75;
  87. padding:5px;
  88. position:absolute;
  89. text-align:center;
  90. z-index:10;
  91. height:113px;
  92. width: 112px;
  93. margin:10px;
  94. cursor: pointer;
  95. }
  96. li:hover div.user_hover {
  97. display:block;
  98. }
  99. ul.item_list {
  100. width:112px;
  101. float:left;
  102. position:relative;
  103. margin:10px;
  104. }