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.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
First-Website/playground/css.css

63 lines
1.1 KiB

.content {
width: 100%;
height: 61.7rem;
margin-top: 55px;
}
.content div {
float: left;
}
.codeContent {
height: 100%;
width: 50%;
background-color: #222226;
}
.codeContent textarea {
height: 100%;
font-family: 'Open Sans', sans-serif;
width: 100%;
}
.codeContent div {
margin-left: calc(50% - 45%);
width: 90%;
height: 85%;
}
.codeContent button {
background-color: #3b3c45;
border: 0;
color: white;
margin-top: 2rem;
float: left;
transition: background-color .3s;
width: 6rem;
height: 3rem;
}
.codeContent button:hover {
background-color: #27282e;
}
.codeContent button:focus {
outline: 0;
}
.options {
float: right!important;
}
#htmlOutput {
background-color: white;
height: 100%;
border: 0;
width: 50%;
float: left;
}
@media screen and (min-width:0px) and (max-width:1079px) {
.codeContent {
display: block!important;
width: 100%;
}
.codeContent button {
width: 4rem!important;
font-size: 11px;
}
iframe {
width: 100%!important;
}
}