Ingen beskrivning
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

header.css 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @charset "utf-8";
  2. /* **********************************************
  3. * header定義 css
  4. *
  5. * headerの大きさ・位置定義
  6. *
  7. ********************************************** */
  8. /*
  9. * 2014/02/26
  10. * header 大きさ定義
  11. *
  12. */
  13. header {
  14. position: relative;
  15. display: block;
  16. width: 200px;
  17. height: 600px;
  18. margin: 10px 10px 10px 0px;
  19. background-image: url(img/header_background.png);
  20. }
  21. div#header{
  22. position: absolute;
  23. display: block;
  24. top:0px;
  25. }
  26. div#h_block_1{
  27. position: relative;
  28. display: block;
  29. width: 200px;
  30. height: 250px;
  31. }
  32. div#h_block_search{
  33. position: relative;
  34. display: block;
  35. width: 200px;
  36. height: 50px;
  37. }
  38. div.h_line{
  39. position: relative;
  40. display: block;
  41. width: 180px;
  42. height: 0px;
  43. margin: 0px 10px 0px 10px;
  44. border-top: solid 2px #FFFFFF;
  45. }
  46. article.h_text_l{
  47. position: relative;
  48. display: block;
  49. width: 150px;
  50. height: 50px;
  51. margin: 10px 10px 10px 30px;
  52. }
  53. span.h_text{
  54. display: table-cell;
  55. width: 180px;
  56. height: 50px;
  57. vertical-align: middle;
  58. color: #ffffff;
  59. font-size: 20px;
  60. }
  61. article.h_search{
  62. position: relative;
  63. display: block;
  64. margin: 10px 0px 0px 10px;
  65. }
  66. a.h_link {
  67. text-decoration: none;
  68. }