mirror of
https://github.com/phpbb/phpbb.git
synced 2025-06-07 20:08:53 +00:00
1147 lines
18 KiB
CSS
1147 lines
18 KiB
CSS
/* -------------------------------------------------------------- /*
|
|
$Colours
|
|
/* -------------------------------------------------------------- *
|
|
|
|
/* stylelint-disable selector-max-compound-selectors */
|
|
/* stylelint-disable selector-no-qualifying-type */
|
|
|
|
/* colours and backgrounds for common.css */
|
|
html,
|
|
body {
|
|
background-color: #f5f5f5;
|
|
color: #47536b;
|
|
}
|
|
|
|
.wrap {
|
|
background-color: #ffffff;
|
|
border-color: #ededed;
|
|
}
|
|
|
|
h1 {
|
|
color: #ffffff;
|
|
}
|
|
|
|
h2 {
|
|
color: #29303d;
|
|
}
|
|
|
|
h3 {
|
|
border-bottom-color: #dedede;
|
|
color: #0059b3;
|
|
}
|
|
|
|
hr {
|
|
border-color: #ffffff;
|
|
border-top-color: #dedede;
|
|
}
|
|
|
|
/* colours and backgrounds for links.css */
|
|
a {
|
|
color: #0f4d8a;
|
|
}
|
|
|
|
a:hover {
|
|
color: #d41142;
|
|
}
|
|
|
|
/* links on gradient backgrounds */
|
|
.forumbg .header a,
|
|
.forabg .header a,
|
|
th a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.forumbg .header a:hover,
|
|
.forabg .header a:hover,
|
|
th a:hover {
|
|
color: #80bfff;
|
|
}
|
|
|
|
/* post body links */
|
|
.postlink {
|
|
border-bottom-color: #2d80d2;
|
|
color: #2d80d2;
|
|
}
|
|
|
|
.postlink:visited {
|
|
border-bottom-color: #5380ac;
|
|
color: #5380ac;
|
|
}
|
|
|
|
.postlink:hover {
|
|
background-color: #d4e6f7;
|
|
color: #164069;
|
|
}
|
|
|
|
.signature a,
|
|
.signature a:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* back to top of page */
|
|
.top i {
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
/* arrow links */
|
|
.arrow-left:hover,
|
|
.arrow-right:hover {
|
|
color: #2d80d2;
|
|
}
|
|
|
|
/* round cornered boxes and backgrounds */
|
|
.headerbar {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.headerbar,
|
|
.forumbg {
|
|
background-color: #13a4ec;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#80d5ff), color-stop(0.1%, #0077b3), color-stop(30%, #13a4ec), to(#13a4ec));
|
|
background-image: linear-gradient(to bottom, #80d5ff 0%, #0077b3 0.1%, #13a4ec 30%, #13a4ec 100%);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.forabg {
|
|
background-color: #0077b3;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#80d5ff), color-stop(0.1%, #13a4ec), color-stop(30%, #0077b3), to(#0077b3));
|
|
background-image: linear-gradient(to bottom, #80d5ff 0%, #13a4ec 0.1%, #0077b3 30%, #0077b3 100%);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: #c9dee8;
|
|
}
|
|
|
|
.panel {
|
|
background-color: #f0f3f5;
|
|
color: #29303d;
|
|
}
|
|
|
|
.post:target .content {
|
|
color: #000000;
|
|
}
|
|
|
|
.post h3 a.first-unread,
|
|
.post:target h3 a {
|
|
color: #000000;
|
|
}
|
|
|
|
.bg1 {
|
|
background-color: #edf4f7;
|
|
}
|
|
|
|
table.zebra-list tr:nth-child(odd) td,
|
|
ul.zebra-list li:nth-child(odd) {
|
|
background-color: #edf4f7;
|
|
}
|
|
|
|
.bg2 {
|
|
background-color: #dbe9f0;
|
|
}
|
|
|
|
table.zebra-list tr:nth-child(even) td,
|
|
ul.zebra-list li:nth-child(even) {
|
|
background-color: #dbe9f0;
|
|
}
|
|
|
|
.bg3 {
|
|
background-color: #c9dee8;
|
|
}
|
|
|
|
/* horizontal lists */
|
|
ul.navlinks {
|
|
border-top-color: #ffffff;
|
|
}
|
|
|
|
/* table styles */
|
|
table.table1 thead th {
|
|
color: #ffffff;
|
|
}
|
|
|
|
table.table1 tbody tr {
|
|
border-color: #c9dee8;
|
|
}
|
|
|
|
table.table1 tbody tr:hover,
|
|
table.table1 tbody tr.hover {
|
|
background-color: #d4e6f7;
|
|
color: #000000;
|
|
}
|
|
|
|
table.table1 td {
|
|
color: #47536b;
|
|
}
|
|
|
|
table.table1 tbody td {
|
|
border-top-color: #fafafa;
|
|
}
|
|
|
|
table.table1 tbody th {
|
|
background-color: #ffffff;
|
|
border-bottom-color: #000000;
|
|
color: #212121;
|
|
}
|
|
|
|
table.info tbody th {
|
|
color: #000000;
|
|
}
|
|
|
|
/* misc layout styles */
|
|
dl.details dt {
|
|
color: #000000;
|
|
}
|
|
|
|
dl.details dd {
|
|
color: #47536b;
|
|
}
|
|
|
|
/* icon styles */
|
|
.icon.icon-blue, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-blue, /* DEPRECATED 4.0 */
|
|
.read {
|
|
color: #0059b3;
|
|
}
|
|
|
|
.icon.online, /* DEPRECATED 4.0 */
|
|
.c-online-icon {
|
|
color: #85de39;
|
|
}
|
|
|
|
.icon.icon-green, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-green, /* DEPRECATED 4.0 */
|
|
.c-topic-deleted-icon,
|
|
.c-approved-icon {
|
|
color: #4db355;
|
|
}
|
|
|
|
.icon.icon-red, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-red, /* DEPRECATED 4.0 */
|
|
.c-topic-reported-icon,
|
|
.c-topic-unread-icon,
|
|
.c-warning-icon,
|
|
.c-unapproved-icon,
|
|
.unread {
|
|
color: #d41142;
|
|
}
|
|
|
|
.icon.icon-orange, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-orange, /* DEPRECATED 4.0 */
|
|
.c-forum-feed-icon {
|
|
color: #ff9500;
|
|
}
|
|
|
|
.icon.icon-bluegray, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-bluegray {
|
|
color: #47536b;
|
|
}
|
|
|
|
.icon.icon-gray, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-gray, /* DEPRECATED 4.0 */
|
|
.c-top-icon {
|
|
color: #757575;
|
|
}
|
|
|
|
.icon.icon-lightgray, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-lightgray, /* DEPRECATED 4.0 */
|
|
.c-last-post-icon,
|
|
.c-topic-icon,
|
|
.c-pagination-icon {
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
.icon.icon-black, /* DEPRECATED 4.0 */
|
|
a:hover .icon.icon-black, /* DEPRECATED 4.0 */
|
|
.c-return-arrow-icon {
|
|
color: #212121;
|
|
}
|
|
|
|
.button:hover .c-pagination-icon {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.alert_close .icon:before, /* DEPRECATED 4.0 */
|
|
.alert_close .o-icon:before {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.row-item-link {
|
|
background-color: #0059b3;
|
|
}
|
|
|
|
.row-item-link.unread {
|
|
background-color: #d41142;
|
|
}
|
|
|
|
.c-forum-row-icon,
|
|
.c-forum-row-icon:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* brand icon colors */
|
|
.c-facebook-icon {
|
|
color: #3b5998;
|
|
}
|
|
|
|
.c-twitter-icon {
|
|
color: #1da1f2;
|
|
}
|
|
|
|
.c-skype-icon {
|
|
color: #00aff0;
|
|
}
|
|
|
|
.c-youtube-icon {
|
|
color: #ff0000;
|
|
}
|
|
|
|
.c-colorless-icon {
|
|
color: inherit;
|
|
}
|
|
|
|
/* jumpbox */
|
|
.jumpbox .dropdown li {
|
|
border-top-color: #dedede;
|
|
}
|
|
|
|
.jumpbox-cat-link {
|
|
background-color: #0077b3;
|
|
border-top-color: #0077b3;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.jumpbox-cat-link:hover,
|
|
.jumpbox-cat-link:focus {
|
|
background-color: #13a4ec;
|
|
border-top-color: #13a4ec;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.jumpbox-forum-link {
|
|
background-color: #dbe9f0;
|
|
}
|
|
|
|
.jumpbox-forum-link:hover {
|
|
background-color: #fffbcc;
|
|
}
|
|
|
|
.jumpbox .dropdown .pointer-inner {
|
|
border-color: #dbe9f0 transparent;
|
|
}
|
|
|
|
.jumpbox-sub-link {
|
|
background-color: #dbe9f0;
|
|
}
|
|
|
|
.jumpbox-sub-link:hover {
|
|
background-color: #e6f7ff;
|
|
}
|
|
|
|
/* miscellaneous styles */
|
|
.copyright {
|
|
color: #424242;
|
|
}
|
|
|
|
.error {
|
|
color: #d41142;
|
|
}
|
|
|
|
.reported {
|
|
background-color: #f7edf0;
|
|
}
|
|
|
|
li.reported:hover {
|
|
background-color: #f0dbe0 !important;
|
|
}
|
|
|
|
.sticky,
|
|
.announce {
|
|
/* you can add a background for stickies and announcements */
|
|
}
|
|
|
|
div.rules {
|
|
background-color: #f0dbe0;
|
|
color: #d41142;
|
|
}
|
|
|
|
p.post-notice {
|
|
background-color: #f0dbe0;
|
|
background-image: none;
|
|
}
|
|
|
|
/* colours and backgrounds for content.css */
|
|
ul.forums {
|
|
background-color: #edf4f7;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#b8d3e0), to(#edf4f7));
|
|
background-image: linear-gradient(to bottom, #b8d3e0 0%, #edf4f7 100%);
|
|
}
|
|
|
|
ul.topiclist > li {
|
|
color: #47536b;
|
|
}
|
|
|
|
ul.topiclist dd {
|
|
border-left-color: #ffffff;
|
|
}
|
|
|
|
.rtl ul.topiclist dd {
|
|
border-right-color: #ffffff;
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
li.row {
|
|
border-top-color: #ffffff;
|
|
border-bottom-color: #0077b3;
|
|
}
|
|
|
|
li.row strong {
|
|
color: #000000;
|
|
}
|
|
|
|
li.row:hover {
|
|
background-color: #fffbcc;
|
|
}
|
|
|
|
li.row:hover dd {
|
|
border-left-color: #dedede;
|
|
}
|
|
|
|
.rtl li.row:hover dd {
|
|
border-right-color: #dedede;
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
li.header dt,
|
|
li.header dd {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* post body styles */
|
|
.postbody {
|
|
color: #212121;
|
|
}
|
|
|
|
/* content container styles */
|
|
.content {
|
|
color: #212121;
|
|
}
|
|
|
|
.content h2,
|
|
.panel h2 {
|
|
border-bottom-color: #dedede;
|
|
color: #0059b3;
|
|
}
|
|
|
|
dl.faq dt {
|
|
color: #212121;
|
|
}
|
|
|
|
.posthilit {
|
|
background-color: #f4becb;
|
|
color: #d41142;
|
|
}
|
|
|
|
.announce,
|
|
.unreadpost {
|
|
/* highlight the announcements & unread posts box */
|
|
}
|
|
|
|
/* post signature */
|
|
.signature {
|
|
border-top-color: #dedede;
|
|
}
|
|
|
|
/* post noticies */
|
|
.notice {
|
|
border-top-color: #dedede;
|
|
}
|
|
|
|
/* bb code styles */
|
|
|
|
/* quote block */
|
|
blockquote {
|
|
background-color: #f4f1d7;
|
|
border-color: #f1efda;
|
|
}
|
|
|
|
blockquote blockquote {
|
|
/* nested quotes */
|
|
background-color: #f7f4d4;
|
|
}
|
|
|
|
blockquote blockquote blockquote {
|
|
/* nested quotes */
|
|
background-color: #f4f1d7;
|
|
}
|
|
|
|
/* code block */
|
|
.codebox {
|
|
background-color: #ffffff;
|
|
border-color: #c0d3dd;
|
|
}
|
|
|
|
.codebox p {
|
|
border-bottom-color: #dedede;
|
|
}
|
|
|
|
.codebox code {
|
|
color: #4db355;
|
|
}
|
|
|
|
/* attachments */
|
|
.attachbox {
|
|
background-color: #ffffff;
|
|
border-color: #c0d3dd;
|
|
}
|
|
|
|
.attachbox dd {
|
|
border-top-color: #c0d3dd;
|
|
}
|
|
|
|
.attachbox p {
|
|
color: #616161;
|
|
}
|
|
|
|
.attachbox p.stats {
|
|
color: #616161;
|
|
}
|
|
|
|
.attach-image img {
|
|
border-color: #9e9e9e;
|
|
}
|
|
|
|
/* inline image thumbnails */
|
|
dl.file dd {
|
|
color: #616161;
|
|
}
|
|
|
|
dl.thumbnail img {
|
|
background-color: #ffffff;
|
|
border-color: #616161;
|
|
}
|
|
|
|
dl.thumbnail dd {
|
|
color: #616161;
|
|
}
|
|
|
|
dl.thumbnail dt a:hover {
|
|
background-color: #ededed;
|
|
}
|
|
|
|
dl.thumbnail dt a:hover img {
|
|
border-color: #2d80d2;
|
|
}
|
|
|
|
/* post poll styles */
|
|
fieldset.polls dl {
|
|
border-top-color: #c9dee8;
|
|
color: #616161;
|
|
}
|
|
|
|
fieldset.polls dl.voted {
|
|
color: #000000;
|
|
}
|
|
|
|
fieldset.polls dd div {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.rtl .pollbar1,
|
|
.rtl .pollbar2,
|
|
.rtl .pollbar3,
|
|
.rtl .pollbar4,
|
|
.rtl .pollbar5 {
|
|
border-right-color: transparent;
|
|
}
|
|
|
|
.pollbar1 {
|
|
background-color: #b31a40;
|
|
border-right-color: #821732;
|
|
border-bottom-color: #821732;
|
|
}
|
|
|
|
.rtl .pollbar1 {
|
|
border-left-color: #821732;
|
|
}
|
|
|
|
.pollbar2 {
|
|
background-color: #cf1745;
|
|
border-right-color: #9c1638;
|
|
border-bottom-color: #9c1638;
|
|
}
|
|
|
|
.rtl .pollbar2 {
|
|
border-left-color: #9c1638;
|
|
}
|
|
|
|
.pollbar3 {
|
|
background-color: #ec1349;
|
|
border-right-color: #cf1745;
|
|
border-bottom-color: #cf1745;
|
|
}
|
|
|
|
.rtl .pollbar3 {
|
|
border-left-color: #cf1745;
|
|
}
|
|
|
|
.pollbar4 {
|
|
background-color: #f42559;
|
|
border-right-color: #ec1349;
|
|
border-bottom-color: #ec1349;
|
|
}
|
|
|
|
.rtl .pollbar4 {
|
|
border-left-color: #ec1349;
|
|
}
|
|
|
|
.pollbar5 {
|
|
background-color: #fa3869;
|
|
border-right-color: #f42559;
|
|
border-bottom-color: #f42559;
|
|
}
|
|
|
|
.rtl .pollbar5 {
|
|
border-left-color: #f42559;
|
|
}
|
|
|
|
/* poster profile block */
|
|
.postprofile {
|
|
border-color: #ffffff;
|
|
color: #616161;
|
|
}
|
|
|
|
.pm .postprofile {
|
|
border-color: #dedede;
|
|
}
|
|
|
|
.postprofile strong {
|
|
color: #000000;
|
|
}
|
|
|
|
dd.profile-warnings {
|
|
color: #d41142;
|
|
}
|
|
|
|
/* Show scrollbars for items with overflow on iOS devices */
|
|
.postbody .content::-webkit-scrollbar,
|
|
.topicreview::-webkit-scrollbar,
|
|
.post_details::-webkit-scrollbar,
|
|
.codebox code::-webkit-scrollbar,
|
|
.attachbox dd::-webkit-scrollbar,
|
|
.attach-image::-webkit-scrollbar,
|
|
.dropdown-extended ul::-webkit-scrollbar {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.postbody .content::-webkit-scrollbar-thumb,
|
|
.topicreview::-webkit-scrollbar-thumb,
|
|
.post_details::-webkit-scrollbar-thumb,
|
|
.codebox code::-webkit-scrollbar-thumb,
|
|
.attachbox dd::-webkit-scrollbar-thumb,
|
|
.attach-image::-webkit-scrollbar-thumb,
|
|
.dropdown-extended ul::-webkit-scrollbar-thumb {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* colours and backgrounds for buttons.css */
|
|
.button {
|
|
background-color: #e0e0e0;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
|
|
background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
|
|
border-color: #bdbdbd;
|
|
-webkit-box-shadow: 0 0 0 1px #ffffff inset;
|
|
box-shadow: 0 0 0 1px #ffffff inset;
|
|
color: #d41142;
|
|
}
|
|
|
|
.button:hover,
|
|
.button:focus {
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ffffff));
|
|
background-image: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);
|
|
border-color: #0077b3;
|
|
text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px -1px 0 rgba(189, 40, 77, 0.2);
|
|
color: #d41142;
|
|
}
|
|
|
|
.button .icon,
|
|
.button-secondary,
|
|
.c-button-icon {
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
.button-form,
|
|
.button-form-bold {
|
|
border-color: #757575;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #212121;
|
|
}
|
|
|
|
.button-form:hover,
|
|
.button-form-bold:hover {
|
|
border-color: #d41142;
|
|
text-shadow: none;
|
|
color: #d41142;
|
|
}
|
|
|
|
.button-form:focus,
|
|
.button-form-bold:focus {
|
|
border-color: #0077b3;
|
|
text-shadow: none;
|
|
color: #0077b3;
|
|
}
|
|
|
|
.button-secondary:focus,
|
|
.button-secondary:hover,
|
|
.button:focus .icon,
|
|
.button:hover .icon,
|
|
.button:hover .c-button-icon {
|
|
color: #0077b3;
|
|
}
|
|
|
|
.button-search:hover,
|
|
.button-search-end:hover {
|
|
border-color: #bdbdbd;
|
|
}
|
|
|
|
.caret {
|
|
border-color: #bdbdbd;
|
|
}
|
|
|
|
.contact-icons a {
|
|
border-color: #dedede;
|
|
}
|
|
|
|
.contact-icons a:hover {
|
|
background-color: #ededed;
|
|
}
|
|
|
|
/* pagination */
|
|
.pagination li a {
|
|
background: #ededed;
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
border-color: #bdbdbd;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
.pagination li.ellipsis span {
|
|
background: transparent;
|
|
color: #000000;
|
|
}
|
|
|
|
.pagination li.active span {
|
|
background: #2d80d2;
|
|
border-color: #2d80d2;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pagination li a:hover,
|
|
.pagination li a:hover .icon,
|
|
.pagination li a:hover .o-icon,
|
|
.pagination .dropdown-visible a.dropdown-trigger,
|
|
.nojs .pagination .dropdown-container:hover a.dropdown-trigger {
|
|
background: #2d80d2;
|
|
border-color: #2d80d2;
|
|
text-shadow: none;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* search box */
|
|
.search-box .inputbox,
|
|
.search-box .inputbox:hover,
|
|
.search-box .inputbox:focus {
|
|
border-color: #bdbdbd;
|
|
}
|
|
|
|
.search-header {
|
|
-webkit-box-shadow: 0 0 10px #0077b3;
|
|
box-shadow: 0 0 10px #0077b3;
|
|
}
|
|
|
|
.search-results li:hover,
|
|
.search-results li.active {
|
|
background-color: #cfe1f6;
|
|
}
|
|
|
|
/* icon images */
|
|
.site_logo { background-image: url("./images/site_logo.svg"); }
|
|
|
|
/* colours and backgrounds for cp.css */
|
|
|
|
/* main cp box */
|
|
.panel-container h3,
|
|
.panel-container hr,
|
|
.cp-menu hr {
|
|
border-color: #c9dee8;
|
|
}
|
|
|
|
.panel-container .panel li.row {
|
|
border-top-color: #fafafa;
|
|
border-bottom-color: #c9dee8;
|
|
}
|
|
|
|
ul.cplist {
|
|
border-top-color: #c9dee8;
|
|
}
|
|
|
|
.panel-container .panel li.header dd,
|
|
.panel-container .panel li.header dt {
|
|
color: #000000;
|
|
}
|
|
|
|
.panel-container table.table1 thead th {
|
|
border-bottom-color: #212121;
|
|
color: #212121;
|
|
}
|
|
|
|
/* cp tabbed menu */
|
|
.tabs .tab > a {
|
|
background: #c0d3dd;
|
|
color: #47536b;
|
|
}
|
|
|
|
.tabs .tab > a:hover {
|
|
background: #e6f7ff;
|
|
color: #d41142;
|
|
}
|
|
|
|
/* responsive tabs */
|
|
.responsive-tab .responsive-tab-link:before {
|
|
border-color: #47536b;
|
|
}
|
|
|
|
.responsive-tab .responsive-tab-link:hover:before {
|
|
border-color: #d41142;
|
|
}
|
|
|
|
.tabs .activetab > a,
|
|
.tabs .activetab > a:hover {
|
|
background-color: #c9dee8;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f7ff), to(#c9dee8));
|
|
background-image: linear-gradient(to bottom, #e6f7ff 0%, #c9dee8 100%);
|
|
border-color: #c9dee8;
|
|
-webkit-box-shadow: 0 1px 1px #e6f7ff inset;
|
|
box-shadow: 0 1px 1px #e6f7ff inset;
|
|
color: #212121;
|
|
}
|
|
|
|
/* mini tabbed menu used in mcp */
|
|
.minitabs .tab > a {
|
|
background-color: #dbe9f0;
|
|
}
|
|
|
|
.minitabs .activetab > a,
|
|
.minitabs .activetab > a:hover {
|
|
background-color: #fafafa;
|
|
color: #212121;
|
|
}
|
|
|
|
/* ucp navigation menu */
|
|
|
|
/* link styles for the sub-section links */
|
|
.navigation a {
|
|
background: #c0d3dd;
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #aab9c0), to(#c0d3dd));
|
|
background-image: linear-gradient(to right, #aab9c0 50%, #c0d3dd 100%);
|
|
color: #212121;
|
|
}
|
|
|
|
.rtl .navigation a {
|
|
background: #afc5cf;
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c0d3dd), to(#aab9c0));
|
|
background-image: linear-gradient(to right, #c0d3dd 50%, #aab9c0 100%);
|
|
}
|
|
|
|
.navigation a:hover {
|
|
background: #aab9c0;
|
|
color: #d41142;
|
|
}
|
|
|
|
.navigation .active-subsection a {
|
|
background: #fafafa;
|
|
color: #d41142;
|
|
}
|
|
|
|
.navigation .active-subsection a:hover {
|
|
color: #d41142;
|
|
}
|
|
|
|
/* preferences pane layout */
|
|
.panel-container h2 {
|
|
color: #212121;
|
|
}
|
|
|
|
.panel-container .panel {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.cp-main .pm {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* friends list */
|
|
.cp-mini {
|
|
background-color: #edf4f7;
|
|
}
|
|
|
|
dl.mini dt {
|
|
color: #47536b;
|
|
}
|
|
|
|
/* pm styles */
|
|
|
|
/* pm message history */
|
|
.current {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
/* pm marking colours */
|
|
.pmlist li.pm_message_reported_colour,
|
|
.pm_message_reported_colour {
|
|
border-right-color: #ec1349;
|
|
border-left-color: #ec1349;
|
|
}
|
|
|
|
.pmlist li.pm_marked_colour,
|
|
.pm_marked_colour {
|
|
border-color: #ff9500;
|
|
}
|
|
|
|
.pmlist li.pm_replied_colour,
|
|
.pm_replied_colour {
|
|
border-color: #a3b8c2;
|
|
}
|
|
|
|
.pmlist li.pm_friend_colour,
|
|
.pm_friend_colour {
|
|
border-color: #4582a1;
|
|
}
|
|
|
|
.pmlist li.pm_foe_colour,
|
|
.pm_foe_colour {
|
|
border-color: #000000;
|
|
}
|
|
|
|
/* avatar gallery */
|
|
.gallery label {
|
|
background: #ffffff;
|
|
border-color: #dedede;
|
|
}
|
|
|
|
.gallery label:hover {
|
|
background-color: #ededed;
|
|
}
|
|
|
|
/* colours and backgrounds for forms.css */
|
|
|
|
/* general form styles */
|
|
select {
|
|
background-color: #fafafa;
|
|
border-color: #616161;
|
|
color: #000000;
|
|
}
|
|
|
|
label {
|
|
color: #47536b;
|
|
}
|
|
|
|
option.disabled-option {
|
|
color: #7f7f7f;
|
|
}
|
|
|
|
/* definition list layout for forms */
|
|
dd label {
|
|
color: #212121;
|
|
}
|
|
|
|
fieldset.fields1 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* hover effects */
|
|
fieldset dl:hover dt label {
|
|
color: #000000;
|
|
}
|
|
|
|
fieldset.fields2 dl:hover dt label {
|
|
color: inherit;
|
|
}
|
|
|
|
/* posting page styles */
|
|
.message-box textarea {
|
|
color: #212121;
|
|
}
|
|
|
|
.message-box textarea.drag-n-drop {
|
|
outline-color: rgba(97, 97, 97, 0.5);
|
|
}
|
|
|
|
.message-box textarea.drag-n-drop-highlight {
|
|
outline-color: rgba(19, 164, 236, 0.5);
|
|
}
|
|
|
|
/* input field styles */
|
|
.inputbox {
|
|
background-color: #ffffff;
|
|
border-color: #bdbdbd;
|
|
color: #212121;
|
|
}
|
|
|
|
.inputbox:-moz-placeholder,
|
|
.inputbox::-webkit-input-placeholder {
|
|
color: #212121;
|
|
}
|
|
|
|
.inputbox:hover,
|
|
.inputbox:focus {
|
|
border-color: #13a4ec;
|
|
}
|
|
|
|
.inputbox:focus:-moz-placeholder,
|
|
.inputbox:focus::-webkit-input-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
input.disabled {
|
|
color: #616161;
|
|
}
|
|
|
|
/* jquery popups */
|
|
.phpbb_alert {
|
|
background-color: #ffffff;
|
|
border-color: #9e9e9e;
|
|
}
|
|
|
|
.darken {
|
|
background-color: #000000;
|
|
}
|
|
|
|
/* stylelint-disable at-rule-no-vendor-prefix */
|
|
|
|
@-webkit-keyframes colors {
|
|
0% {
|
|
stroke: #4285f4;
|
|
}
|
|
|
|
25% {
|
|
stroke: #de3e35;
|
|
}
|
|
|
|
50% {
|
|
stroke: #f7c223;
|
|
}
|
|
|
|
75% {
|
|
stroke: #1b9a59;
|
|
}
|
|
|
|
100% {
|
|
stroke: #4285f4;
|
|
}
|
|
}
|
|
|
|
/* stylelint-enable at-rule-no-vendor-prefix */
|
|
|
|
|
|
@keyframes colors {
|
|
0% {
|
|
stroke: #4285f4;
|
|
}
|
|
|
|
25% {
|
|
stroke: #de3e35;
|
|
}
|
|
|
|
50% {
|
|
stroke: #f7c223;
|
|
}
|
|
|
|
75% {
|
|
stroke: #1b9a59;
|
|
}
|
|
|
|
100% {
|
|
stroke: #4285f4;
|
|
}
|
|
}
|
|
|
|
.dropdown-extended .dropdown-extended-item {
|
|
border-top-color: #bdbdbd;
|
|
}
|
|
|
|
.dropdown-extended .dropdown-extended-item:hover {
|
|
background-color: #d4e6f7;
|
|
color: #000000;
|
|
}
|
|
|
|
.dropdown-extended a.mark_read {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.dropdown-extended .header,
|
|
.dropdown-extended .footer {
|
|
border-color: #bdbdbd;
|
|
color: #000000;
|
|
}
|
|
|
|
.dropdown-extended .footer {
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
}
|
|
|
|
.dropdown-extended .header {
|
|
background-color: #e6f7ff;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f7ff), to(#c9dee8));
|
|
background-image: linear-gradient(to bottom, #e6f7ff 0%, #c9dee8 100%);
|
|
}
|
|
|
|
.dropdown .pointer {
|
|
border-color: #bdbdbd transparent;
|
|
}
|
|
|
|
.dropdown .pointer-inner {
|
|
border-color: #ffffff transparent;
|
|
}
|
|
|
|
.dropdown-extended-pointer .pointer-inner {
|
|
border-color: #e6f7ff transparent;
|
|
}
|
|
|
|
.dropdown .dropdown-contents {
|
|
background: #ffffff;
|
|
border-color: #bdbdbd;
|
|
-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.dropdown-up .dropdown-contents {
|
|
-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.dropdown li,
|
|
.dropdown li li {
|
|
border-color: #dedede;
|
|
}
|
|
|
|
.dropdown li.separator {
|
|
border-color: #dedede;
|
|
}
|
|
|
|
/* notifications */
|
|
.notification-time {
|
|
color: #47536b;
|
|
}
|
|
|
|
.notification-reported strong,
|
|
.notification-disapproved strong {
|
|
color: #d41142;
|
|
}
|
|
|
|
.badge {
|
|
background-color: #d41142;
|
|
color: #ffffff;
|
|
}
|