common.css 3.5 KB
Newer Older
藤川諒 committed
1
@charset "UTF-8";
2
@import url(./notosansjp.css);
藤川諒 committed
3

Kim Peace committed
4
body {
藤川諒 committed
5
  max-width: 1280px;
Kim Peace committed
6
  font-family: "Noto Sans JP", sans-serif;
藤川諒 committed
7 8 9 10 11
  margin: 0 auto;
  color: #323743;
  margin-bottom: 60px;
  overflow-x: hidden;
}
Kim Peace committed
12 13 14 15 16 17
a:hover {
  text-decoration: none;
}
.none {
  display: none !important;
}
藤川諒 committed
18
/**************************** nav *************************/
Kim Peace committed
19
nav {
藤川諒 committed
20 21 22 23 24
  max-width: 1280px;
  height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
Kim Peace committed
25
  border-bottom: 1px solid #cdcdcd;
藤川諒 committed
26 27 28
  background: #fff;
  z-index: 2;
}
Kim Peace committed
29 30 31 32 33 34 35
main {
  margin-top: 60px;
}
.nav-item {
  padding: 0 10px;
}
.nav-ttl {
藤川諒 committed
36 37 38 39 40 41 42 43
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
Kim Peace committed
44
.nav_prev a {
藤川諒 committed
45 46 47
  color: #323743;
  display: inline-block;
}
Kim Peace committed
48
.nav_prev a:before {
藤川諒 committed
49 50 51 52 53 54
  content: "\f053";
  font: 16px FontAwesome;
  color: #323743;
  margin-right: 5px;
}

Kim Peace committed
55 56 57
.fas.fa-chevron-left {
  margin-right: 10px;
}
藤川諒 committed
58 59 60 61 62

/**************************** search form *************************/
.search_form input {
  padding-left: 10px;
  width: 100%;
Kim Peace committed
63
  border: 1px solid #bdbdbd;
藤川諒 committed
64 65 66 67 68
  border-radius: 5px;
  height: 40px;
  margin: 10px 0;
  padding-left: 35px;
}
Kim Peace committed
69
.search_form {
藤川諒 committed
70 71 72
  position: relative;
  margin: 0 5px;
}
Kim Peace committed
73
.search_form .src_icon {
藤川諒 committed
74 75 76 77 78 79 80 81
  position: absolute;
  top: 23px;
  left: 10px;
  background-image: url("../icon/icon_search.png");
  background-size: contain;
  width: 16px;
  height: 16px;
}
Kim Peace committed
82 83
.chat_room_src_form.none {
  display: none !important;
藤川諒 committed
84 85
}

Kim Peace committed
86 87
.search_form input.focus {
  width: calc(100% - 100px);
藤川諒 committed
88
}
Kim Peace committed
89 90
.search_form input:focus,
.chat_room_src_form input:focus {
藤川諒 committed
91 92 93 94 95 96 97 98
  border-color: #71a2ff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 83 240 / 25%);
}
.search_form .cancel {
  width: 100px;
  font-size: 14px;
  padding: 0 10px;
Kim Peace committed
99
  color: #8f8f8f;
藤川諒 committed
100 101 102 103
  text-align: center;
}

/**************************** color *************************/
Kim Peace committed
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130
.bg_gray {
  background: #f3f3f3;
}
.bg_blue {
  background: #0070ca;
}
.bg_navy {
  background: #1d3557;
}
.bg_red {
  background: #ff4747;
}
.bg_green {
  background: #89e54d;
}
.bg_white {
  background: #fff;
}
.border_gray {
  border: 1px solid #dadce0;
}
.text_blue {
  color: #0070ca;
}
.text_white {
  color: #fff;
}
藤川諒 committed
131 132 133

/**************************** modal *************************/
/* プロフィールモーダル */
Kim Peace committed
134
.profile_modal .modal-footer button {
藤川諒 committed
135 136 137 138 139
  color: #fff;
  border-radius: 10px;
  min-width: 100px;
  font-size: 14px;
}
Kim Peace committed
140 141 142 143
.profile_modal .modal-footer button img {
  width: 30px;
  height: 30px;
}
藤川諒 committed
144 145 146 147 148 149 150 151 152
.profile_modal .modal-body p {
  max-height: 200px;
  overflow-y: scroll;
}
.profile_modal .modal-header img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
153

154
.profile_modal #userNameCard-scroll {
155 156
    height: 150px;
    overflow: scroll;
157
    padding-top: 0rem;
158
    padding-right: 1rem;
159
    margin-top: 1rem;
160
}
161
.profile_modal .modal-header { display: table; }
藤川諒 committed
162
.profile_modal .modal-header,.profile_modal .modal-body { padding-bottom: 0; }
163 164
.profile_modal .modal-footer button { width: 33%; padding: 5px; }
.profile_modal.w_50 .modal-footer button { width: 50%; padding: 5px; }
165
.profile_modal .modal-header .profile_desc { width: 100%; }
166
.profile_modal .modal-header .profile_name {
藤川諒 committed
167 168 169
  width: 100%;
  text-align: center;
}
170
.profile_modal .modal-header .profile_name span {
藤川諒 committed
171 172 173 174 175
    line-height: 60px;
    font-weight: bold;
    font-size: 20px;
}

Kim Peace committed
176
@media screen and (max-width: 768px) {
藤川諒 committed
177
  /* navi */
Kim Peace committed
178
  .nav-ttl {
藤川諒 committed
179 180
    font-size: 16px;
  }
Kim Peace committed
181
  .nav_prev a span {
藤川諒 committed
182 183 184 185 186 187 188 189 190 191
    font-size: 16px;
  }
  /* search form */
  .search_form input {
    font-size: 14px;
  }
  input::placeholder {
    font-size: 14px;
  }
}