500 lines
11 KiB
CSS
500 lines
11 KiB
CSS
html {
|
|
background-color: #BBBBBB;
|
|
background-image:
|
|
/* repeating-linear-gradient(-45.5deg, transparent 0px, transparent .6px, #00000017 2px, transparent 3.4px, transparent 4px), */
|
|
linear-gradient(to top, #949495 0%, #7f7f7f 90px, #7f7f7f 140px, #bbbbbb 200px, #bbbbbb 100%);
|
|
}
|
|
body {
|
|
color: #333333;
|
|
font-size:10pt !important;
|
|
font-family: "Trebuchet MS",Trebuchet,serif;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
a {
|
|
color: #FF6600;
|
|
}
|
|
a:visited {
|
|
color: #FF6600;
|
|
}
|
|
a:hover {
|
|
color: #0066FF;
|
|
}
|
|
.adminbar {
|
|
clear:both;
|
|
float:right;
|
|
font-size: .8em;
|
|
}
|
|
.adminbar a {
|
|
font-weight: bold;
|
|
}
|
|
.logo {
|
|
clear:both;
|
|
text-align:left;
|
|
font-size:2em;
|
|
font-weight: bold;
|
|
color:#FF6600;
|
|
}
|
|
.replymode, .passvalid {
|
|
background:#DDDDDD;
|
|
text-align:center;
|
|
padding:2px;
|
|
color:#2266AA;
|
|
clear: both;
|
|
font-weight: bold;
|
|
margin-bottom: .5em;
|
|
border: solid 1px #CCCCCC;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
}
|
|
.catalogmode {
|
|
background: #0040E0;
|
|
text-align: center;
|
|
padding: 2px;
|
|
color: #DDDDDD;
|
|
clear: both;
|
|
font-weight: bold;
|
|
margin-bottom: .5em;
|
|
border: solid 1px #CCCCCC;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
}
|
|
.postarea {
|
|
}
|
|
|
|
.postblock {
|
|
background:transparent;
|
|
color:#002244;
|
|
font-weight:bold;
|
|
}
|
|
.footer {
|
|
text-align:center;
|
|
font-size:12px;
|
|
font-family:serif;
|
|
margin: 2em 0 0 0;
|
|
}
|
|
.dellist {
|
|
font-weight: bold;
|
|
text-align:center;
|
|
}
|
|
.delbuttons {
|
|
text-align:center;
|
|
padding-bottom:4px;
|
|
}
|
|
.managehead {
|
|
background:#DDDDDD;
|
|
color:#002244;
|
|
padding:0px;
|
|
}
|
|
.postlists {
|
|
background:#FFFFFF;
|
|
width:100%;
|
|
padding:0px;
|
|
color:#800000;
|
|
}
|
|
.row1 {
|
|
background:#DDDDDD;
|
|
color:#002244;
|
|
}
|
|
.row2 {
|
|
background:#CCCCCC;
|
|
color:#002244;
|
|
}
|
|
.unkfunc {
|
|
background:inherit;
|
|
color:#789922;
|
|
}
|
|
.reflink {
|
|
font-size: .8em;
|
|
font-weight: bold;
|
|
}
|
|
.filesize {
|
|
text-decoration:none;
|
|
color: #666666;
|
|
font-size: .8em;
|
|
}
|
|
.filetitle {
|
|
background:inherit;
|
|
font-size:1.2em;
|
|
color:#002244;
|
|
font-weight:bold;
|
|
}
|
|
.postername {
|
|
color:#004A99;
|
|
font-weight:bold;
|
|
}
|
|
.postertrip {
|
|
color:#FF3300;
|
|
}
|
|
.oldpost {
|
|
color:#CC1105;
|
|
font-weight:bold;
|
|
}
|
|
.omittedposts {
|
|
color:#666666;
|
|
}
|
|
.reply, .quick-reply-form {
|
|
background:#DDDDDD;
|
|
border: solid 1px #CCCCCC;
|
|
border-radius: 5px;
|
|
}
|
|
.qrf-active.quick-reply-form {
|
|
background: #e0c4b2;
|
|
}
|
|
.qrf-floating {
|
|
border: 1px dashed black;
|
|
}
|
|
.reply {
|
|
padding: 0;
|
|
padding-right: 2px;
|
|
}
|
|
blockquote {
|
|
margin: .5em .5em .5em 1em;
|
|
}
|
|
blockquote p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.reply blockquote {
|
|
margin: .5em;
|
|
}
|
|
.doubledash {
|
|
display: none;
|
|
vertical-align:top;
|
|
clear:both;
|
|
float:left;
|
|
}
|
|
.replytitle {
|
|
font-size: 1.2em;
|
|
color:#002244;
|
|
font-weight:bold;
|
|
}
|
|
.commentpostername {
|
|
color:#004A99;
|
|
font-weight:800;
|
|
}
|
|
.thumbnailmsg {
|
|
font-size: .8em;
|
|
color:#666666;
|
|
}
|
|
hr {
|
|
border-style: solid none none none;
|
|
border-width: 1px;
|
|
border-color: #BBBBBB;
|
|
}
|
|
table {
|
|
border-style: none;
|
|
}
|
|
table td {
|
|
border-style: none;
|
|
}
|
|
.nothumb {
|
|
background-color: #FFFFFF;
|
|
border-style: dotted;
|
|
margin: .3em .5em;
|
|
}
|
|
|
|
.abbrev {
|
|
color:#666666;
|
|
}
|
|
.highlight {
|
|
background:#EEDACB;
|
|
color:#333333;
|
|
border: 2px dashed #EE6600;
|
|
}
|
|
|
|
.b-icon {
|
|
fill: white;
|
|
background-color: #aba8a6;
|
|
}
|
|
.b-icon:hover {
|
|
background-color: #AA7755;
|
|
}
|
|
.icon-checkbox-wrap input[type=checkbox]:checked + .icon-with-fallback .b-icon,
|
|
.b-icon.pressed {
|
|
background-color: #a04000;
|
|
}
|
|
|
|
.content-background {
|
|
background-color: #EEEEEE;
|
|
}
|
|
.content {
|
|
z-index: 0;
|
|
box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.8), 0 8px 5px #0000009e;
|
|
border-radius: 0 0 8px 8px;
|
|
position: relative;
|
|
margin: 0 calc(1% + 10px) 83px calc(1% + 10px);
|
|
padding: 9px 12px;
|
|
padding-top: 0;
|
|
}
|
|
.decor-header {
|
|
display: block!important;
|
|
width: calc(100% + 24px);
|
|
margin: 0 -12px 0 -12px;
|
|
padding-bottom: 17px;
|
|
height: 30px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.decor-header::before {
|
|
content:'';
|
|
box-shadow: 0 -2px 4px 4px #3e4552;
|
|
background-image: repeating-linear-gradient(-45.5deg, transparent 0px, transparent .6px, #79797917 2px, transparent 3.4px, transparent 4px), -webkit-gradient(linear, left top, left bottom, from(#df7a29), to(#d8c25b));
|
|
background-image: repeating-linear-gradient(-45.5deg, transparent 0px, transparent .6px, #79797917 2px, transparent 3.4px, transparent 4px), linear-gradient(to bottom, #df7a29 0%, #d8c25b 100%);
|
|
height: 30px;
|
|
width: 100%;
|
|
position: absolute;
|
|
}
|
|
.content::after {
|
|
content:'';
|
|
height: 80px;
|
|
border-radius: 8px 8px 0 0;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d8d8d8));
|
|
background: linear-gradient(to bottom, #fff 0%, #d8d8d8 100%);
|
|
opacity: 0.5;
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -83px;
|
|
}
|
|
|
|
.maintable {
|
|
width: 98%;
|
|
table-layout: fixed;
|
|
}
|
|
.omittedposts a, .xlink {
|
|
color:#666666;
|
|
text-decoration: inherit;
|
|
border-bottom: 1px dashed rgb(133, 133, 133);
|
|
}
|
|
|
|
/* catalog */
|
|
.cat-card {
|
|
background: #DDDDDD;
|
|
border: solid 1px #CCCCCC;
|
|
border-radius: 5px;
|
|
}
|
|
.cat-entry:hover .cat-card {
|
|
background: #ECECEC;
|
|
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.18);
|
|
}
|
|
.nofile-removed {
|
|
border: 2px dashed #A6A7A9;
|
|
color: #A6A7A9;
|
|
}
|
|
.hidden-on {
|
|
background: #191919;
|
|
color: white!important;
|
|
}
|
|
.hidden-on:hover {
|
|
background: #A0501C;
|
|
}
|
|
.actor:hover {
|
|
color: #FF6600;
|
|
}
|
|
.cat-entry:after {
|
|
background: -webkit-gradient(linear, left top, left bottom, from(rgba(135,224,253,0)),to(rgb(221, 221, 221)));
|
|
background: linear-gradient(to bottom, rgba(135,224,253,0) 0%,rgb(221, 221, 221) 100%);
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
.thumbExpanded .bigThumb {
|
|
border-radius: 4px;
|
|
background: rgba(221, 221, 221, 0.56);
|
|
}
|
|
.button-group {
|
|
background: rgba(255, 255, 255, 0.3);
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.button-group:hover {
|
|
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
|
|
background: rgba(255, 255, 255, 0.43);
|
|
color: #fff;
|
|
}
|
|
.bg-button {
|
|
color:rgba(255, 255, 255, 0.91);
|
|
}
|
|
.bg-button:hover {
|
|
background-color: rgba(0, 64, 224, 0.59);
|
|
color: #fff;
|
|
}
|
|
.bgb-selected, .bgb-selected:hover {
|
|
background: #FF6600;
|
|
color: white!important;
|
|
}
|
|
|
|
.bubble, .thought-bubble:after, .thought-bubble:before {
|
|
background: #cccccc;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.bubble:after {
|
|
border-color: transparent #cccccc;
|
|
}
|
|
|
|
.reply::-webkit-scrollbar-track,
|
|
.reply::-webkit-scrollbar-thumb {
|
|
border-radius: 4px;
|
|
}
|
|
.reply::-webkit-scrollbar-corner {
|
|
background: #dddddd;
|
|
}
|
|
/* --------------------------------------- Styled buttons --------------------------------------- */
|
|
.styled-button {
|
|
border: none;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dcdcdc));
|
|
background: linear-gradient(to bottom, #f6f6f6 0%, #dcdcdc 100%);
|
|
border-radius: 1.66px;
|
|
padding: 3px 8px;
|
|
}
|
|
.simplified-send-row .styled-button {
|
|
padding: 4px 0;
|
|
}
|
|
.styled-button:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.44);
|
|
}
|
|
.styled-button,
|
|
.styled-button:active {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.33);
|
|
}
|
|
.styled-button:active {
|
|
background: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#dcdcdc));
|
|
background: linear-gradient(to top, #f6f6f6 0%, #dcdcdc 100%);
|
|
}
|
|
.styled-button:active,
|
|
.styled-button:focus {
|
|
outline: none;
|
|
}
|
|
.primary.styled-button {
|
|
color: white;
|
|
background-image: /* yay technology */
|
|
repeating-linear-gradient(-45.5deg, transparent 0px, transparent .6px, #79797917 2px, transparent 3.4px, transparent 4px),
|
|
-webkit-gradient(linear, left bottom, left top, from(#df7a29), to(#d8c25b));
|
|
background-image: /* yay technology */
|
|
repeating-linear-gradient(-45.5deg, transparent 0px, transparent .6px, #79797917 2px, transparent 3.4px, transparent 4px),
|
|
linear-gradient(to top, #df7a29 0%, #d8c25b 100%);
|
|
text-shadow: 0 1px 2px #243e0e;
|
|
-webkit-transition: -webkit-filter .15s;
|
|
transition: -webkit-filter .15s;
|
|
transition: filter .15s;
|
|
transition: filter .15s, -webkit-filter .15s;
|
|
}
|
|
.primary.styled-button svg {
|
|
-webkit-filter: drop-shadow( 0 1px 1px #243e0e);
|
|
filter: drop-shadow( 0 1px 1px #243e0e);
|
|
}
|
|
.primary.styled-button:hover {
|
|
-webkit-filter: brightness(1.1);
|
|
filter: brightness(1.1);
|
|
}
|
|
.primary.styled-button:active {
|
|
-webkit-filter: brightness(.9);
|
|
filter: brightness(.9);
|
|
}
|
|
.bad-button.styled-button {
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#d88585), to(#a76767));
|
|
background: linear-gradient(to bottom, #d88585 0%, #a76767 100%);
|
|
color: white;
|
|
}
|
|
.bad-button.styled-button:active {
|
|
background: -webkit-gradient(linear, left bottom, left top, from(#d88585), to(#a76767));
|
|
background: linear-gradient(to top, #d88585 0%, #a76767 100%);
|
|
}
|
|
/* -------------------------------------- /Styled buttons --------------------------------------- */
|
|
|
|
.mm-brd::after {
|
|
box-shadow: inset 0 0 0 1px #2a2a2a;
|
|
background: rgba(42, 42, 42, 0.24);
|
|
}
|
|
.mm-cat::after {
|
|
background: #2a2a2a;
|
|
}
|
|
.mm-cat:not(.mmc-expanded)::after {
|
|
box-shadow: 1px 1px 0 #df832f, 2px 2px 0 rgba(42, 42, 42, 0.75), 3px 3px 0 #df832f, 4px 4px 0 rgba(42, 42, 42, 0.39);
|
|
}
|
|
.mmc-expanded::after {
|
|
background: #9c2a0f;
|
|
box-shadow: inset 0 2px 8px rgb(88, 62, 43), inset -1px -1px 0 0 rgb(156, 62, 34);
|
|
}
|
|
#mm-circle, .mm-expanded-full {
|
|
background: #df832f;
|
|
}
|
|
#mm-circle {
|
|
overflow: visible;
|
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7);
|
|
-webkit-transition-property: box-shadow, -webkit-transform;
|
|
transition-property: box-shadow, -webkit-transform;
|
|
transition-property: transform, box-shadow;
|
|
transition-property: transform, box-shadow, -webkit-transform;
|
|
}
|
|
#mm-circle:hover {
|
|
-webkit-filter: brightness(1.1);
|
|
filter: brightness(1.1);
|
|
}
|
|
.mm-bars, #mmb-_options a, #mmb-_options a:visited {
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
.mm-toggle-options, #mmb-_options {
|
|
color: rgba(255, 255, 255, 0.66) !important;
|
|
}
|
|
#mmb-_options a:hover {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
.mm-item, .mm-item:visited {
|
|
color: #ffa756;
|
|
}
|
|
.mm-item:hover, .mm-item:visited:hover {
|
|
color: #ffc917;
|
|
}
|
|
|
|
.uibutton {
|
|
background: #f5f5f5;
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
border-radius: 4px 4px 0 0;
|
|
border-bottom-style: none;
|
|
padding: 1.5px 10px 0.5px 10px;
|
|
}
|
|
.uib-spoiler:before {
|
|
line-height: 18px;
|
|
}
|
|
@media only screen and (max-width: 666px) {
|
|
.uibutton {
|
|
border-radius: 4px;
|
|
border-bottom-style: solid;
|
|
}
|
|
.content {
|
|
margin: 0;
|
|
padding-bottom: 16px!important;
|
|
}
|
|
.decor-header {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
}
|
|
.uibutton:hover {
|
|
background: rgb(255, 255, 255);
|
|
border-color: rgba(0, 0, 0, 0.44);
|
|
}
|
|
.uibutton:hover {
|
|
background: rgb(255, 255, 255);
|
|
border-color: rgba(0, 0, 0, 0.44);
|
|
}
|
|
.post-menu {
|
|
border: 1px solid #cccccc;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
}
|
|
.post-menu li:hover {
|
|
background: #dddddd;
|
|
}
|
|
.reply .post-menu {
|
|
border-radius: 0 5px 5px 5px
|
|
}
|
|
figure .post-menu {
|
|
border-radius: 0 0 5px 5px;
|
|
}
|