jilo-web/public_html/static/css/main.css

204 lines
3.2 KiB
CSS
Raw Normal View History

2024-10-12 14:02:07 +00:00
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.menu-container {
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 10px;
background-color: #777;
}
.menu-left, .menu-right {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.menu-left li, .menu-right li {
margin: 0 10px;
}
.menu-left a, .menu-right a {
text-decoration: none;
color: white;
}
.menu-left li a, .menu-left li span, .menu-right li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.menu-left li a:hover, .menu-right li a:hover {
background-color: #111;
}
2024-06-30 07:49:51 +00:00
.error {
color: red;
margin: 15px 0px 15px 0px;
padding: 5px;
background-color: #eee;
border: 1px solid #333;
font-weight: bold;
2024-07-01 09:45:07 +00:00
font-size: 0.85em;
2024-06-30 07:49:51 +00:00
}
.notice {
color: green;
margin: 15px 0px 15px 0px;
padding: 5px;
background-color: #eee;
border: 1px solid #333;
font-weight: bold;
2024-07-01 09:45:07 +00:00
font-size: 0.85em;
}
#main {
width: 100%;
}
#footer {
2024-07-04 10:57:18 +00:00
position: fixed;
2024-07-01 09:45:07 +00:00
left: 0px;
bottom: 0px;
height: 30px;
width: 100%;
background-color: #777;
color: white;
text-align: center;
font-size: 0.85em;
line-height: 30px;
}
#footer a {
color: white;
2024-06-30 07:49:51 +00:00
}
2024-07-04 10:57:18 +00:00
2024-07-05 16:57:42 +00:00
.results-header {
display: flex;
justify-content: space-between;
2024-07-05 16:57:42 +00:00
}
.results-message {
width: 25%;
2024-07-05 16:57:42 +00:00
}
.results-message, .results-filter {
padding: 10px 10px 10px 10px;
2024-07-05 16:57:42 +00:00
}
2024-07-06 14:21:21 +00:00
2024-07-06 14:21:21 +00:00
.widget {
border: 1px solid gray;
}
2024-08-03 13:25:42 +00:00
2024-08-05 14:02:35 +00:00
/* collapsing sidebar */
2024-08-06 07:40:52 +00:00
.toggle-sidebar-button {
position: absolute;
top: -10px;
2024-08-07 14:41:56 +00:00
right: -10px;
2024-08-06 07:40:52 +00:00
z-index: 100;
margin: 10px;
height: 22px;
width: 22px;
padding-left: 2px;
padding-top: 0px;
}
2024-08-03 13:25:42 +00:00
.sidebar-wrapper {
2024-08-06 07:40:52 +00:00
position: relative;
2024-08-06 06:56:27 +00:00
width: 275px;
2024-08-05 14:02:35 +00:00
transition: width 0.5s ease;
overflow-x: hidden;
2024-08-03 13:25:42 +00:00
}
.sidebar-wrapper.collapsed {
2024-08-05 14:08:13 +00:00
width: 3em;
2024-08-03 13:25:42 +00:00
}
2024-08-07 14:41:56 +00:00
.sidebar-collapsed .sidebar-wrapper {
width: 3em;
}
2024-08-03 13:25:42 +00:00
.sidebar-content {
2024-08-05 14:02:35 +00:00
width: 250px;
2024-08-07 08:13:55 +00:00
border: none;
2024-08-03 13:25:42 +00:00
}
2024-08-07 09:03:54 +00:00
.list-group-item i {
margin-right: 10px;
margin-left: -8px;
}
2024-08-05 16:53:24 +00:00
.main-content {
2024-08-07 14:41:56 +00:00
flex-grow: 1;
transition: width 0.5s ease;
margin-bottom: 50px;
2024-09-10 11:05:38 +00:00
/* width: 80%;*/
2024-08-05 16:53:24 +00:00
}
.main-content.expanded {
2024-08-07 14:41:56 +00:00
width: calc(70% + 250px);
}
.sidebar-collapsed .main-content {
width: calc(70% + 3em);
2024-08-05 16:53:24 +00:00
}
2024-08-05 19:24:35 +00:00
.logo {
2024-10-05 15:12:15 +00:00
height: 36px;
2024-08-06 06:32:14 +00:00
margin-top: 10px;
2024-08-05 19:24:35 +00:00
}
2024-08-06 06:56:27 +00:00
.logo-link {
border: 1px solid white;
margin-top: 2px;
margin-left: 2px;
background-color: lightseagreen;
}
2024-08-07 08:13:55 +00:00
.sidebar-content a {
text-decoration: none;
}
2024-09-07 22:36:57 +00:00
2024-09-15 18:42:47 +00:00
.pagination {
font-size: 0.66em;
text-align: center;
display: block;
}
.pagination span {
margin-left: 5px;
margin-right: 5px;
}
2024-09-16 16:08:03 +00:00
.th-time {
width: 200px;
}
2024-10-03 06:43:37 +00:00
.results {
text-align: left;
font-family: monospace;
white-space: pre-wrap;
background-color: #f4f4f4;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
overflow-x: auto;
}
2024-10-07 07:42:54 +00:00
.table-results, .filter-results {
font-size: 0.85em;
}
.button.active {
background-color: lightgray;
border: 1px solid gray;
border-radius: 4px;
}