xrfragment/example/assets/style.css

60 lines
1.2 KiB
CSS

:root {
--primary: #6839dc;
--light-primary: #ea23cf;
--secondary: #872eff;
--light-secondary: #ce7df2;
--red: red;
--black: #424280;
--white: #fdfdfd;
--dark-gray: #343334;
--gray: #ecf7ff47;
--light-gray: #efefef;
--lighter-gray: #e4e2fb96;
--font-sans-serif: system-ui, -apple-system, segoe ui, roboto, ubuntu, helvetica, cantarell, noto sans, sans-serif;
--font-monospace: menlo, monaco, lucida console, liberation mono, dejavu sans mono, bitstream vera sans mono, courier new, monospace, serif;
--border-radius: 0.2rem;
}
.small{
font-size:12px;
}
textarea, select, input[type="text"] {
background: linear-gradient( var(--lighter-gray), var(--gray) ) !important;
}
input[type="submit"] {
color: var(--light-gray);
}
.title {
border-bottom: 2px solid var(--secondary);
padding-bottom: 20px;
}
#overlay{
background: #FFF;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 48px;
box-shadow: 0px 0px 10px #0004;
opacity: 0.9;
}
#overlay .logo{
width: 92px;
position: absolute;
top: 7px;
left: 93px;
}
#overlay > input[type="submit"]{
height: 32px;
font-size: 14px;
position: absolute;
right: 9px;
top: 8px;
}