Commit 878cd425 authored by Stine Johanne's avatar Stine Johanne

Change some colors, shadows and make sure buttons look inactive when they are

parent 5e0eef2b
......@@ -10,6 +10,7 @@
grid-column-end: 1;
grid-row-start: 3;
grid-row-end: 5;
box-shadow: 0.5px 0px 1px #55a;
}
.artworkArea {
......
......@@ -3,7 +3,7 @@
background-color: #fff;
overflow: hidden;
width: 100%;
box-shadow:0px 2px 2px #efefef;
box-shadow: 0px 2px 2px #efefef;
}
/* Style the links inside the navigation bar */
......
.sessionWrapper {
background-color: #e9e9e9;
background-color: #ffffff;
padding: 8px;
color:#333;
box-shadow:0px -2px 2px #efefef;
......
......@@ -2,11 +2,19 @@
.sessionNavButtons > .navBtn {
display: inline-block;
background-color: #FFA646;
border: 1px solid #ddd;
border: 1px solid #333;
border-radius: 4px;
margin: 6px;
padding: 0px 8px 6px 8px;
font-size: 1.875em;
cursor: pointer;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Opera and Firefox */
}
.sessionNavButtons > .navBtn:active {
......@@ -15,11 +23,11 @@
.sessionNavButtons > .navBtn.inactive {
border: 1px solid #aaa;
background-color: #FFA646;
background-color: #e0e0e0;
color: #333;
}
@media screen and (min-width: 960px) {
.sessionNavButtons > .navBtn:hover {
background-color: #fff;
background-color: #Fec894;
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment