This repository has been archived on 2024-04-08. You can view files and clone it, but cannot push or open issues or pull requests.
magicka/dist/www-bootstrap/static/style.css
2018-05-22 12:20:38 +10:00

429 lines
6.6 KiB
CSS

@font-face {
font-family: 'pxplus_ibm_vga8regular';
src: url('/static/fonts/pxplus_ibm_vga8-webfont.woff2') format('woff2'),
url('static/fonts/pxplus_ibm_vga8-webfont.svg') format('svg'),
url('/static/fonts/pxplus_ibm_vga8-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.footer {
font-size: small;
}
.div-table {
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px;
}
.email-summary-seen {
background-color: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.email-summary {
background-color: #b2ffb0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.email-id {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
}
.email-subject {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
.email-from {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.email-date {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.email-delete {
position: relative;
width: 24px;
min-height: 24px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
background: url('/static/delete.png') no-repeat;
}
.email-view-header {
background-color: #eee;
border: 1px solid #666666;
padding: 5px;
margin-bottom: 10px;
}
.email-view-subject {
font-size: xx-large;
}
.email-view-from {
color: #222;
}
.email-view-date {
color: #222;
}
.conference-list-item {
background-color: #333333;
color: white;
padding: 5px;
}
.area-list-item {
padding: 5px 0 5px 15px;
}
.area-list-new {
padding: 5px 0 5px 15px;
background-color: #b2ffb0;
}
.msg-summary-seen {
background-color: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.msg-summary-flag {
background-color: #ff9696;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.msg-summary {
background-color: #b2ffb0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.msg-summary-id {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
}
.msg-summary-subject {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
.msg-summary-from {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.msg-summary-to {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.msg-summary-date {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.msg-view-header {
background-color: #eee;
border: 1px solid #666666;
padding: 5px;
margin-bottom: 10px;
}
.msg-view-header-flagged {
background-color: #ffc9c9;
border: 1px solid #9b1e1e;
padding: 5px;
margin-bottom: 10px;
}
.msg-view-subject {
font-size: xx-large;
}
.msg-view-from {
color: #222;
}
.msg-view-to {
color: #222;
}
.msg-view-date {
color: #222;
}
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
}
.menu li {
float: left;
}
.menu li a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
.menu li a:hover {
background-color: #111111;
}
.email-reply-form {
margin-left: 20px;
}
.button {
padding-bottom:10px;
}
.button a {
width: auto;
padding: 5px;
color: white;
background-color: #333;
text-decoration: none;
}
.button a:hover {
background-color: #111111;
}
.blog-header {
border: 1px solid #666666;
background-color: #eee;
padding: 5px;
}
.blog-date {
float: right;
font-size: small;
}
.blog-author {
font-size: small;
}
.blog-entry {
padding: 25px;
}
.last10-row {
background-color: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.last10-name {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.last10-location {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.last10-date {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 23.333333%;
flex: 0 0 23.333333%;
max-width: 23.333333%;
}
.last10-new {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
#msgbody {
background-color: black;
color: gray;
font-family: 'pxplus_ibm_vga8regular';
line-height: 1;
padding: 5px;
}
.filedesc {
background-color: black;
color: gray;
font-family: 'pxplus_ibm_vga8regular';
line-height: 1;
padding: 5px;
}
table {
width: 100%;
border-collapse: collapse;
}
thead {
color: #eee;
background-color: #666666;
}
thead th:nth-child(1) {
width: 30%;
}
thead th:nth-child(2) {
width: 10%;
}
thead th:nth-child(3) {
width: 60%;
}
th, td {
vertical-align: top;
padding: 20px;
border-top: 1px solid #666;
}