Remove indentation and force appetize link to open a new window/tab

This commit is contained in:
Johan Ruokangas 2015-10-15 18:18:01 +03:00
parent 080746c4c3
commit cb609f986c
2 changed files with 15 additions and 12 deletions

View File

@ -493,7 +493,7 @@ var Modal = React.createClass({
<button className="modal-button-close">&times;</button> <button className="modal-button-close">&times;</button>
<div className="center"> <div className="center">
<iframe className="simulator" src={url} width="256" height="550" frameborder="0" scrolling="no"></iframe> <iframe className="simulator" src={url} width="256" height="550" frameborder="0" scrolling="no"></iframe>
<p>Powered by <a href="https://appetize.io">appetize.io</a></p> <p>Powered by <a target="_blank" href="https://appetize.io">appetize.io</a></p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -903,11 +903,13 @@ small code, li code, p code {
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }
.modal-button-open-img {
background: #05A5D1; .modal-button-open-img {
height: 358px; background: #05A5D1;
} height: 358px;
.modal-button-open-img:hover img { opacity: 0.90; } }
.modal-button-open-img:hover img { opacity: 0.9; }
.modal-button-close { .modal-button-close {
background: transparent; background: transparent;
@ -923,12 +925,13 @@ small code, li code, p code {
right: 0; right: 0;
top: 0; top: 0;
} }
.modal-button-close:active,
.modal-button-close:focus, .modal-button-close:active,
.modal-button-close:hover { .modal-button-close:focus,
background: #EAF8FD; .modal-button-close:hover {
outline: none; background: #EAF8FD;
} outline: none;
}
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
.nav-main { .nav-main {