Commit 54a6472c by Hayato Kamimura

【規約同意】css修正

parent af1e056c
......@@ -98,7 +98,7 @@ body {
width: 100%;
margin: 1rem auto;
}
.tos-wrapper .btn-wrapper button.btn {
.tos-wrapper .btn-wrapper a.btn {
display: block;
width: 160px;
height: auto;
......@@ -113,40 +113,40 @@ body {
-webkit-border-radius: 6px;
border-radius: 6px;
}
.tos-wrapper .btn-wrapper button.btn.btn-agree {
.tos-wrapper .btn-wrapper a.btn.agreebtn {
color: #fff;
background-color: #0053f0;
border-color: #0053f0
}
.tos-wrapper .btn-wrapper button.btn.btn-agree.focus,
.tos-wrapper .btn-wrapper button.btn.btn-agree:focus,
.tos-wrapper .btn-wrapper button.btn.btn-agree:hover {
.tos-wrapper .btn-wrapper a.btn.agreebtn.focus,
.tos-wrapper .btn-wrapper a.btn.agreebtn:focus,
.tos-wrapper .btn-wrapper a.btn.agreebtn:hover {
color: #fff;
background-color: #0046ca;
border-color: #0041bd
}
.tos-wrapper .btn-wrapper button.btn.btn-agree.focus,
.tos-wrapper .btn-wrapper button.btn.btn-agree:focus {
.tos-wrapper .btn-wrapper a.btn.agreebtn.focus,
.tos-wrapper .btn-wrapper a.btn.agreebtn:focus {
box-shadow: 0 0 0 .2rem rgba(38,109,242,.5)
}
.tos-wrapper .btn-wrapper button.btn.btn-disagree {
.tos-wrapper .btn-wrapper a.btn.disagreebtn {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.tos-wrapper .btn-wrapper button.btn.btn-disagree.focus,
.tos-wrapper .btn-wrapper button.btn.btn-disagree:focus,
.tos-wrapper .btn-wrapper button.btn.btn-disagree:hover {
.tos-wrapper .btn-wrapper a.btn.disagreebtn.focus,
.tos-wrapper .btn-wrapper a.btn.disagreebtn:focus,
.tos-wrapper .btn-wrapper a.btn.disagreebtn:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.tos-wrapper .btn-wrapper button.btn.btn-disagree.focus,
.tos-wrapper .btn-wrapper button.btn.btn-disagree:focus {
.tos-wrapper .btn-wrapper a.btn.disagreebtn.focus,
.tos-wrapper .btn-wrapper a.btn.disagreebtn:focus {
box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
}
......@@ -160,7 +160,7 @@ body {
margin: 0.5rem auto 1.5rem;
padding: 0.5rem 1rem;
}
.tos-wrapper .btn-wrapper button.btn {
.tos-wrapper .btn-wrapper a.btn {
width: 120px;
font-size: 12px;
}
......
......@@ -53,10 +53,9 @@
<p id="terms"></p>
</div>
<div class="btn-wrapper">
<button class="btn btn-agree" id="agreeTerm" onclick="agreementToTerms.agreeTerm()">同意する</a>
<button class="btn btn-disagree" id="disagreeTerm" onclick="agreementToTerms.disagreeTerm()">同意しない</a>
<a class="btn agreebtn" id="agreeTerm" onclick="agreementToTerms.agreeTerm()">同意する</a>
<a class="btn disagreebtn" id="disagreeTerm" onclick="agreementToTerms.disagreeTerm()">同意しない</a>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment