ocat-lang
Version:
A programming language for the web design and development
65 lines (57 loc) • 1.08 kB
CSS
body {
margin: 0;
padding: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.--ocat-dev-var-tool, .cc {
position: fixed;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.oc-container {
display: flex;
justify-content: center;
align-items: center;
}
#--ocat-dev-var-tool-button {
border: none;
padding: 10px;
min-width: 50px;
min-height: 50px;
cursor: pointer;
border-radius: 50%;
font-size: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
transition: transform 0.3s ease;
outline: none;
position: fixed;
left: 10px;
bottom: 10px;
}
#--ocat-dev-var-tool-button:hover {
transform: scale(1.1);
}
#--ocat-dev-var-tool-container {
background-color: #CCC;
border-radius: 10px;
padding: 10px;
border: none;
}
input {
border: none;
outline: none;
background-color: #B0B0B0;
border-radius: 10px;
padding: 10px;
}
.occ {
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px;
}