teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

cssにて、ボタン以外のcssを追記しました。

2020/07/18 01:51

投稿

mikeko0901
mikeko0901

スコア227

title CHANGED
File without changes
body CHANGED
@@ -176,6 +176,7 @@
176
176
  transform: scale(1.1);
177
177
  }
178
178
 
179
+
179
180
  .side-nav ul li {
180
181
  display: table;
181
182
  width: 100%;
@@ -205,12 +206,84 @@
205
206
 
206
207
  .navbar-nav li {
207
208
  height: 50px;
209
+
208
210
  }
209
211
 
212
+ /*サイドバーのログイン中*/
213
+ .logout a {
214
+ color: #494949;
215
+ font-size: 10px;
216
+ }
210
217
 
218
+ .logout a:hover {
219
+ cursor: pointer;
220
+ transform: scale(1.1);
221
+ }
222
+
223
+ .loginchu {
224
+ color: #494949;
225
+ font-size: 10px;
226
+ }
227
+
228
+ /*エラーテキスト*/
229
+ .error {
230
+ color: #ff0000;
231
+ }
232
+
233
+ /*スマホの時*/
234
+ @media screen and (max-width: 768px) {
235
+ #sticky-sidebar {
236
+ display: none;
237
+ }
238
+
239
+ #nav-drawer {
240
+ display:inline!important;
241
+ position: absolute;
242
+ }
243
+
244
+ #sm-title {
245
+ display:inline!important;
246
+ font-weight: bold;
247
+
248
+ }
249
+
250
+ .hambargar-title {
251
+ display:inline!important;
252
+ font-weight: bold;
253
+ font-size: 18px;
254
+ color: #33B1A9;
255
+ }
256
+
257
+ .sm-head {
258
+ position: relative;
259
+ height: 50px;
260
+ border-bottom: solid 1px #CCCCCC;
261
+ }
262
+
263
+ /*スマホの時は空けるのを消す*/
264
+ /*
265
+ #main {
266
+ padding-left: 5%!important;
267
+ padding-right: 5%!important;
268
+ }
269
+ */
270
+
271
+ }
272
+
273
+ /*PCの時はサイドバー分あける*/
274
+ /*
275
+ #main {
276
+ padding-left: 18%;
277
+ padding-right: 2%;
278
+ width: 100%;
279
+
280
+ }
281
+ */
282
+
283
+
211
284
  /*コンテンツエリア*/
212
285
  #wrapper {
213
- height: 100%;
286
+ /*height: 100%; これを消すとシナリオ登録の隙間がなくなる*/
214
287
  color: #494949;
215
288
  }
216
289
 
@@ -218,5 +291,27 @@
218
291
  height: 100%;
219
292
  }
220
293
 
294
+ /*カードの大枠が大きすぎるので*/
295
+ .card-deck {
296
+ margin-right: 0px !important;
297
+ margin-left: 0px !important;
298
+ }
221
299
 
300
+
301
+ /*線*/
302
+ .hr-nomal {
303
+ height: 5px;
304
+ background-color: rgba(28,126,196,.5);
305
+ width: 100%;
306
+ border: none;
307
+ border-radius: 2px;
308
+ }
309
+
310
+ /*シナリオ一覧のカードの高さをそろえるために*/
311
+ .scenario-card {
312
+ padding-top: 15px;
313
+ padding-bottom: 15px;
314
+ }
315
+
316
+
222
317
  ```