WME/css/main.css

132 lines
2 KiB
CSS
Raw Normal View History

2018-10-17 16:20:59 +00:00
/* Add a black background color to the top navigation */
2018-10-27 15:06:51 +00:00
.topnav {
background: linear-gradient(to bottom, lightgrey, white);
2018-10-17 16:20:59 +00:00
overflow: hidden;
border: 1px solid lightgrey;
2018-10-28 15:35:09 +00:00
}
.topnav ul {
2018-10-29 16:28:44 +00:00
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
2018-10-28 15:35:09 +00:00
}
.topnav li {
2018-10-29 16:28:44 +00:00
margin: 5px;
}
.pic{
display: block;
height: 75px;
2018-10-29 19:38:55 +00:00
2018-10-29 16:28:44 +00:00
}
.pic:hover {
2018-10-29 19:38:55 +00:00
transform: translateY(-80px);
2018-10-17 16:20:59 +00:00
}
.icon {
padding: 16px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
border-left: 1px solid lightgrey;
}
.lastBorder {
border-right: 1px solid lightgrey;
}
2018-10-29 19:38:55 +00:00
.page {
margin: 0 125px;
}
2018-10-17 16:20:59 +00:00
/* Style the links inside the navigation bar */
2018-10-22 08:45:14 +00:00
.topnav a {
2018-10-28 15:35:09 +00:00
/*text-align: center;
2018-10-17 16:20:59 +00:00
padding: 14px 16px;
text-decoration: none;
2018-10-28 15:35:09 +00:00
font-size: 17px;*/
2018-10-17 16:20:59 +00:00
}
2018-10-28 15:35:09 +00:00
/*!* Change the color of links on hover *!
2018-10-22 08:45:14 +00:00
.topnav a:hover {
2018-10-17 16:20:59 +00:00
background-color: #ddd;
color: black;
}
2018-10-28 15:35:09 +00:00
!* Add a color to the active/current link *!
2018-10-22 08:45:14 +00:00
.topnav a.active {
2018-10-17 16:20:59 +00:00
background-color: #4CAF50;
color: white;
2018-10-28 15:35:09 +00:00
}*/
h1 {
font-weight: bold;
font-family: 'Roboto', sans-serif;
2018-10-29 16:28:44 +00:00
font-size: 26px;
margin: 10px;
2018-10-28 15:35:09 +00:00
}
.text {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 145%;
font-style: normal;
border: 3px solid grey;
border-top-color: lightgreen;
2018-10-28 15:35:09 +00:00
border-radius: 3px;
column-count: 3;
padding: 10px;
}
.text a {
color: lightgreen;
2018-10-21 16:03:11 +00:00
}
table#t01 {
width: 100%;
2018-10-24 08:14:16 +00:00
background-color: white;
2018-10-27 15:06:51 +00:00
text-align: left;
margin: 2em;
vertical-align: middle;
}
table#t01 tr:nth-child(even) {
2018-10-27 15:06:51 +00:00
background-color: white;
height: 2em;
vertical-align: middle;
}
2018-10-24 08:00:00 +00:00
table#t01 tr:nth-child(odd) {
2018-10-27 15:06:51 +00:00
background-color: lightgrey;
height: 2em;
}
2018-10-24 08:00:00 +00:00
table#t01 th {
padding: 15px;
2018-10-27 15:06:51 +00:00
background-color: white;
2018-10-24 08:00:00 +00:00
}
.boxed {
border: 1px solid green;
width: 80%;
box-align: center;
text-align: center;
2018-10-27 15:06:51 +00:00
}
th {
text-align: left;
border-bottom: 3px solid lightgrey;
2018-10-17 16:20:59 +00:00
}