Aucune description
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

slideme.css 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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. #position-absolute {
  72. background: blue;
  73. position: absolute;
  74. /*要素を浮かす*/
  75. /*relativeを指定した親要素を支点とした位置をすべて0に指定↓*/
  76. top: 0;
  77. right: 0;
  78. bottom: 0;
  79. left: 0;
  80. margin: auto;
  81. /*上下左右中央に*/
  82. width: 600px;
  83. /*widthの指定は必須*/
  84. height: 50px;
  85. /*heightの指定は必須*/
  86. font-size: xx-large;
  87. line-height: 120%;
  88. text-align: center;
  89. color: white;
  90. font-weight: bold;
  91. }
  92. #position-absolute a :hover {
  93. color: white;
  94. }