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.0 KiB

5 years ago
#content {
position: absolute;
width: 100%;
5 years ago
height: 61.7rem;
5 years ago
top: 55px;
}
#content div {
float: left;
}
#codeContent {
5 years ago
height: 100%;
5 years ago
width: 50%;
background-color: #222226;
}
#codeContent textarea {
height: 100%;
font-family: 'Open Sans', sans-serif;
width: 100%;
}
#codeContent div {
5 years ago
margin-left: calc(50% - 45%);
5 years ago
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;
5 years ago
width: 50%;
}
5 years ago
@media screen and (min-width:0px) and (max-width:1079px) {
#codeContent {
display: block!important;
width: 100%;
}
5 years ago
#codeContent button {
width: 4rem!important;
font-size: 11px;
}
5 years ago
iframe {
width: 100%!important;
}
}