Here you go : )
overall_header.html
Code: Select all
<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>
<!-- IF S_ENABLE_FEEDS -->
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{{ path('phpbb_feed_index') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{{ path('phpbb_feed_news') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{{ path('phpbb_feed_forums') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{{ path('phpbb_feed_topics') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{{ path('phpbb_feed_topics_active') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}"><!-- ENDIF -->
<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->
<!-- IF U_CANONICAL -->
<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->
<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:
-->
<!-- IF S_ALLOW_CDN -->
<script>
WebFontConfig = {
google: {
families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
}
};
(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<!-- ENDIF -->
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->
<!-- IF S_PLUPLOAD -->
<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->
<!-- IF S_COOKIE_NOTICE -->
<link href="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->
<!--[if lte IE 9]>
<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->
<!-- EVENT overall_header_head_append -->
{$STYLESHEETS}
<!-- EVENT overall_header_stylesheets_after -->
<link rel="shortcut icon" href="https://fliper4o.000webhostapp.com/forum/favicon.ico" />
</head>
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">
<!-- EVENT overall_header_body_before -->
<div class="headerbar" role="banner">
<!-- EVENT overall_header_headerbar_before -->
<div class="inner">
</div>
<!-- EVENT overall_header_headerbar_after -->
</div>
<header class="theme-header"></header>
<div class="theme-wrap">
<!-- INCLUDE theme_navbar.html -->
<div class="theme-contents">
<div id="wrap" class="wrap">
<a id="top" class="top-anchor" accesskey="t"></a>
<div id="page-header">
<!-- EVENT overall_header_navbar_before -->
<!-- INCLUDE navbar_header.html -->
</div>
<!-- EVENT overall_header_page_body_before -->
<a id="start_here" class="anchor"></a>
<div id="page-body" class="page-body" role="main">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
<div id="information" class="rules">
<div class="inner">
<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
</div>
</div>
<!-- ENDIF -->
<!-- EVENT overall_header_content_before -->
overall_footer.html
Code: Select all
<!-- EVENT overall_footer_content_after -->
</div><!-- close page_body -->
<!-- EVENT overall_footer_page_body_after -->
<div id="page-footer" class="page-footer" role="contentinfo">
<!-- INCLUDE navbar_footer.html -->
<div class="copyright">
<!-- EVENT overall_footer_copyright_prepend -->
{CREDIT_LINE}
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
<!-- EVENT overall_footer_copyright_append -->
<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
</div>
<div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
<div id="darken" class="darken"> </div>
</div>
<div id="loading_indicator" class="loading_indicator">
<div class="loader">
<svg class="spinner" width="48px" height="48px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" aria-labelledby="loader-title" role="img">
<title id="loader-title">Loading...</title>
<circle class="spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
<a href="#" class="alert_close">
<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
</a>
<h3 class="alert_title"> </h3><p class="alert_text"></p>
</div>
<div id="phpbb_confirm" class="phpbb_alert">
<a href="#" class="alert_close">
<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
</a>
<div class="alert_text"></div>
</div>
</div>
</div><!-- close wrap -->
</div><!-- close theme-contents -->
</div><!-- close theme-wrap -->
<div>
<a id="bottom" class="anchor" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
<!-- IF S_ALLOW_CDN --><script type="text/javascript">window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
<!-- INCLUDEJS forum_fn.js -->
<!-- INCLUDEJS ajax.js -->
<!-- IF S_ALLOW_CDN -->
<script type="text/javascript">
(function($){
var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
if ($span.css('fontFamily') !== 'FontAwesome' ) {
$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
$fa_cdn.remove();
}
$span.remove();
})(jQuery);
</script>
<!-- ENDIF -->
<!-- IF S_COOKIE_NOTICE -->
<script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#0F538A"
},
"button": {
"background": "#E5E5E5"
}
},
"theme": "classic",
"content": {
"message": "{LA_COOKIE_CONSENT_MSG}",
"dismiss": "{LA_COOKIE_CONSENT_OK}",
"link": "{LA_COOKIE_CONSENT_INFO}",
"href": "{LA_COOKIE_CONSENT_HREF}"
}
})});
</script>
<!-- ENDIF -->
<!-- EVENT overall_footer_after -->
<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}
<!-- EVENT overall_footer_body_after -->
</body>
</html>
theme_navbar.html
Code: Select all
<nav class="theme-topnav">
<a href="/">Home</a>
<a href="/wiki">Wiki</a>
<a href="/forum">Forum</a>
<a href="http://bitbucket.org/rude/love/issues">Issue tracker</a>
<!-- EVENT overall_header_searchbox_before -->
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box" class="search-box theme-topnav-search" role="search">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
<button class="button button-search" type="submit" title="{L_SEARCH}">
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
</button>
<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
</a>
{S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<!-- EVENT overall_header_searchbox_after -->
</nav>
colours.css
Code: Select all
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #536482;
background-color: #6cbee4;
}
h1 {
color: #FFFFFF;
}
h2 {
color: #28313F;
}
h3 {
border-bottom-color: #CCCCCC;
color: #115098;
}
hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a { color: #105289; }
a:hover { color: #D31141; }
/* 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: #A8D8FF;
}
/* Notification mark read link */
.dropdown-extended a.mark_read {
background-color: #FFFFFF;
}
/* Post body links */
.postlink {
border-bottom-color: #368AD2;
color: #368AD2;
}
.postlink:visited {
border-bottom-color: #5D8FBD;
color: #5D8FBD;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
.signature a, .signature a:hover {
background-color: transparent;
}
/* Back to top of page */
.top i {
color: #999999;
}
/* Arrow links */
.arrow-left:hover, .arrow-right:hover {
color: #368AD2;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar, forumbg {
color: #FFFFFF;
height: 90px;
background-position: center bottom;
background-repeat: no-repeat, no-repeat;
background-image: url(./images/Untitled.png);
max-width: 1152px;
margin: auto;
}
.forumbg {
background-color: #12A3EB;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
background-repeat: repeat-x;
}
.forabg {
background-color: #0076B1;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
background-repeat: repeat-x;
}
.navbar {
background-color: #CADCEB;
}
.panel {
background-color: #ECF1F3;
color: #28313F;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 {
background-color: #ECF3F7;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
background-color: #ECF3F7;
}
.bg2 {
background-color: #E1EBF2;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
background-color: #E1EBF2;
}
.bg3 {
background-color: #CADCEB;
}
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
.site_logo {
background-image: url("./images/site_logo.gif");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-top-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;
}
table.table1 td {
color: #536482;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #536482;
}
.sep {
color: #1198D9;
}
/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
color: #196db5;
}
.icon.icon-green, a:hover .icon.icon-green{
color: #1b9A1B;
}
.icon.icon-red, a:hover .icon.icon-red{
color: #BC2A4D;
}
.icon.icon-orange, a:hover .icon.icon-orange{
color: #FF6600;
}
.icon.icon-bluegray, a:hover .icon.icon-bluegray{
color: #536482;
}
.icon.icon-gray, a:hover .icon.icon-gray{
color: #777777;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray{
color: #999999;
}
.icon.icon-black, a:hover .icon.icon-black{
color: #333333;
}
.alert_close .icon:before {
background-color: #FFFFFF;
}
/* Jumpbox */
.jumpbox .dropdown li {
border-top-color: #CCCCCC;
}
.jumpbox-cat-link {
background-color: #0076b1;
border-top-color: #0076B1;
color: #FFFFFF;
}
.jumpbox-cat-link:hover {
background-color: #12A3EB;
border-top-color: #12A3EB;
color: #FFFFFF;
}
.jumpbox-forum-link {
background-color: #E1EBF2;
}
.jumpbox-forum-link:hover {
background-color: #F6F4D0;
}
.jumpbox .dropdown .pointer-inner {
border-color: #E1EBF2 transparent;
}
.jumpbox-sub-link {
background-color: #E1EBF2;
}
.jumpbox-sub-link:hover {
background-color: #F1F8FF;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}
p.post-notice {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}
ul.topiclist li {
color: #4C5D77;
}
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: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
color: #115098;
border-bottom-color: #CCCCCC;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
}
/* Post signature */
.signature {
border-top-color: #CCCCCC;
}
/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
border-color:#DBDBCE;
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.codebox p {
border-bottom-color: #CCCCCC;
}
.codebox code {
color: #2E8B57;
}
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
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: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-color: #FFFFFF;
}
.pm .postprofile {
border-color: #DDDDDD;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("./en/icon_user_online.gif");
}
dd.profile-warnings {
color: #BC2A4D;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
border-color: #C7C3BF;
background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
box-shadow: 0 0 0 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
color: #D31141;
}
.button:hover,
.button:focus {
border-color: #0A8ED0;
background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}
.button .icon,
.button-secondary {
color: #8f8f8f;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
color: #0A8ED0;
}
.button-search:hover,
.button-search-end:hover {
border-color: #C7C3BF;
}
.caret { border-color: #DADADA; }
.caret { border-color: #C7C3BF; }
.contact-icons a { border-color: #DCDCDC; }
.contact-icons a:hover { background-color: #F2F6F9; }
/* Pagination
---------------------------------------- */
.pagination li a {
background: #ECEDEE;
filter: none;
border-color: #B4BAC0;
box-shadow: none;
-webkit-box-shadow: none;
color: #5C758C;
}
.pagination li.ellipsis span {
background: transparent;
color: #000000;
}
.pagination li.active span {
background: #4692BF;
border-color: #4692BF;
color: #FFFFFF;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
background: #368AD2;
border-color: #368AD2;
filter: none;
color: #FFFFFF;
text-shadow: none;
}
/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
border-color: #C7C3BF;
}
.search-header {
box-shadow: 0 0 10px #0075B0;
}
/* Icon images
---------------------------------------- */
.contact-icon { background-image: url("./images/icons_contact.png"); }
/* Profile & navigation icons */
.pm-icon { background-position: 0 0; }
.email-icon { background-position: -21px 0; }
.jabber-icon { background-position: -80px 0; }
.phpbb_icq-icon { background-position: -61px 0 ; }
.phpbb_wlm-icon { background-position: -182px 0; }
.phpbb_aol-icon { background-position: -244px 0; }
.phpbb_website-icon { background-position: -40px 0; }
.phpbb_youtube-icon { background-position: -98px 0; }
.phpbb_facebook-icon { background-position: -119px 0; }
.phpbb_googleplus-icon { background-position: -140px 0; }
.phpbb_skype-icon { background-position: -161px 0; }
.phpbb_twitter-icon { background-position: -203px 0; }
.phpbb_yahoo-icon { background-position: -224px 0; }
/* Forum icons & Topic icons */
.global_read { background-image: url("./images/announce_read.gif"); }
.global_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread { background-image: url("./images/announce_unread.gif"); }
.global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.announce_read { background-image: url("./images/announce_read.gif"); }
.announce_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread { background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.forum_link { background-image: url("./images/forum_link.gif"); }
.forum_read { background-image: url("./images/forum_read.gif"); }
.forum_read_locked { background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread { background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); }
.sticky_read { background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread { background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); }
.topic_moved { background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read { background-image: url("./images/topic_read.gif"); }
.topic_read_mine { background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot { background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked { background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread { background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, .cp-menu hr {
border-color: #A4B3BF;
}
.panel-container .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}
ul.cplist {
border-top-color: #B5C1CB;
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
color: #000000;
}
.panel-container table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}
.cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
background: #BACCD9;
color: #536482;
}
.tabs .tab > a:hover {
background: #DDEDFB;
color: #D31141;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
border-color: #CADCEB;
box-shadow: 0 1px 1px #F2F9FF inset;
color: #333333;
}
.tabs .activetab > a:hover {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
background-color: #E1EBF2;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
background-color: #F9F9F9;
color: #333333;
}
/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
border-color: #536482;
}
.responsive-tab .responsive-tab-link:hover:before {
border-color: #D31141;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
.navigation a {
color: #333;
background: #CADCEB; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
}
.rtl .navigation a {
background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
}
.navigation a:hover {
background: #AABAC6;
color: #BC2A4D;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a {
background: #F9F9F9;
color: #D31141;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a:hover {
color: #D31141;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
#navigation a, .rtl #navigation a {
background: #B2C2CF;
}
}
/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
color: #333333;
}
.panel-container .panel {
background-color: #F9F9F9;
}
.cp-main .pm {
background-color: #FFFFFF;
}
/* Friends list */
.cp-mini {
background-color: #EEF5F9;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
.gallery label {
background: #FFFFFF;
border-color: #CCC;
}
.gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}
label {
color: #425067;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
fieldset.fields1 {
background-color: transparent;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
.message-box textarea {
color: #333333;
}
.message-box textarea.drag-n-drop {
outline-color: rgba(102, 102, 102, 0.5);
}
.message-box textarea.drag-n-drop-highlight {
outline-color: rgba(17, 163, 234, 0.5);
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:-moz-placeholder {
color: #333333;
}
.inputbox::-webkit-input-placeholder {
color: #333333;
}
.inputbox:hover {
border-color: #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
}
.inputbox:focus:-moz-placeholder {
color: transparent;
}
.inputbox:focus::-webkit-input-placeholder {
color: transparent;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}
/* <a> button in the style of the form buttons */
a.button1, a.button2 {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #D31141;
color: #D31141;
background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
border-color: #11A3EA;
color: #0F4987;
}
input.disabled {
color: #666666;
}
/* jQuery popups
---------------------------------------- */
.phpbb_alert {
background-color: #FFFFFF;
border-color: #999999;
}
.darken {
background-color: #000000;
}
.loading_indicator {
background-color: #000000;
background-image: url("./images/loading.gif");
}
.dropdown-extended ul li {
border-top-color: #B9B9B9;
}
.dropdown-extended ul li:hover {
background-color: #CFE1F6;
color: #000000;
}
.dropdown-extended .header, .dropdown-extended .footer {
border-color: #B9B9B9;
color: #000000;
}
.dropdown-extended .footer {
border-top-style: solid;
border-top-width: 1px;
}
.dropdown-extended .header {
background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
}
.dropdown .pointer {
border-color: #B9B9B9 transparent;
}
.dropdown .pointer-inner {
border-color: #FFF transparent;
}
.dropdown-extended .pointer-inner {
border-color: #F1F8FF transparent;
}
.dropdown .dropdown-contents {
background: #fff;
border-color: #B9B9B9;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
.dropdown-up .dropdown-contents {
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.dropdown li, .dropdown li li {
border-color: #DCDCDC;
}
.dropdown li.separator {
border-color: #DCDCDC;
}
/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
color: #4C5D77;
}
li.notification-reported strong, li.notification-disapproved strong {
color: #D31141;
}
.badge {
background-color: #D31141;
color: #ffffff;
}
common.css
Code: Select all
/* General Markup Styles
---------------------------------------- */
html {
font-size: 100%;
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
height: 101%;
}
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: normal;
margin: 0;
padding: 0 0 12px 0;
word-wrap: break-word;
-webkit-print-color-adjust: exact;
}
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}
h2 {
/* Forum header titles */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h2.solo {
margin-bottom: 1em;
}
h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid transparent;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
margin-top: 20px;
}
h4 {
/* Forum and topic list titles */
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
font-size: 1.3em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 1.5em;
}
img {
border-width: 0;
}
hr {
border: 0 solid transparent;
border-top-width: 1px;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top-style: dashed;
margin: 10px 0;
}
hr.divider {
display: none;
}
p.right {
text-align: right;
}
p.jumpbox-return {
margin-top: 10px;
margin-bottom: 0;
float: left;
}
b, strong {
font-weight: bold;
}
.text-strong {
font-weight: bold;
}
i, em {
font-style: italic;
}
.text-italics {
font-style: italic;
}
u {
text-decoration: underline;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
li {
display: list-item;
}
ul ul, ol ul {
list-style-type: circle;
}
ol ol ul, ol ul ul, ul ol ul, ul ul ul {
list-style-type: square;
}
a:hover { text-decoration: underline; }
/* Main blocks
---------------------------------------- */
.wrap {
padding: 15px;
}
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
.wrap {
margin: 0 12px;
}
}
.page-body {
margin: 4px 0;
clear: both;
}
.page-footer {
clear: both;
}
.page-footer h3 {
margin-top: 20px;
}
.logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
.logo:hover {
text-decoration: none;
}
.site_logo {
display: inline-block;
width: 149px;
height: 52px;
}
/* Site description and logo */
.site-description {
float: left;
width: 65%;
}
.site-description h1 {
margin-right: 0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
margin-bottom: 4px;
padding: 0 15px;
border-radius: 7px;
}
.navbar {
padding: 3px 10px;
border-radius: 7px;
}
.forabg {
margin-bottom: 4px;
padding: 5px;
clear: both;
border-radius: 7px;
}
.forumbg {
margin-bottom: 4px;
padding: 5px;
clear: both;
border-radius: 7px;
}
.panel {
margin-bottom: 4px;
padding: 5px 10px;
border-radius: 7px;
}
.post {
padding: 5px 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
border-radius: 7px;
position: relative;
}
.rowbg {
margin: 5px 5px 2px 5px;
}
/* Horizontal lists
----------------------------------------*/
.navbar ul.linklist {
padding: 2px 0;
list-style-type: none;
}
ul.linklist {
display: block;
margin: 0;
}
.cp-main .panel {
padding: 5px 10px;
}
ul.linklist > li {
float: left;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
margin-right: 7px;
padding-top: 1px;
width: auto;
}
ul.linklist > li.rightside, p.rightside, a.rightside {
float: right;
margin-right: 0;
margin-left: 7px;
text-align: right;
}
ul.navlinks {
border-top: 1px solid transparent;
}
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
}
ul.rightside {
float: right;
margin-left: 5px;
margin-right: -5px;
text-align: right;
}
ul.linklist li.responsive-menu {
position: relative;
margin: 0 5px 0 0;
}
.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
max-width: 48%;
}
.hasjs ul.linklist.fullwidth {
max-width: none;
}
li.responsive-menu.dropdown-right .dropdown {
left: -9px;
}
li.responsive-menu.dropdown-left .dropdown {
right: -6px;
}
ul.linklist .dropdown {
top: 22px;
}
ul.linklist .dropdown-up .dropdown {
bottom: 18px;
top: auto;
}
/* Bulletin icons for list items
----------------------------------------*/
ul.linklist.bulletin > li:before {
display: inline-block;
content: "\2022";
font-size: inherit;
line-height: inherit;
padding-right: 4px;
}
ul.linklist.bulletin > li:first-child:before,
ul.linklist.bulletin > li.rightside:last-child:before {
content: none;
}
ul.linklist.bulletin > li.no-bulletin:before {
content: none;
}
.responsive-menu:before {
display: none !important;
}
/* Profile in overall_header.html */
.header-profile {
display: inline-block;
vertical-align: top;
}
a.header-avatar,
a.header-avatar:hover {
text-decoration: none;
}
a.header-avatar img {
margin-bottom: 2px;
max-height: 20px;
vertical-align: middle;
width: auto;
}
a.header-avatar span:after {
content: '\f0dd';
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
padding-left: 6px;
padding-top: 2px;
vertical-align: top;
}
/* Dropdown menu
----------------------------------------*/
.dropdown-container {
position: relative;
}
.dropdown-container-right {
float: right;
}
.dropdown-container-left {
float: left;
}
.nojs .dropdown-container:hover .dropdown {
display: block !important;
}
.dropdown {
display: none;
position: absolute;
left: 0;
top: 1.2em;
z-index: 2;
border: 1px solid transparent;
border-radius: 5px;
padding: 9px 0 0;
margin-right: -500px;
}
.dropdown.live-search {
top: auto;
}
.dropdown-container.topic-tools {
float: left;
}
.dropdown-up .dropdown {
top: auto;
bottom: 1.2em;
padding: 0 0 9px;
}
.dropdown-left .dropdown, .nojs .rightside .dropdown {
left: auto;
right: 0;
margin-left: -500px;
margin-right: 0;
}
.dropdown-button-control .dropdown {
top: 24px;
}
.dropdown-button-control.dropdown-up .dropdown {
top: auto;
bottom: 24px;
}
.dropdown .pointer, .dropdown .pointer-inner {
position: absolute;
width: 0;
height: 0;
border-top-width: 0;
border-bottom: 10px solid transparent;
border-left: 10px dashed transparent;
border-right: 10px dashed transparent;
-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
display: block;
}
.dropdown-up .pointer, .dropdown-up .pointer-inner {
border-bottom-width: 0;
border-top: 10px solid transparent;
}
.dropdown .pointer {
right: auto;
left: 10px;
top: -1px;
z-index: 3;
}
.dropdown-up .pointer {
bottom: -1px;
top: auto;
}
.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
left: auto;
right: 10px;
}
.dropdown .pointer-inner {
top: auto;
bottom: -11px;
left: -10px;
}
.dropdown-up .pointer-inner {
bottom: auto;
top: -11px;
}
.dropdown .dropdown-contents {
z-index: 2;
overflow: hidden;
overflow-y: auto;
border: 1px solid transparent;
border-radius: 5px;
padding: 5px;
position: relative;
max-height: 300px;
}
.dropdown-contents a {
display: block;
padding: 5px;
}
.jumpbox {
margin: 5px 0;
}
.jumpbox .dropdown li {
border-top: 1px solid transparent;
}
.jumpbox .dropdown-select {
margin: 0;
}
.jumpbox .dropdown-contents {
padding: 0;
text-decoration: none;
}
.jumpbox .dropdown-contents li {
padding: 0;
}
.jumpbox .dropdown-contents a {
margin-right: 20px;
padding: 5px 10px;
text-decoration: none;
width: 100%;
}
.jumpbox .spacer {
display: inline-block;
width: 0px;
}
.jumpbox .spacer + .spacer {
width: 20px;
}
.dropdown-contents a {
display: block;
padding: 5px;
}
.jumpbox .dropdown-select {
margin: 0;
}
.jumpbox .dropdown-contents a {
text-decoration: none;
}
.dropdown li {
display: list-item;
border-top: 1px dotted transparent;
float: none !important;
line-height: normal !important;
font-size: 1em !important;
list-style: none;
margin: 0;
white-space: nowrap;
text-align: left;
}
.dropdown-contents > li {
padding-right: 15px;
}
.dropdown-nonscroll > li {
padding-right: 0;
}
.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
border-top: 0;
}
.dropdown li li:first-child {
margin-top: 4px;
}
.dropdown li li:last-child {
padding-bottom: 0;
}
.dropdown li li {
border-top: 1px dotted transparent;
padding-left: 18px;
}
.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
white-space: normal;
}
.dropdown li.separator {
border-top: 1px solid transparent;
padding: 0;
}
.dropdown li.separator:first-child, .dropdown li.separator:last-child {
display: none !important;
}
/* Responsive breadcrumbs
----------------------------------------*/
.breadcrumbs .crumb {
float: left;
font-weight: bold;
word-wrap: normal;
}
.breadcrumbs .crumb:before {
content: '\2039';
font-weight: bold;
padding: 0 0.5em;
}
.breadcrumbs .crumb:first-child:before {
content: none;
}
.breadcrumbs .crumb a {
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
overflow: hidden;
}
.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
/* Table styles
----------------------------------------*/
table.table1 {
width: 100%;
}
.ucp-main table.table1 {
padding: 2px;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid transparent;
}
table.table1 td {
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid transparent;
}
table.table1 tbody th {
padding: 5px;
border-top: 1px solid transparent;
text-align: left;
}
/* Specific column styles */
table.table1 .name { text-align: left; }
table.table1 .center { text-align: center; }
table.table1 .reportby { width: 15%; }
table.table1 .posts { text-align: center; width: 7%; }
table.table1 .joined { text-align: left; width: 15%; }
table.table1 .active { text-align: left; width: 15%; }
table.table1 .mark { text-align: center; width: 7%; }
table.table1 .info { text-align: left; width: 30%; }
table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }
table.table1 span.rank-img {
float: right;
width: auto;
}
table.info td {
padding: 3px;
}
table.info tbody th {
padding: 3px;
text-align: right;
vertical-align: top;
font-weight: normal;
}
.forumbg table.table1 {
margin: 0;
}
.forumbg-table > .inner {
margin: 0 -1px;
}
.color_palette_placeholder table {
border-collapse: separate;
border-spacing: 1px;
}
/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts */
.column1 {
float: left;
clear: left;
width: 49%;
}
.column2 {
float: right;
clear: right;
width: 49%;
}
/* General classes for placing floating blocks */
.left-box {
float: left;
width: auto;
text-align: left;
max-width: 100%;
}
.left-box.profile-details {
width: 80%;
}
.right-box {
float: right;
width: auto;
text-align: right;
max-width: 100%;
}
dl.details {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 1.1em;
}
dl.details dt {
float: left;
clear: left;
width: 30%;
text-align: right;
display: block;
}
dl.details dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
float: left;
width: 65%;
overflow: hidden;
text-overflow: ellipsis;
}
.clearfix, fieldset dl, ul.topiclist dl, dl.polls {
overflow: hidden;
}
fieldset.fields1 ul.recipients {
list-style-type: none;
line-height: 1.8;
max-height: 150px;
overflow-y: auto;
}
fieldset.fields1 dd.recipients {
clear: left;
margin-left: 1em;
}
fieldset.fields1 ul.recipients input.button2{
font-size: 0.8em;
margin-right: 0;
padding: 0;
}
fieldset.fields1 dl.pmlist > dt {
width: auto !important;
}
fieldset.fields1 dl.pmlist dd.recipients {
margin-left: 0 !important;
}
/* Action-bars (container for post/reply buttons, pagination, etc.)
---------------------------------------- */
.action-bar {
font-size: 11px;
margin: 4px 0;
}
.forabg + .action-bar {
margin-top: 2em;
}
.action-bar .button {
margin-right: 5px;
float: left;
}
.action-bar .button-search {
margin-right: 0;
}
/* Pagination
---------------------------------------- */
.pagination {
float: right;
text-align: right;
width: auto;
}
.action-bar.bar-bottom .pagination {
margin-top: 0;
}
.action-bar .pagination .button {
margin-right: 0;
float: none;
}
.pagination > ul {
display: inline-block;
list-style: none !important;
margin-left: 5px;
}
.pagination > ul > li {
display: inline-block !important;
padding: 0;
font-size: 100%;
line-height: normal;
vertical-align: middle;
}
.pagination li a, .pagination li span {
border-radius: 2px;
padding: 2px 5px;
}
.pagination li.active span {
display: inline-block;
font-size: 13px;
font-weight: normal;
font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
line-height: 1.4;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 1px solid transparent;
}
.pagination li.ellipsis span {
border: none;
padding: 0;
}
.pagination li.page-jump {
margin-right: 5px;
}
.pagination li.page-jump a {
padding: 0 8px;
}
.pagination li.page-jump a i {
font-size: 21px;
}
.pagination .arrow a {
padding: 2px 0;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
margin-top: -12px;
}
.row .pagination > ul {
margin: 0;
}
.row .pagination li a, .row .pagination li span {
border-radius: 2px;
padding: 1px 3px;
font-size: 9px;
}
/* jQuery popups
---------------------------------------- */
.phpbb_alert {
border: 1px solid transparent;
display: none;
left: 0;
padding: 0 25px 20px 25px;
position: fixed;
right: 0;
top: 150px;
z-index: 50;
width: 620px;
margin: 0 auto;
}
@media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
{
.phpbb_alert {
top: 25px;
}
}
.phpbb_alert .alert_close {
float: right;
margin-right: -36px;
margin-top: -8px;
}
.phpbb_alert p {
margin: 8px 0;
padding-bottom: 8px;
}
.phpbb_alert label {
display: block;
margin: 8px 0;
padding-bottom: 8px;
}
.phpbb_alert div.alert_text > p,
.phpbb_alert div.alert_text > label,
.phpbb_alert div.alert_text > select,
.phpbb_alert div.alert_text > textarea,
.phpbb_alert div.alert_text > input {
font-size: 1.1em;
}
.darkenwrapper {
display: none;
position: relative;
z-index: 44;
}
.darken {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 45;
}
.loading_indicator {
background: center center no-repeat;
border-radius: 5px;
display: none;
opacity: 0.8;
margin-top: -50px;
margin-left: -50px;
height: 50px;
width: 50px;
position: fixed;
left: 50%;
top: 50%;
z-index: 51;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
padding: 5px;
text-align: center;
}
.small {
font-size: 0.9em !important;
}
.titlespace {
margin-bottom: 15px;
}
.headerspace {
margin-top: 20px;
}
.error {
font-weight: bold;
font-size: 1em;
}
div.rules {
margin: 10px 0;
font-size: 1.1em;
padding: 5px 10px;
border-radius: 7px;
}
div.rules ul, div.rules ol {
margin-left: 20px;
}
p.post-notice {
position: relative;
padding: 5px;
min-height: 14px;
margin-bottom: 1em;
}
form > p.post-notice strong {
line-height: 20px;
}
.stat-block {
clear: both;
}
.top-anchor {
display: block;
position: absolute;
top: -20px;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
/* Inner box-model clearing */
.inner:after,
ul.linklist:after,
.action-bar:after,
.notification_text:after,
.tabs-container:after,
.tabs > ul:after,
.minitabs > ul:after,
.postprofile .avatar-container:after {
clear: both;
content: '';
display: block;
}
.emoji {
min-height: 18px;
min-width: 18px;
height: 1em;
width: 1em;
}
.smilies {
vertical-align: text-bottom;
}
.icon-notification {
position: relative;
}
.member-search {
float: left;
margin: 0;
padding: 6px 10px;
}
.member-search strong {
font-size: 0.95em;
}
.dropdown-extended {
display: none;
z-index: 1;
}
.dropdown-extended ul {
max-height: 350px;
overflow-y: auto;
overflow-x: hidden;
clear: both;
}
.dropdown-extended ul li {
padding: 0;
margin: 0 !important;
float: none;
border-top: 1px solid;
list-style-type: none;
font-size: 0.95em;
clear: both;
position: relative;
}
.dropdown-extended ul li:first-child {
border-top: none;
}
.dropdown-extended ul li.no_notifications {
padding: 10px;
}
.dropdown-extended .dropdown-contents {
max-height: none;
padding: 0;
position: absolute;
width: 340px;
}
.nojs .dropdown-extended .dropdown-contents {
position: relative;
}
.dropdown-extended .header {
padding: 0 10px;
font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
text-shadow: 1px 1px 1px white;
text-transform: uppercase;
line-height: 3em;
border-bottom: 1px solid;
border-radius: 5px 5px 0 0;
}
.dropdown-extended .header .header_settings {
float: right;
font-weight: normal;
text-transform: none;
}
.dropdown-extended .header .header_settings a {
display: inline-block;
padding: 0 5px;
}
.dropdown-extended .header:after {
content: '';
display: table;
clear: both;
}
.dropdown-extended .footer {
text-align: center;
font-size: 1.1em;
}
.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
padding: 8px;
}
.dropdown-extended .footer > a {
padding: 5px 0;
}
.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
display: block;
text-decoration: none;
}
.notification_list ul li img {
float: left;
max-height: 50px;
max-width: 50px;
width: auto !important;
height: auto !important;
margin-right: 5px;
}
.notification_list ul li p {
margin-bottom: 4px;
font-size: 1em;
}
.notification_list p.notification-reference,
.notification_list p.notification-location,
.notification_list li a p.notification-reason {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notification_list p.notification-time {
font-size: 0.9em;
margin: 0;
text-align: right;
}
.notification_list div.notifications {
margin-left: 50px;
padding: 5px;
}
.notification_list div.notifications a {
display: block;
}
.notification_list p.notifications_title {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em !important;
}
.notification_list p.notifications_title strong {
font-weight: bold;
}
.notification_list p.notifications_time {
font-size: 0.9em !important;
}
.notification_text {
margin-left: 58px;
}
.badge {
border-radius: 10px;
opacity: 0.8;
text-align: center;
white-space: nowrap;
font-size: 10px;
line-height: 1;
float: right;
display: inline-block;
margin-left: 3px;
vertical-align: baseline;
position: relative;
top: 3px;
padding: 4px 6px;
}
.badge.hidden {
display: none;
}
/* Navbar specific list items
----------------------------------------*/
.linklist .quick-links {
margin: 0 7px 0 0;
}
.linklist.compact .rightside > a > span {
display: none;
}
.dropdown-page-jump .dropdown {
top: 20px;
}
.dropdown-page-jump.dropdown-up .dropdown {
bottom: 20px;
}
.dropdown-page-jump input.tiny {
width: 50px;
}
.dropdown .clone.hidden + li.separator {
display: none;
}
.dropdown .clone.hidden + li {
border-top: none;
}
button.css
Code: Select all
/* Button Styles
---------------------------------------- */
.button {
display: inline-block;
padding: 2px 8px;
font-size: 13px;
font-weight: normal;
font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
line-height: 1.4;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 4px;
}
.button:focus,
.button:hover {
text-decoration: none;
outline: none;
}
.caret {
border-left: 1px solid;
position: relative;
right: -6px;
}
.caret i {
vertical-align: top;
}
/* Posting page styles
----------------------------------------*/
.button-search,
.button-search-end {
float: left;
border-radius: 0;
margin: 0;
padding: 2px 5px;
}
.button-search-end {
border-left-width: 0;
border-radius: 0 4px 4px 0;
}
.search-header .button-search,
.search-header .button-search-end {
border-top-width: 0;
border-bottom-width: 0;
padding: 3px 5px;
}
.search-header .button-search-end {
border-right-width: 0;
}
.button-icon-only {
padding-left: 3px;
padding-right: 3px;
}
/* Poster contact icons
----------------------------------------*/
.contact-icons.dropdown-contents {
min-width: 0;
padding: 0;
font-size: 0;
}
.contact-icon {
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}
.contact-icons a {
border-bottom: 1px dotted;
border-right: 1px dotted;
display: block;
float: left;
padding: 8px;
}
.contact-icons .last-cell {
border-right: none;
}
.contact-icons div:last-child a {
border-bottom: none;
}
.contact-icons div {
clear: left;
}
/* Post control buttons
--------------------------------------------- */
.post-buttons {
float: right;
list-style: none;
margin-top: 2px;
}
.has-profile .post-buttons {
float: none;
position: absolute;
margin: 0;
right: 0;
top: 5px;
}
.post-buttons > li {
float: left;
margin-right: 3px;
}
.post-buttons .button, .format-buttons .button {
padding-left: 3px;
padding-right: 3px;
}
.hastouch .post-buttons {
margin-right: 10px;
}
.post-buttons .button span {
font-size: 0;
}
/* Responsive buttons in post body */
.post-buttons .dropdown {
top: 18px;
}
.post-buttons .dropdown a {
display: block;
font-size: 1.2em;
text-align: right;
}
.hasjs .postbody .post-buttons {
max-width: 40%;
}
/* Browser-specific tweaks */
button::-moz-focus-inner {
padding: 0;
border: 0
}
/* Deprecated as of version 3.2
-------------------------------------------------*/
.small-icon {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
}
.dropdown .small-icon {
background-position: 5px 50%;
padding: 5px;
}
.small-icon > a {
padding: 0 0 0 18px;
}
ul.linklist.bulletin > li.small-icon:before {
display: none;
}
.dropdown .small-icon > a {
display: block;
}
.rtl .small-icon {
background-position: 100% 50%;
}
.rtl .small-icon > a {
padding-left: 0;
padding-right: 19px;
}
stylesheet.css
Code: Select all
/* phpBB3 Style Sheet
--------------------------------------------------------------
Style name: prosilver (the default phpBB 3.2.x style)
Based on style:
Original author: Tom Beddard ( http://www.subblue.com/ )
Modified by: phpBB Limited ( https://www.phpbb.com/ )
--------------------------------------------------------------
*/
@import url("normalize.css?v=3.2");
@import url("base.css?v=3.2");
@import url("utilities.css?v=3.2");
@import url("common.css?v=3.2");
@import url("links.css?v=3.2");
@import url("content.css?v=3.2");
@import url("buttons.css?v=3.2");
@import url("cp.css?v=3.2");
@import url("forms.css?v=3.2");
@import url("icons.css?v=3.2");
@import url("colours.css?v=3.2");
@import url("responsive.css?v=3.2");
@import url("theme.css");
theme.css
Code: Select all
.theme-topnav {
padding: 1em;
background-color: #dcefff;
border-bottom: 1px solid #cadceb;
border-radius: 5px 5px 0 0;
}
.theme-topnav a {
display: inline-block;
padding: 0.5em 1em 0.5em 1em;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
.theme-topnav a:active,
.theme-topnav a:link,
.theme-topnav a:visited {
color: white;
}
.theme-topnav a:hover {
text-decoration: underline;
}
.dark { background-color: #154451; }
.green { background-color: #25b786; }
.blue { background-color: #1e86be; }
.pink { background-color: #da5d86; }
.theme-topnav a:nth-child(1) { background-color: #154451; }
.theme-topnav a:nth-child(2) { background-color: #25b786; }
.theme-topnav a:nth-child(3) { background-color: #1e86be; }
.theme-topnav a:nth-child(4) { background-color: #da5d86; }
.theme-wrap, .theme-header {
margin: 0 auto 0 auto;
max-width: 1100px;
}
.theme-wrap {
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
}
.theme-contents {
background-color: #f8fcff;
border-radius: 0px 0px 5px 5px;
border: 1px solid transparent;
}
.theme-header {
height: 129px;
background-image: url("./images/love_right.png");
background-position: bottom right, top left;
background-repeat: no-repeat, no-repeat;
}
.theme-topnav-search {
border-radius: 4px;
display: block;
float: right;
margin-right: 5px;
}
theme_navbar.html
Code: Select all
<nav class="theme-topnav">
<a href="/">Home</a>
<a href="/wiki">Wiki</a>
<a href="/forum">Forum</a>
<a href="http://bitbucket.org/rude/love/issues">Issue tracker</a>
<!-- EVENT overall_header_searchbox_before -->
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box" class="search-box search-header" role="search">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
<button class="button button-search" type="submit" title="{L_SEARCH}">
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
</button>
<button href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
</button>
{S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<!-- EVENT overall_header_searchbox_after -->
</nav>
colours.css
Code: Select all
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #536482;
background-color: #6cbee4;
}
h1 {
color: #FFFFFF;
}
h2 {
color: #28313F;
}
h3 {
border-bottom-color: #CCCCCC;
color: #115098;
}
hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a { color: #105289; }
a:hover { color: #D31141; }
/* 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: #A8D8FF;
}
/* Notification mark read link */
.dropdown-extended a.mark_read {
background-color: #FFFFFF;
}
/* Post body links */
.postlink {
border-bottom-color: #368AD2;
color: #368AD2;
}
.postlink:visited {
border-bottom-color: #5D8FBD;
color: #5D8FBD;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
.signature a, .signature a:hover {
background-color: transparent;
}
/* Back to top of page */
.top i {
color: #999999;
}
/* Arrow links */
.arrow-left:hover, .arrow-right:hover {
color: #368AD2;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar, forumbg {
color: #FFFFFF;
height: 200px;
background-position: center top;
background-repeat: no-repeat, no-repeat;
background-image: url(./images/Untitled.png);
max-width: 1152px;
margin: auto;
}
.forumbg {
background-color: #12A3EB;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
background-repeat: repeat-x;
}
.forabg {
background-color: #0076B1;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
background-repeat: repeat-x;
}
.navbar {
background-color: #CADCEB;
}
.panel {
background-color: #ECF1F3;
color: #28313F;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 {
background-color: #ECF3F7;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
background-color: #ECF3F7;
}
.bg2 {
background-color: #E1EBF2;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
background-color: #E1EBF2;
}
.bg3 {
background-color: #CADCEB;
}
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
.site_logo {
background-image: url("./images/site_logo.gif");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-top-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;
}
table.table1 td {
color: #536482;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #536482;
}
.sep {
color: #1198D9;
}
/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
color: #196db5;
}
.icon.icon-green, a:hover .icon.icon-green{
color: #1b9A1B;
}
.icon.icon-red, a:hover .icon.icon-red{
color: #BC2A4D;
}
.icon.icon-orange, a:hover .icon.icon-orange{
color: #FF6600;
}
.icon.icon-bluegray, a:hover .icon.icon-bluegray{
color: #536482;
}
.icon.icon-gray, a:hover .icon.icon-gray{
color: #777777;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray{
color: #999999;
}
.icon.icon-black, a:hover .icon.icon-black{
color: #333333;
}
.alert_close .icon:before {
background-color: #FFFFFF;
}
/* Jumpbox */
.jumpbox .dropdown li {
border-top-color: #CCCCCC;
}
.jumpbox-cat-link {
background-color: #0076b1;
border-top-color: #0076B1;
color: #FFFFFF;
}
.jumpbox-cat-link:hover {
background-color: #12A3EB;
border-top-color: #12A3EB;
color: #FFFFFF;
}
.jumpbox-forum-link {
background-color: #E1EBF2;
}
.jumpbox-forum-link:hover {
background-color: #F6F4D0;
}
.jumpbox .dropdown .pointer-inner {
border-color: #E1EBF2 transparent;
}
.jumpbox-sub-link {
background-color: #E1EBF2;
}
.jumpbox-sub-link:hover {
background-color: #F1F8FF;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}
p.post-notice {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}
ul.topiclist li {
color: #4C5D77;
}
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: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
color: #115098;
border-bottom-color: #CCCCCC;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
}
/* Post signature */
.signature {
border-top-color: #CCCCCC;
}
/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
border-color:#DBDBCE;
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.codebox p {
border-bottom-color: #CCCCCC;
}
.codebox code {
color: #2E8B57;
}
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
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: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-color: #FFFFFF;
}
.pm .postprofile {
border-color: #DDDDDD;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("./en/icon_user_online.gif");
}
dd.profile-warnings {
color: #BC2A4D;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
border-color: #C7C3BF;
background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
box-shadow: 0 0 0 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
color: #D31141;
}
.button:hover,
.button:focus {
border-color: #0A8ED0;
background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}
.button .icon,
.button-secondary {
color: #8f8f8f;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
color: #0A8ED0;
}
.button-search:hover,
.button-search-end:hover {
border-color: #C7C3BF;
}
.caret { border-color: #DADADA; }
.caret { border-color: #C7C3BF; }
.contact-icons a { border-color: #DCDCDC; }
.contact-icons a:hover { background-color: #F2F6F9; }
/* Pagination
---------------------------------------- */
.pagination li a {
background: #ECEDEE;
filter: none;
border-color: #B4BAC0;
box-shadow: none;
-webkit-box-shadow: none;
color: #5C758C;
}
.pagination li.ellipsis span {
background: transparent;
color: #000000;
}
.pagination li.active span {
background: #4692BF;
border-color: #4692BF;
color: #FFFFFF;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
background: #368AD2;
border-color: #368AD2;
filter: none;
color: #FFFFFF;
text-shadow: none;
}
/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
border-color: #C7C3BF;
}
.search-header {
box-shadow: 0 0 10px #0075B0;
}
/* Icon images
---------------------------------------- */
.contact-icon { background-image: url("./images/icons_contact.png"); }
/* Profile & navigation icons */
.pm-icon { background-position: 0 0; }
.email-icon { background-position: -21px 0; }
.jabber-icon { background-position: -80px 0; }
.phpbb_icq-icon { background-position: -61px 0 ; }
.phpbb_wlm-icon { background-position: -182px 0; }
.phpbb_aol-icon { background-position: -244px 0; }
.phpbb_website-icon { background-position: -40px 0; }
.phpbb_youtube-icon { background-position: -98px 0; }
.phpbb_facebook-icon { background-position: -119px 0; }
.phpbb_googleplus-icon { background-position: -140px 0; }
.phpbb_skype-icon { background-position: -161px 0; }
.phpbb_twitter-icon { background-position: -203px 0; }
.phpbb_yahoo-icon { background-position: -224px 0; }
/* Forum icons & Topic icons */
.global_read { background-image: url("./images/announce_read.gif"); }
.global_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread { background-image: url("./images/announce_unread.gif"); }
.global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.announce_read { background-image: url("./images/announce_read.gif"); }
.announce_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread { background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.forum_link { background-image: url("./images/forum_link.gif"); }
.forum_read { background-image: url("./images/forum_read.gif"); }
.forum_read_locked { background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread { background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); }
.sticky_read { background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread { background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); }
.topic_moved { background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read { background-image: url("./images/topic_read.gif"); }
.topic_read_mine { background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot { background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked { background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread { background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, .cp-menu hr {
border-color: #A4B3BF;
}
.panel-container .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}
ul.cplist {
border-top-color: #B5C1CB;
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
color: #000000;
}
.panel-container table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}
.cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
background: #BACCD9;
color: #536482;
}
.tabs .tab > a:hover {
background: #DDEDFB;
color: #D31141;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
border-color: #CADCEB;
box-shadow: 0 1px 1px #F2F9FF inset;
color: #333333;
}
.tabs .activetab > a:hover {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
background-color: #E1EBF2;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
background-color: #F9F9F9;
color: #333333;
}
/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
border-color: #536482;
}
.responsive-tab .responsive-tab-link:hover:before {
border-color: #D31141;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
.navigation a {
color: #333;
background: #CADCEB; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
}
.rtl .navigation a {
background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
}
.navigation a:hover {
background: #AABAC6;
color: #BC2A4D;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a {
background: #F9F9F9;
color: #D31141;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a:hover {
color: #D31141;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
#navigation a, .rtl #navigation a {
background: #B2C2CF;
}
}
/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
color: #333333;
}
.panel-container .panel {
background-color: #F9F9F9;
}
.cp-main .pm {
background-color: #FFFFFF;
}
/* Friends list */
.cp-mini {
background-color: #EEF5F9;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
.gallery label {
background: #FFFFFF;
border-color: #CCC;
}
.gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}
label {
color: #425067;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
fieldset.fields1 {
background-color: transparent;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
.message-box textarea {
color: #333333;
}
.message-box textarea.drag-n-drop {
outline-color: rgba(102, 102, 102, 0.5);
}
.message-box textarea.drag-n-drop-highlight {
outline-color: rgba(17, 163, 234, 0.5);
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:-moz-placeholder {
color: #333333;
}
.inputbox::-webkit-input-placeholder {
color: #333333;
}
.inputbox:hover {
border-color: #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
}
.inputbox:focus:-moz-placeholder {
color: transparent;
}
.inputbox:focus::-webkit-input-placeholder {
color: transparent;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}
/* <a> button in the style of the form buttons */
a.button1, a.button2 {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #D31141;
color: #D31141;
background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
border-color: #11A3EA;
color: #0F4987;
}
input.disabled {
color: #666666;
}
/* jQuery popups
---------------------------------------- */
.phpbb_alert {
background-color: #FFFFFF;
border-color: #999999;
}
.darken {
background-color: #000000;
}
.loading_indicator {
background-color: #000000;
background-image: url("./images/loading.gif");
}
.dropdown-extended ul li {
border-top-color: #B9B9B9;
}
.dropdown-extended ul li:hover {
background-color: #CFE1F6;
color: #000000;
}
.dropdown-extended .header, .dropdown-extended .footer {
border-color: #B9B9B9;
color: #000000;
}
.dropdown-extended .footer {
border-top-style: solid;
border-top-width: 1px;
}
.dropdown-extended .header {
background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
}
.dropdown .pointer {
border-color: #B9B9B9 transparent;
}
.dropdown .pointer-inner {
border-color: #FFF transparent;
}
.dropdown-extended .pointer-inner {
border-color: #F1F8FF transparent;
}
.dropdown .dropdown-contents {
background: #fff;
border-color: #B9B9B9;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
.dropdown-up .dropdown-contents {
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.dropdown li, .dropdown li li {
border-color: #DCDCDC;
}
.dropdown li.separator {
border-color: #DCDCDC;
}
/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
color: #4C5D77;
}
li.notification-reported strong, li.notification-disapproved strong {
color: #D31141;
}
.badge {
background-color: #D31141;
color: #ffffff;
}
theme.css
Code: Select all
.theme-topnav {
padding: 1em;
background-color: #dcefff;
border-bottom: 1px solid #cadceb;
border-radius: 5px 5px 0 0;
}
.theme-topnav a {
display: inline-block;
padding: 0.5em 1em 0.5em 1em;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
.theme-topnav a:active,
.theme-topnav a:link,
.theme-topnav a:visited {
color: white;
}
.theme-topnav a:hover {
text-decoration: underline;
}
.dark { background-color: #154451; }
.green { background-color: #25b786; }
.blue { background-color: #1e86be; }
.pink { background-color: #da5d86; }
.theme-topnav a:nth-child(1) { background-color: #154451; }
.theme-topnav a:nth-child(2) { background-color: #25b786; }
.theme-topnav a:nth-child(3) { background-color: #1e86be; }
.theme-topnav a:nth-child(4) { background-color: #da5d86; }
.theme-wrap, .theme-header {
margin: 0 auto 0 auto;
max-width: 1100px;
}
.theme-wrap {
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
}
.theme-contents {
background-color: #f8fcff;
border-radius: 0px 0px 5px 5px;
border: 1px solid transparent;
}
.theme-header {
height: 200px;
background-image: url("./images/love_right.png");
background-position: bottom right, top left;
background-repeat: no-repeat, no-repeat;
}
.theme-topnav-search {
border-radius: 4px;
display: block;
float: right;
margin-right: 5px;
}
@media (max-width: 700px)
.theme-topnav-search {
display: none;
}
}
overall_header.html
Code: Select all
<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>
<!-- IF S_ENABLE_FEEDS -->
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{{ path('phpbb_feed_index') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{{ path('phpbb_feed_news') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{{ path('phpbb_feed_forums') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{{ path('phpbb_feed_topics') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{{ path('phpbb_feed_topics_active') }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}"><!-- ENDIF -->
<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->
<!-- IF U_CANONICAL -->
<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->
<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:
-->
<!-- IF S_ALLOW_CDN -->
<script>
WebFontConfig = {
google: {
families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
}
};
(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<!-- ENDIF -->
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->
<!-- IF S_PLUPLOAD -->
<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->
<!-- IF S_COOKIE_NOTICE -->
<link href="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->
<!--[if lte IE 9]>
<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->
<!-- EVENT overall_header_head_append -->
{$STYLESHEETS}
<!-- EVENT overall_header_stylesheets_after -->
<link rel="shortcut icon" href="https://fliper4o.000webhostapp.com/forum/favicon.ico" />
</head>
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">
<!-- EVENT overall_header_body_before -->
<div class="headerbar" role="banner">
<!-- EVENT overall_header_headerbar_before -->
<header class="theme-header"></header>
<!-- EVENT overall_header_headerbar_after -->
</div>
<div class="theme-wrap">
<!-- INCLUDE theme_navbar.html -->
<div class="theme-contents">
<div id="wrap" class="wrap">
<a id="top" class="top-anchor" accesskey="t"></a>
<div id="page-header">
<!-- EVENT overall_header_navbar_before -->
<!-- INCLUDE navbar_header.html -->
</div>
<!-- EVENT overall_header_page_body_before -->
<a id="start_here" class="anchor"></a>
<div id="page-body" class="page-body" role="main">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
<div id="information" class="rules">
<div class="inner">
<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
</div>
</div>
<!-- ENDIF -->
<!-- EVENT overall_header_content_before -->
love.css
Code: Select all
nav {
padding: 1em;
background-color: #dcefff;
border-bottom: 1px solid #cadceb;
border-radius: 5px 5px 0 0;
}
nav a {
display: inline-block;
padding: 0.5em 1em 0.5em 1em;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
nav a:active,
nav a:link,
nav a:visited {
color: white;
}
nav a:hover {
text-decoration: underline;
}
.dark { background-color: #154451; }
.green { background-color: #25b786; }
.blue { background-color: #1e86be; }
.pink { background-color: #da5d86; }
nav a:nth-child(1) { background-color: #154451; }
nav a:nth-child(2) { background-color: #25b786; }
nav a:nth-child(3) { background-color: #1e86be; }
nav a:nth-child(4) { background-color: #da5d86; }
html {
background-color: #6cbee4;
}
body {
background-color: #6cbee4;
padding: 0 1em 1em 1em;
}
#love_wrap, #love_header {
margin: 0 auto 0 auto;
max-width: 1100px;
}
#love_wrap {
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
}
#love_content {
background-color: #f8fcff;
border-radius: 0px 0px 5px 5px;
border: 1px solid transparent;
}
#love_header {
height: 129px;
background-image: url("./images/love_right.png"), url("./images/love_left.png");
background-position: bottom right, top left;
background-repeat: no-repeat, no-repeat;
}
#wrap {
border: 1px;
}
.content > img {
max-width: 100%;
max-height: 100%;
}
.codebox {
background-color: rgb(248, 248, 255);
}
.codebox code {
color: #000;
}
.search-header {
box-shadow: none;
}
ul.navlinks {
border-top: none;
border-bottom: 1px solid #FFFFFF;
}
.forumbg {
background-color: #0076B1;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
background-repeat: repeat-x;
}
colours.css
Code: Select all
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #536482;
background-color: #F5F7FA;
}
h1 {
color: #FFFFFF;
}
h2 {
color: #28313F;
}
h3 {
border-bottom-color: #CCCCCC;
color: #115098;
}
hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a { color: #105289; }
a:hover { color: #D31141; }
/* 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: #A8D8FF;
}
/* Notification mark read link */
.dropdown-extended a.mark_read {
background-color: #FFFFFF;
}
/* Post body links */
.postlink {
border-bottom-color: #368AD2;
color: #368AD2;
}
.postlink:visited {
border-bottom-color: #5D8FBD;
color: #5D8FBD;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
.signature a, .signature a:hover {
background-color: transparent;
}
/* Back to top of page */
.top i {
color: #999999;
}
/* Arrow links */
.arrow-left:hover, .arrow-right:hover {
color: #368AD2;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.wrap {
background-color: #FFF;
}
.headerbar {
color: #FFFFFF;
}
.headerbar, .forumbg {
background-color: #12A3EB;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
background-repeat: repeat-x;
}
.forabg {
background-color: #0076B1;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
background-repeat: repeat-x;
}
.navbar {
background-color: #CADCEB;
}
.panel {
background-color: #ECF1F3;
color: #28313F;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 {
background-color: #ECF3F7;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
background-color: #ECF3F7;
}
.bg2 {
background-color: #E1EBF2;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
background-color: #E1EBF2;
}
.bg3 {
background-color: #CADCEB;
}
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
.site_logo {
background-image: url("./images/site_logo.gif");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-top-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;
}
table.table1 td {
color: #536482;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #536482;
}
.sep {
color: #1198D9;
}
/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
color: #196db5;
}
.icon.icon-green, a:hover .icon.icon-green{
color: #1b9A1B;
}
.icon.icon-red, a:hover .icon.icon-red{
color: #BC2A4D;
}
.icon.icon-orange, a:hover .icon.icon-orange{
color: #FF6600;
}
.icon.icon-bluegray, a:hover .icon.icon-bluegray{
color: #536482;
}
.icon.icon-gray, a:hover .icon.icon-gray{
color: #777777;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray{
color: #999999;
}
.icon.icon-black, a:hover .icon.icon-black{
color: #333333;
}
.alert_close .icon:before {
background-color: #FFFFFF;
}
/* Jumpbox */
.jumpbox .dropdown li {
border-top-color: #CCCCCC;
}
.jumpbox-cat-link {
background-color: #0076b1;
border-top-color: #0076B1;
color: #FFFFFF;
}
.jumpbox-cat-link:hover {
background-color: #12A3EB;
border-top-color: #12A3EB;
color: #FFFFFF;
}
.jumpbox-forum-link {
background-color: #E1EBF2;
}
.jumpbox-forum-link:hover {
background-color: #F6F4D0;
}
.jumpbox .dropdown .pointer-inner {
border-color: #E1EBF2 transparent;
}
.jumpbox-sub-link {
background-color: #E1EBF2;
}
.jumpbox-sub-link:hover {
background-color: #F1F8FF;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}
p.post-notice {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}
ul.topiclist li {
color: #4C5D77;
}
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: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
color: #115098;
border-bottom-color: #CCCCCC;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
}
/* Post signature */
.signature {
border-top-color: #CCCCCC;
}
/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
background-image: url("./images/quote.gif");
border-color:#DBDBCE;
}
.rtl blockquote {
background-image: url("./images/quote_rtl.gif");
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.codebox p {
border-bottom-color: #CCCCCC;
}
.codebox code {
color: #2E8B57;
}
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
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: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-color: #FFFFFF;
}
.pm .postprofile {
border-color: #DDDDDD;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("./en/icon_user_online.gif");
}
dd.profile-warnings {
color: #BC2A4D;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
border-color: #C7C3BF;
background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
box-shadow: 0 0 0 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
color: #D31141;
}
.button:hover,
.button:focus {
border-color: #0A8ED0;
background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}
.button .icon,
.button-secondary {
color: #8f8f8f;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
color: #0A8ED0;
}
.button-search:hover,
.button-search-end:hover {
border-color: #C7C3BF;
}
.caret { border-color: #DADADA; }
.caret { border-color: #C7C3BF; }
.contact-icons a { border-color: #DCDCDC; }
.contact-icons a:hover { background-color: #F2F6F9; }
/* Pagination
---------------------------------------- */
.pagination li a {
background: #ECEDEE;
filter: none;
border-color: #B4BAC0;
box-shadow: none;
-webkit-box-shadow: none;
color: #5C758C;
}
.pagination li.ellipsis span {
background: transparent;
color: #000000;
}
.pagination li.active span {
background: #4692BF;
border-color: #4692BF;
color: #FFFFFF;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
background: #368AD2;
border-color: #368AD2;
filter: none;
color: #FFFFFF;
text-shadow: none;
}
/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
border-color: #C7C3BF;
}
.search-header {
box-shadow: 0 0 10px #0075B0;
}
/* Icon images
---------------------------------------- */
.contact-icon { background-image: url("./images/icons_contact.png"); }
/* Profile & navigation icons */
.pm-icon { background-position: 0 0; }
.email-icon { background-position: -21px 0; }
.jabber-icon { background-position: -80px 0; }
.phpbb_icq-icon { background-position: -61px 0 ; }
.phpbb_wlm-icon { background-position: -182px 0; }
.phpbb_aol-icon { background-position: -244px 0; }
.phpbb_website-icon { background-position: -40px 0; }
.phpbb_youtube-icon { background-position: -98px 0; }
.phpbb_facebook-icon { background-position: -119px 0; }
.phpbb_googleplus-icon { background-position: -140px 0; }
.phpbb_skype-icon { background-position: -161px 0; }
.phpbb_twitter-icon { background-position: -203px 0; }
.phpbb_yahoo-icon { background-position: -224px 0; }
/* Forum icons & Topic icons */
.global_read { background-image: url("./images/announce_read.gif"); }
.global_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread { background-image: url("./images/announce_unread.gif"); }
.global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.announce_read { background-image: url("./images/announce_read.gif"); }
.announce_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread { background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.forum_link { background-image: url("./images/forum_link.gif"); }
.forum_read { background-image: url("./images/forum_read.gif"); }
.forum_read_locked { background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread { background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); }
.sticky_read { background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread { background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); }
.topic_moved { background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read { background-image: url("./images/topic_read.gif"); }
.topic_read_mine { background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot { background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked { background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread { background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, .cp-menu hr {
border-color: #A4B3BF;
}
.panel-container .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}
ul.cplist {
border-top-color: #B5C1CB;
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
color: #000000;
}
.panel-container table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}
.cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
background: #BACCD9;
color: #536482;
}
.tabs .tab > a:hover {
background: #DDEDFB;
color: #D31141;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
border-color: #CADCEB;
box-shadow: 0 1px 1px #F2F9FF inset;
color: #333333;
}
.tabs .activetab > a:hover {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
background-color: #E1EBF2;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
background-color: #F9F9F9;
color: #333333;
}
/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
border-color: #536482;
}
.responsive-tab .responsive-tab-link:hover:before {
border-color: #D31141;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
.navigation a {
color: #333;
background: #CADCEB; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
}
.rtl .navigation a {
background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
}
.navigation a:hover {
background: #AABAC6;
color: #BC2A4D;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a {
background: #F9F9F9;
color: #D31141;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a:hover {
color: #D31141;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
#navigation a, .rtl #navigation a {
background: #B2C2CF;
}
}
/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
color: #333333;
}
.panel-container .panel {
background-color: #F9F9F9;
}
.cp-main .pm {
background-color: #FFFFFF;
}
/* Friends list */
.cp-mini {
background-color: #EEF5F9;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
.gallery label {
background: #FFFFFF;
border-color: #CCC;
}
.gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}
label {
color: #425067;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
fieldset.fields1 {
background-color: transparent;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
.message-box textarea {
color: #333333;
}
.message-box textarea.drag-n-drop {
outline-color: rgba(102, 102, 102, 0.5);
}
.message-box textarea.drag-n-drop-highlight {
outline-color: rgba(17, 163, 234, 0.5);
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:-moz-placeholder {
color: #333333;
}
.inputbox::-webkit-input-placeholder {
color: #333333;
}
.inputbox:hover {
border-color: #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
}
.inputbox:focus:-moz-placeholder {
color: transparent;
}
.inputbox:focus::-webkit-input-placeholder {
color: transparent;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}
/* <a> button in the style of the form buttons */
a.button1, a.button2 {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #D31141;
color: #D31141;
background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
border-color: #11A3EA;
color: #0F4987;
}
input.disabled {
color: #666666;
}
/* jQuery popups
---------------------------------------- */
.phpbb_alert {
background-color: #FFFFFF;
border-color: #999999;
}
.darken {
background-color: #000000;
}
.loading_indicator {
background-color: #000000;
background-image: url("./images/loading.gif");
}
.dropdown-extended ul li {
border-top-color: #B9B9B9;
}
.dropdown-extended ul li:hover {
background-color: #CFE1F6;
color: #000000;
}
.dropdown-extended .header, .dropdown-extended .footer {
border-color: #B9B9B9;
color: #000000;
}
.dropdown-extended .footer {
border-top-style: solid;
border-top-width: 1px;
}
.dropdown-extended .header {
background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
}
.dropdown .pointer {
border-color: #B9B9B9 transparent;
}
.dropdown .pointer-inner {
border-color: #FFF transparent;
}
.dropdown-extended .pointer-inner {
border-color: #F1F8FF transparent;
}
.dropdown .dropdown-contents {
background: #fff;
border-color: #B9B9B9;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
.dropdown-up .dropdown-contents {
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.dropdown li, .dropdown li li {
border-color: #DCDCDC;
}
.dropdown li.separator {
border-color: #DCDCDC;
}
/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
color: #4C5D77;
}
li.notification-reported strong, li.notification-disapproved strong {
color: #D31141;
}
.badge {
background-color: #D31141;
color: #ffffff;
}
buttons.css
Code: Select all
/* Button Styles
---------------------------------------- */
.button {
display: inline-block;
padding: 2px 8px;
font-size: 13px;
font-weight: normal;
font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
line-height: 1.4;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 4px;
}
.button:focus,
.button:hover {
text-decoration: none;
outline: none;
}
.caret {
border-left: 1px solid;
position: relative;
right: -6px;
}
.caret i {
vertical-align: top;
}
/* Posting page styles
----------------------------------------*/
.button-search,
.button-search-end {
float: left;
border-radius: 0;
margin: 0;
padding: 2px 5px;
}
.button-search-end {
border-left-width: 0;
border-radius: 0 4px 4px 0;
}
.search-header .button-search,
.search-header .button-search-end {
border-top-width: 0;
border-bottom-width: 0;
padding: 3px 5px;
}
.search-header .button-search-end {
border-right-width: 0;
}
.button-icon-only {
padding-left: 3px;
padding-right: 3px;
}
/* Poster contact icons
----------------------------------------*/
.contact-icons.dropdown-contents {
min-width: 0;
padding: 0;
font-size: 0;
}
.contact-icon {
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}
.contact-icons a {
border-bottom: 1px dotted;
border-right: 1px dotted;
display: block;
float: left;
padding: 8px;
}
.contact-icons .last-cell {
border-right: none;
}
.contact-icons div:last-child a {
border-bottom: none;
}
.contact-icons div {
clear: left;
}
/* Post control buttons
--------------------------------------------- */
.post-buttons {
float: right;
list-style: none;
margin-top: 2px;
}
.has-profile .post-buttons {
float: none;
position: absolute;
margin: 0;
right: 0;
top: 5px;
}
.post-buttons > li {
float: left;
margin-right: 3px;
}
.post-buttons .button, .format-buttons .button {
padding-left: 3px;
padding-right: 3px;
}
.hastouch .post-buttons {
margin-right: 10px;
}
.post-buttons .button span {
font-size: 0;
}
/* Responsive buttons in post body */
.post-buttons .dropdown {
top: 18px;
}
.post-buttons .dropdown a {
display: block;
font-size: 1.2em;
text-align: right;
}
.hasjs .postbody .post-buttons {
max-width: 40%;
}
/* Browser-specific tweaks */
button::-moz-focus-inner {
padding: 0;
border: 0
}
/* Deprecated as of version 3.2
-------------------------------------------------*/
.small-icon {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
}
.dropdown .small-icon {
background-position: 5px 50%;
padding: 5px;
}
.small-icon > a {
padding: 0 0 0 18px;
}
ul.linklist.bulletin > li.small-icon:before {
display: none;
}
.dropdown .small-icon > a {
display: block;
}
.rtl .small-icon {
background-position: 100% 50%;
}
.rtl .small-icon > a {
padding-left: 0;
padding-right: 19px;
}
stylesheet.css
Code: Select all
/* phpBB3 Style Sheet
--------------------------------------------------------------
Style name: grouplove
Based on style: prosilver (the default phpBB 3.1.x style)
Original author: Tom Beddard ( http://www.subblue.com/ )
Modified by: phpBB Limited ( https://www.phpbb.com/ )
Modified again by: EnranceJew ( http://ejew.in/ )
--------------------------------------------------------------
*/
@import url("normalize.css");
@import url("base.css");
@import url("utilities.css");
@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("icons.css");
@import url("colours.css");
@import url("responsive.css");
@import url("love.css");
theme.css
Code: Select all
.theme-topnav {
padding: 1em;
background-color: #dcefff;
border-bottom: 1px solid #cadceb;
border-radius: 5px 5px 0 0;
}
.theme-topnav a {
display: inline-block;
padding: 0.5em 1em 0.5em 1em;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
.theme-topnav a:active,
.theme-topnav a:link,
.theme-topnav a:visited {
color: white;
}
.theme-topnav a:hover {
text-decoration: underline;
}
.dark { background-color: #154451; }
.green { background-color: #25b786; }
.blue { background-color: #1e86be; }
.pink { background-color: #da5d86; }
.theme-topnav a:nth-child(1) { background-color: #154451; }
.theme-topnav a:nth-child(2) { background-color: #25b786; }
.theme-topnav a:nth-child(3) { background-color: #1e86be; }
.theme-topnav a:nth-child(4) { background-color: #da5d86; }
.theme-wrap, .theme-header {
margin: 0 auto 0 auto;
max-width: 1100px;
}
.theme-wrap {
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
}
.theme-contents {
background-color: #f8fcff;
border-radius: 0px 0px 5px 5px;
border: 1px solid transparent;
}
.theme-header {
height: 200px;
background-image: url("./images/love_right.png");
background-position: bottom right, top left;
background-repeat: no-repeat, no-repeat;
}
.theme-topnav-search {
border-radius: 4px;
display: block;
float: right;
margin-right: 5px;
}
@media (max-width: 700px)
.theme-topnav-search {
display: none;
}
}
colours.css
Code: Select all
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #536482;
background-color: #6cbee4;
}
h1 {
color: #FFFFFF;
}
h2 {
color: #28313F;
}
h3 {
border-bottom-color: #CCCCCC;
color: #115098;
}
hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a { color: #105289; }
a:hover { color: #D31141; }
/* 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: #A8D8FF;
}
/* Notification mark read link */
.dropdown-extended a.mark_read {
background-color: #FFFFFF;
}
/* Post body links */
.postlink {
border-bottom-color: #368AD2;
color: #368AD2;
}
.postlink:visited {
border-bottom-color: #5D8FBD;
color: #5D8FBD;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
.signature a, .signature a:hover {
background-color: transparent;
}
/* Back to top of page */
.top i {
color: #999999;
}
/* Arrow links */
.arrow-left:hover, .arrow-right:hover {
color: #368AD2;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar, forumbg {
color: #FFFFFF;
height: 200px;
background-position: center top;
background-repeat: no-repeat, no-repeat;
background-image: url(./images/Untitled.png);
max-width: 1152px;
margin: auto;
}
.forumbg {
background-color: #12A3EB;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
background-repeat: repeat-x;
}
.forabg {
background-color: #0076B1;
background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
background-repeat: repeat-x;
}
.navbar {
background-color: #CADCEB;
}
.panel {
background-color: #ECF1F3;
color: #28313F;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 {
background-color: #ECF3F7;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
background-color: #ECF3F7;
}
.bg2 {
background-color: #E1EBF2;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
background-color: #E1EBF2;
}
.bg3 {
background-color: #CADCEB;
}
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
.site_logo {
background-image: url("./images/site_logo.gif");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-top-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;
}
table.table1 td {
color: #536482;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #536482;
}
.sep {
color: #1198D9;
}
/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
color: #196db5;
}
.icon.icon-green, a:hover .icon.icon-green{
color: #1b9A1B;
}
.icon.icon-red, a:hover .icon.icon-red{
color: #BC2A4D;
}
.icon.icon-orange, a:hover .icon.icon-orange{
color: #FF6600;
}
.icon.icon-bluegray, a:hover .icon.icon-bluegray{
color: #536482;
}
.icon.icon-gray, a:hover .icon.icon-gray{
color: #777777;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray{
color: #999999;
}
.icon.icon-black, a:hover .icon.icon-black{
color: #333333;
}
.alert_close .icon:before {
background-color: #FFFFFF;
}
/* Jumpbox */
.jumpbox .dropdown li {
border-top-color: #CCCCCC;
}
.jumpbox-cat-link {
background-color: #0076b1;
border-top-color: #0076B1;
color: #FFFFFF;
}
.jumpbox-cat-link:hover {
background-color: #12A3EB;
border-top-color: #12A3EB;
color: #FFFFFF;
}
.jumpbox-forum-link {
background-color: #E1EBF2;
}
.jumpbox-forum-link:hover {
background-color: #F6F4D0;
}
.jumpbox .dropdown .pointer-inner {
border-color: #E1EBF2 transparent;
}
.jumpbox-sub-link {
background-color: #E1EBF2;
}
.jumpbox-sub-link:hover {
background-color: #F1F8FF;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}
p.post-notice {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}
ul.topiclist li {
color: #4C5D77;
}
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: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
color: #115098;
border-bottom-color: #CCCCCC;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
}
/* Post signature */
.signature {
border-top-color: #CCCCCC;
}
/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
border-color:#DBDBCE;
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.codebox p {
border-bottom-color: #CCCCCC;
}
.codebox code {
color: #2E8B57;
}
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
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: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-color: #FFFFFF;
}
.pm .postprofile {
border-color: #DDDDDD;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("./en/icon_user_online.gif");
}
dd.profile-warnings {
color: #BC2A4D;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
border-color: #C7C3BF;
background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
box-shadow: 0 0 0 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
color: #D31141;
}
.button:hover,
.button:focus {
border-color: #0A8ED0;
background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}
.button .icon,
.button-secondary {
color: #8f8f8f;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
color: #0A8ED0;
}
.button-search:hover,
.button-search-end:hover {
border-color: #C7C3BF;
}
.caret { border-color: #DADADA; }
.caret { border-color: #C7C3BF; }
.contact-icons a { border-color: #DCDCDC; }
.contact-icons a:hover { background-color: #F2F6F9; }
/* Pagination
---------------------------------------- */
.pagination li a {
background: #ECEDEE;
filter: none;
border-color: #B4BAC0;
box-shadow: none;
-webkit-box-shadow: none;
color: #5C758C;
}
.pagination li.ellipsis span {
background: transparent;
color: #000000;
}
.pagination li.active span {
background: #4692BF;
border-color: #4692BF;
color: #FFFFFF;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
background: #368AD2;
border-color: #368AD2;
filter: none;
color: #FFFFFF;
text-shadow: none;
}
/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
border-color: #C7C3BF;
}
.search-header {
box-shadow: 0 0 10px #0075B0;
}
/* Icon images
---------------------------------------- */
.contact-icon { background-image: url("./images/icons_contact.png"); }
/* Profile & navigation icons */
.pm-icon { background-position: 0 0; }
.email-icon { background-position: -21px 0; }
.jabber-icon { background-position: -80px 0; }
.phpbb_icq-icon { background-position: -61px 0 ; }
.phpbb_wlm-icon { background-position: -182px 0; }
.phpbb_aol-icon { background-position: -244px 0; }
.phpbb_website-icon { background-position: -40px 0; }
.phpbb_youtube-icon { background-position: -98px 0; }
.phpbb_facebook-icon { background-position: -119px 0; }
.phpbb_googleplus-icon { background-position: -140px 0; }
.phpbb_skype-icon { background-position: -161px 0; }
.phpbb_twitter-icon { background-position: -203px 0; }
.phpbb_yahoo-icon { background-position: -224px 0; }
/* Forum icons & Topic icons */
.global_read { background-image: url("./images/announce_read.gif"); }
.global_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread { background-image: url("./images/announce_unread.gif"); }
.global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.announce_read { background-image: url("./images/announce_read.gif"); }
.announce_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread { background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.forum_link { background-image: url("./images/forum_link.gif"); }
.forum_read { background-image: url("./images/forum_read.gif"); }
.forum_read_locked { background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread { background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); }
.sticky_read { background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread { background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); }
.topic_moved { background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read { background-image: url("./images/topic_read.gif"); }
.topic_read_mine { background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot { background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked { background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread { background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, .cp-menu hr {
border-color: #A4B3BF;
}
.panel-container .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}
ul.cplist {
border-top-color: #B5C1CB;
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
color: #000000;
}
.panel-container table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}
.cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
background: #BACCD9;
color: #536482;
}
.tabs .tab > a:hover {
background: #DDEDFB;
color: #D31141;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
border-color: #CADCEB;
box-shadow: 0 1px 1px #F2F9FF inset;
color: #333333;
}
.tabs .activetab > a:hover {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
background-color: #E1EBF2;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
background-color: #F9F9F9;
color: #333333;
}
/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
border-color: #536482;
}
.responsive-tab .responsive-tab-link:hover:before {
border-color: #D31141;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
.navigation a {
color: #333;
background: #CADCEB; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
}
.rtl .navigation a {
background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
}
.navigation a:hover {
background: #AABAC6;
color: #BC2A4D;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a {
background: #F9F9F9;
color: #D31141;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a:hover {
color: #D31141;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
#navigation a, .rtl #navigation a {
background: #B2C2CF;
}
}
/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
color: #333333;
}
.panel-container .panel {
background-color: #F9F9F9;
}
.cp-main .pm {
background-color: #FFFFFF;
}
/* Friends list */
.cp-mini {
background-color: #EEF5F9;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
.gallery label {
background: #FFFFFF;
border-color: #CCC;
}
.gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}
label {
color: #425067;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
fieldset.fields1 {
background-color: transparent;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
.message-box textarea {
color: #333333;
}
.message-box textarea.drag-n-drop {
outline-color: rgba(102, 102, 102, 0.5);
}
.message-box textarea.drag-n-drop-highlight {
outline-color: rgba(17, 163, 234, 0.5);
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:-moz-placeholder {
color: #333333;
}
.inputbox::-webkit-input-placeholder {
color: #333333;
}
.inputbox:hover {
border-color: #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
}
.inputbox:focus:-moz-placeholder {
color: transparent;
}
.inputbox:focus::-webkit-input-placeholder {
color: transparent;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}
/* <a> button in the style of the form buttons */
a.button1, a.button2 {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #D31141;
color: #D31141;
background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
border-color: #11A3EA;
color: #0F4987;
}
input.disabled {
color: #666666;
}
/* jQuery popups
---------------------------------------- */
.phpbb_alert {
background-color: #FFFFFF;
border-color: #999999;
}
.darken {
background-color: #000000;
}
.loading_indicator {
background-color: #000000;
background-image: url("./images/loading.gif");
}
.dropdown-extended ul li {
border-top-color: #B9B9B9;
}
.dropdown-extended ul li:hover {
background-color: #CFE1F6;
color: #000000;
}
.dropdown-extended .header, .dropdown-extended .footer {
border-color: #B9B9B9;
color: #000000;
}
.dropdown-extended .footer {
border-top-style: solid;
border-top-width: 1px;
}
.dropdown-extended .header {
background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
}
.dropdown .pointer {
border-color: #B9B9B9 transparent;
}
.dropdown .pointer-inner {
border-color: #FFF transparent;
}
.dropdown-extended .pointer-inner {
border-color: #F1F8FF transparent;
}
.dropdown .dropdown-contents {
background: #fff;
border-color: #B9B9B9;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
.dropdown-up .dropdown-contents {
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.dropdown li, .dropdown li li {
border-color: #DCDCDC;
}
.dropdown li.separator {
border-color: #DCDCDC;
}
/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
color: #4C5D77;
}
li.notification-reported strong, li.notification-disapproved strong {
color: #D31141;
}
.badge {
background-color: #D31141;
color: #ffffff;
}
Code: Select all
<div id="search-box" class="search-box search-header" role="search">
Code: Select all
<div id="search-box" class="search-box heme-topnav-search" role="search">
small-icon
& icon-logout
from your htmlChristian 2.0 wrote: ↑Mon Sep 11, 2017 6:41 pm Whilst wrapping a forum and adding a custom header is fine, you shouldn't steal the other site's header image unless it's freely/commercially available or you have the necessary permissions to use it.
The imitated likeness of their site is bordering on copyright infringement.
colours.css
Code: Select all
.headerbar, forumbg {
color: #FFFFFF;
height: 200px;
background-position: center top;
background-repeat: no-repeat, no-repeat;
background-image: url(./images/Untitled.png);
max-width: 1152px;
margin: auto;
}
theme.css
Code: Select all
.theme-header {
height: 200px;
background-image: url("./images/love_right.png");
background-position: bottom right, top left;
background-repeat: no-repeat, no-repeat;
}
Code: Select all
.theme-topnav-search .inputbox {
border-width: 0;
height: 22px;
}
.theme-topnav-search .button-search {
border-top: 0;
border-bottom: 0;
}
.theme-topnav-search .button-search-end {
border-right: 0;
}