Ei kuvausta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

slideme.css 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @charset "utf-8";
  2. /*
  3. * 2014/02/28
  4. * slideme 設定
  5. *
  6. */
  7. article#imgae {
  8. position: absolute;
  9. display: block;
  10. top: 0px;
  11. left: 0px;
  12. width: 690px;
  13. height: 230px;
  14. margin: 10px 10px 10px 10px;
  15. }
  16. div#slide {
  17. position: absolute;
  18. display: block;
  19. top: 0px;
  20. left: 0px;
  21. width: 690px;
  22. height: 210px;
  23. overflow: hidden;
  24. }
  25. div.item {
  26. position: absolute;
  27. display: block;
  28. top: 0px;
  29. left: 0px;
  30. width: 690px;
  31. height: 210px;
  32. }
  33. div#item_slide {
  34. position: absolute;
  35. display: block;
  36. top: 210px;
  37. left: 0px;
  38. width: 690px;
  39. height: 20px;
  40. }
  41. div#item_slide_center {
  42. width: 105px;
  43. margin: 0 auto;
  44. }
  45. div.itemnum {
  46. position: relative;
  47. top: 7px;
  48. display: inline;
  49. margin: 0 auto;
  50. }
  51. li {
  52. width: 2em;
  53. cursor: pointer;
  54. display: block;
  55. line-height: 20px;
  56. position: absolute;
  57. top: 50%;
  58. z-index: 10;
  59. margin: -1em 0;
  60. border-radius: 6px;
  61. color: #fff;
  62. text-align: center;
  63. background: #393;
  64. }
  65. li.next {
  66. right: -5px;
  67. }
  68. li.prev {
  69. left: -5px;
  70. }
  71. div.positionabsolute {
  72. font-size: xx-large;
  73. line-height: 120%;
  74. text-align: center;
  75. color: white;
  76. font-weight: bold;
  77. }
  78. div.positionabsolute a :hover {
  79. color: white;
  80. }