138 lines
2 KiB
CSS
138 lines
2 KiB
CSS
body {
|
|
color: #ffffff;
|
|
line-height: 1.3;
|
|
|
|
|
|
background-image: url("/static/theme/img/westworld2-bg.jpg");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-color: #000004;
|
|
background-position: center -120px;
|
|
background-attachment: local;
|
|
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
|
|
font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Montserrat', sans-serif;
|
|
}
|
|
|
|
a, a:visited, a:hover {
|
|
color: #ffffff;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
a:hover {
|
|
opacity: 1.0;
|
|
}
|
|
|
|
ul.summary {
|
|
list-style: none;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
li.summary {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.brand a {
|
|
text-decoration: None;
|
|
color: #ffffff;
|
|
opacity: 1.0;
|
|
}
|
|
|
|
h1.brand {
|
|
color: white;
|
|
font-weight: bold;
|
|
letter-spacing: 10px;
|
|
font-size: 2.5em;
|
|
font-family: 'Montserrat', sans-serif;
|
|
margin-bottom: 20px;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.searchbox {
|
|
float: right;
|
|
margin-bottom: 20px;
|
|
margin-right: 30px;
|
|
|
|
}
|
|
|
|
#remarkbox-menu {
|
|
margin-right: 30px;
|
|
|
|
}
|
|
|
|
.title {
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
.author-and-date {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.action {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.main {
|
|
width: 68%;
|
|
margin: auto;
|
|
border-radius: 6px;
|
|
padding: 16px;
|
|
/*background: rgba(14, 21, 29, .95);*/
|
|
background: rgb(14, 21, 29);
|
|
}
|
|
|
|
.poweredby {
|
|
opacity: .70;
|
|
}
|
|
|
|
input, .textarea_remark, #thread_title_input, #email_input, #email_input2 {
|
|
color: #ffffff;
|
|
background-color: #203342;
|
|
border-color: #203342;
|
|
}
|
|
|
|
.preview {
|
|
border-color: #203342;
|
|
}
|
|
|
|
#alerts {
|
|
width: 36%;
|
|
margin: auto;
|
|
right: 50%;
|
|
margin-right: -18%;
|
|
position: fixed;
|
|
z-index: 100;
|
|
}
|
|
|
|
.close {
|
|
margin-left: 10px;
|
|
float: left;
|
|
}
|
|
|
|
.alert {
|
|
text-align: center;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
border-radius: 6px;
|
|
margin-bottom: 6px;
|
|
padding: 6px;
|
|
}
|
|
|
|
.alert-warning, .alert-error {
|
|
background-color: #CB0003;
|
|
}
|
|
|
|
.alert-success, .alert-notice {
|
|
background-color: #517DA4;
|
|
}
|
|
|
|
@media screen and (min-width: 0px) and (max-width: 800px) {
|
|
.mobile-hide{ display: none; }
|
|
}
|