Saddle/static/saddle.css

97 lines
1.2 KiB
CSS
Raw Normal View History

2019-10-01 23:06:51 -04:00
body {
2019-10-06 18:11:48 -04:00
margin-left: 0;
margin-right: 0;
2019-10-01 23:06:51 -04:00
background-color: lightcoral;
font-family: Helvetica,sans-serif;
font-size: 14px;
}
2019-10-02 19:47:27 -04:00
2019-10-06 17:40:55 -04:00
header {
margin-bottom: 3em;
2019-10-06 18:11:48 -04:00
}
#logo_line {
margin-left: 10%;
margin-bottom: 0.5em;
2019-10-06 17:40:55 -04:00
display: flex;
}
#logo {
height: 5em;
margin-right: 1em;
}
2019-10-06 18:11:48 -04:00
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;
}
2019-10-06 17:40:55 -04:00
main {
2019-10-06 18:11:48 -04:00
margin-left: 10%;
margin-right: 10%;
2019-10-06 17:40:55 -04:00
}
2019-10-02 19:47:27 -04:00
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);
}
2019-11-01 12:25:59 -04:00
#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;
}