1
0
forked from s421507/eOSP2
eOSP2/public/css/theme.css
2020-02-01 06:24:15 +01:00

202 lines
3.2 KiB
CSS
Vendored

body {
color: black;
}
#header {
width: 100%;
height: 100px;
display: block;
margin: auto;
}
.logo {
width: 100px;
height: 100px;
display: block;
float: left;
margin-left: 5px;
}
.logo img {
width: 80px;
margin-bottom: 5px;
}
/* menu */
.top-menu ol {
list-style: none;
margin-left: 10px;
}
.top-menu ol li {
display: inline-block;
float: left;
width: 100px;
height: 92px;
border-bottom: grey solid 8px;
margin-left: 5px;
text-align: center;
font-family: arial;
font-weight: bold;
font-size: 12px;
}
.top-menu ol li:hover {
border-bottom-color: red;
/*background-color: #f8ffc4;*/
opacity: 1%;
transition-duration: 500ms;
}
.top-menu ol li img {
width: 70px;
margin: auto;
}
.userInfo {
display: none;
border: silver solid 1px;
border-radius: 20px;
float: right;
background: linear-gradient(#ededed, #babac1, #ededed);
padding: 5px;
font-size: 10px;
padding-left: 2%;
box-shadow: black 1px 1px 5px;
}
#work-space {
width: 100%;
}
#left-menu {
width: 200px;
/*background-color: bisque;*/
border: solid 1px grey;
display: block;
float: left;
border-radius: 5px;
}
#left-menu .left-menu-header {
height: 40px;
background: linear-gradient(#8b0000, #ab0000, #8b0000);
text-align: center;
line-height: 40px;
color: white;
border-radius: 5px;
text-shadow: black 2px 2px 3px;
}
#left-menu ul {
list-style: none;
margin: auto;
width: 200px;
margin-left: -40px;
margin-top: 5px;
}
#left-menu ul li {
width: 198px;
height: 50px;
border-radius: 5px;
background: linear-gradient(white, #d6d6dd, white);
line-height: 50px;
border-bottom: solid 1px grey;
padding-left: 30px;
}
#left-menu ul li:hover {
background: linear-gradient(#ededed, #babac1, #ededed);
transition-duration: 10s;
}
#left-menu ul li img {
height: 32px;
vertical-align: center;
float: right;
padding-right: 20px;
padding-top: 8px;
}
#center-area {
width: 75%;
display: block;
float: left;
border-radius: 5px;
border-right: 0px;
border-left: 0px;
border-bottom: 0px;
}
#center-area .center-area-header {
height: 40px;
background: linear-gradient(#8b0000, #ab0000, #8b0000);
text-align: center;
line-height: 40px;
color: white;
border-radius: 5px;
text-shadow: black 2px 2px 3px;
}
#center-area .center-area-content {
padding: 10px;
text-alignn: center;
margin: auto;
}
#right-menu {
width: 14%;
height: 100%;
/*background-color: bisque;*/
border: solid 1px black;
display: block;
float: left;
border-radius: 5px;
}
/* tabela w sekcji strażacy */
.table-header {
font-weight: bold;
font-family: Arial;
text-align: center;
}
.firefighterViewTable {
margin: auto;
border: solid 1px gainsboro;
padding: 5px;
border-shadow: black 1px 1px 1px 1px 2px;
}
/*
.firefighterViewTable tr:nth-child(odd){
background-color: bisque;
}
.firefighterViewTable tr:nth-child(even){
background-color: #f8ffc4;
}
*/
.firefighterViewTable td {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}