Saddle/static/saddle.css
2019-11-01 12:25:59 -04:00

97 lines
1.2 KiB
CSS

body {
margin-left: 0;
margin-right: 0;
background-color: lightcoral;
font-family: Helvetica,sans-serif;
font-size: 14px;
}
header {
margin-bottom: 3em;
}
#logo_line {
margin-left: 10%;
margin-bottom: 0.5em;
display: flex;
}
#logo {
height: 5em;
margin-right: 1em;
}
nav {
padding-left: 10%;
display: flex;
background-color: whitesmoke;
border-top: 1px solid darkgray;
border-bottom: 1px solid darkgray;
}
nav span {
padding: 0.5em;
}
nav span:hover {
background-color: lightgray;
transition: 0.1s;
}
nav a {
padding: 0.5em;
text-decoration: none;
color: black;
}
main {
margin-left: 10%;
margin-right: 10%;
}
section {
background-color: whitesmoke;
padding: 5%;
border-radius: 0.5em;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
#fileSelection {
padding: 0.25em;
}
#fileTabs {
display: flex;
}
.tab {
cursor: pointer;
padding: 1em;
color: dimgray;
}
.tab:hover {
color: black;
}
.tabSelected {
background-color: gainsboro;
color: black;
border: 1px solid darkgray;
border-bottom: none;
}
.tabWindow {
display: none;
padding: 1em;
background-color: gainsboro;
border: 1px solid darkgray;
}
.tabWindowSelected {
display: block;
}