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.

104 lines
2.0 KiB

6 years ago
  1. html,body {
  2. font-family: 'Open Sans', serif;
  3. background: #F9F9F9;
  4. }
  5. footer {
  6. background-color: #2a2e2f !important;
  7. padding: 2rem 1.5rem 3rem !important;
  8. }
  9. .footer a {
  10. color: white;
  11. }
  12. .footer h2 {
  13. margin-bottom: 10px;
  14. }
  15. .footer p, strong {
  16. color: lemonchiffon;
  17. }
  18. .navbar {
  19. background-color: #2a2e2f;
  20. }
  21. .navbar.has-shadow {
  22. box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  23. }
  24. .navbar-item {
  25. color: white;
  26. }
  27. .topNav {
  28. border-top: 5px solid #3498DB;
  29. }
  30. .topNav .container {
  31. border-bottom: 1px solid #E6EAEE;
  32. }
  33. .container .columns {
  34. margin: 2rem 0;
  35. }
  36. aside.menu {
  37. padding-top: 3rem;
  38. }
  39. aside.menu .menu-list {
  40. line-height: 1.5;
  41. }
  42. aside.menu .menu-label {
  43. padding-left: 10px;
  44. font-weight: 700;
  45. }
  46. .button.is-primary.is-alt {
  47. background: #00c6ff;
  48. background: -webkit-linear-gradient(to bottom, #0072ff, #00c6ff);
  49. background: linear-gradient(to bottom, #0072ff, #00c6ff);
  50. font-weight: 700;
  51. font-size: 14px;
  52. height: 3rem;
  53. line-height: 2.8;
  54. }
  55. .media-left img {
  56. border-radius: 50%;
  57. }
  58. .media-content p {
  59. font-size: 14px;
  60. line-height: 2.3;
  61. font-weight: 700;
  62. color: #8F99A3;
  63. }
  64. article.post {
  65. margin: 1rem;
  66. padding-bottom: 1rem;
  67. border-bottom: 1px solid #E6EAEE;
  68. }
  69. article.post:last-child {
  70. padding-bottom: 0;
  71. border-bottom: none;
  72. }
  73. .menu-list li{
  74. padding: 5px;
  75. }
  76. .tag:not(body).is-grey {
  77. background-color: #eee;
  78. color: #666;
  79. }
  80. p {
  81. font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
  82. }
  83. .tabs-details {
  84. margin-right: 1px;
  85. }
  86. .project-image {
  87. background-image: url('/static/images/cat.png');
  88. background-size: cover;
  89. background-repeat: no-repeat;
  90. background-position: center center;
  91. }
  92. .is-shady {
  93. animation: flyintoright .4s backwards;
  94. background: #fff;
  95. box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
  96. border-radius: 4px;
  97. display: inline-block;
  98. //margin: 10px;
  99. position: relative;
  100. transition: all .2s ease-in-out;
  101. }
  102. .is-shady:hover {
  103. box-shadow: 0 10px 16px rgba(0, 0, 0, .13), 0 6px 6px rgba(0, 0, 0, .19);
  104. }