webserverai/WebServerAI/test/example.css

WebServerAI is an advanced project using AI to revolutionize web development. It empowers users to create visually stunning websites tailored to their needs without extensive coding knowledge. This innovative tool streamlines the design process, offering

.wsa-container{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 320px;
}
.wsa-container div,
.wsa-container div *{
    width: 100%;
    height: 100%;
}
.wsa-container div iframe{
    border: 0px;
}

.wsa-container div textarea{
    font-size: 25px;
    
}
.wsa-container .wsa-editor-side{
    border-right: 5px solid #b1b1b1;
    padding-right: 5px;
}
.wsa-container .wsa-preview-side{
    padding-left: 5px;
}

.wsa-container div .wsa-editor-container{
    display: flex;
    flex-direction: column;
}
.wsa-container div .wsa-nav{
    height: auto;
}
.wsa-container div .wsa-editor-container .wsa-nav button{
    border:0;
    cursor: pointer;
    background-color: rgb(0, 128, 0);
    transition: all 0.3s;
    padding: .5rem;
    color: #f3f0f0;
    font-size: 30px;
}

.wsa-container textarea{
    margin-bottom: 3px;
    border:3px solid #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.wsa-container div .wsa-editor-container .wsa-nav button:hover{
    opacity: 0.6;
}