Compare commits
5 commits
no-shadows
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
8a9a3e2d35
|
|||
|
d703faa860
|
|||
|
cc1e7602a7
|
|||
|
9112dec6ed
|
|||
|
143decc3bb
|
7 changed files with 223 additions and 1185 deletions
|
|
@ -323,6 +323,13 @@ function template_info_center()
|
||||||
if (empty($context['info_center']))
|
if (empty($context['info_center']))
|
||||||
return;
|
return;
|
||||||
|
|
||||||
|
// Do not display the info center if the user is not a moderator or an admin.
|
||||||
|
if (
|
||||||
|
! $context['user']['is_admin'] &&
|
||||||
|
! $context['user']['is_mod']
|
||||||
|
)
|
||||||
|
return;
|
||||||
|
|
||||||
// Here's where the "Info Center" starts...
|
// Here's where the "Info Center" starts...
|
||||||
echo '
|
echo '
|
||||||
<div class="roundframe" id="info_center">
|
<div class="roundframe" id="info_center">
|
||||||
|
|
|
||||||
|
|
@ -43,6 +43,10 @@ function template_main()
|
||||||
// Display each of the column headers of the table.
|
// Display each of the column headers of the table.
|
||||||
foreach ($context['columns'] as $key => $column)
|
foreach ($context['columns'] as $key => $column)
|
||||||
{
|
{
|
||||||
|
// Do not display the messages count column
|
||||||
|
if ( $key == 'post_count' )
|
||||||
|
continue;
|
||||||
|
|
||||||
// @TODO maybe find something nicer?
|
// @TODO maybe find something nicer?
|
||||||
if ($key == 'email_address' && !$context['can_send_email'])
|
if ($key == 'email_address' && !$context['can_send_email'])
|
||||||
continue;
|
continue;
|
||||||
|
|
@ -92,22 +96,6 @@ function template_main()
|
||||||
<td class="id_group centertext">', empty($member['group']) ? $member['post_group'] : $member['group'], '</td>
|
<td class="id_group centertext">', empty($member['group']) ? $member['post_group'] : $member['group'], '</td>
|
||||||
<td class="registered centertext">', $member['registered_date'], '</td>';
|
<td class="registered centertext">', $member['registered_date'], '</td>';
|
||||||
|
|
||||||
if (!isset($context['disabled_fields']['posts']))
|
|
||||||
{
|
|
||||||
echo '
|
|
||||||
<td class="post_count centertext">';
|
|
||||||
|
|
||||||
if (!empty($member['posts']))
|
|
||||||
echo '
|
|
||||||
<div class="generic_bar">
|
|
||||||
<div class="bar" style="width: ', $member['post_percent'], '%;"></div>
|
|
||||||
<span>', $member['posts'], '</span>
|
|
||||||
</div>';
|
|
||||||
|
|
||||||
echo '
|
|
||||||
</td>';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Show custom fields marked to be shown here
|
// Show custom fields marked to be shown here
|
||||||
if (!empty($context['custom_profile_fields']['columns']))
|
if (!empty($context['custom_profile_fields']['columns']))
|
||||||
foreach ($context['custom_profile_fields']['columns'] as $key => $column)
|
foreach ($context['custom_profile_fields']['columns'] as $key => $column)
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,16 @@ function template_main()
|
||||||
{
|
{
|
||||||
global $context, $settings, $txt, $scripturl, $modSettings;
|
global $context, $settings, $txt, $scripturl, $modSettings;
|
||||||
|
|
||||||
|
// Only admins and moderators are allowed to see the forum statistics.
|
||||||
|
if (
|
||||||
|
! $context['user']['is_admin'] &&
|
||||||
|
! $context['user']['is_mod']
|
||||||
|
) {
|
||||||
|
echo '
|
||||||
|
<p><strong>Vous n’êtes pas autorisé à accéder aux statistiques du forum.</strong></p>';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
<div id="statistics" class="main_section">
|
<div id="statistics" class="main_section">
|
||||||
<div class="cat_bar">
|
<div class="cat_bar">
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,16 @@ function template_main()
|
||||||
{
|
{
|
||||||
global $context, $settings, $scripturl, $txt;
|
global $context, $settings, $scripturl, $txt;
|
||||||
|
|
||||||
|
// Only admins and moderators are allowed to see the list of online members.
|
||||||
|
if (
|
||||||
|
! $context['user']['is_admin'] &&
|
||||||
|
! $context['user']['is_mod']
|
||||||
|
) {
|
||||||
|
echo '
|
||||||
|
<p><strong>Vous n’êtes pas autorisé à accéder à la liste des membres actuellement en ligne.</strong></p>';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
// Display the table header and linktree.
|
// Display the table header and linktree.
|
||||||
echo '
|
echo '
|
||||||
<div class="main_section" id="whos_online">
|
<div class="main_section" id="whos_online">
|
||||||
|
|
|
||||||
289
css/index.css
289
css/index.css
|
|
@ -31,18 +31,6 @@ html {
|
||||||
--font-copyright: Verdana, sans-serif; /* Copyright must be Verdana! */
|
--font-copyright: Verdana, sans-serif; /* Copyright must be Verdana! */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* No shadows
|
|
||||||
* No underlines
|
|
||||||
* No exception
|
|
||||||
*/
|
|
||||||
|
|
||||||
* {
|
|
||||||
box-shadow: none !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
text-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Main text settings */
|
/* Main text settings */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
@ -59,6 +47,15 @@ h2 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
/* "h2.catbg" = category title */
|
||||||
|
h2.catbg {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
h2.catbg,
|
||||||
|
h2.catbg a,
|
||||||
|
h2.catbg a:hover {
|
||||||
|
color: var(--neutral-light-color);
|
||||||
|
}
|
||||||
h3 {
|
h3 {
|
||||||
font-family: var(--font-emphasis);
|
font-family: var(--font-emphasis);
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
|
@ -83,80 +80,6 @@ h6 {
|
||||||
font-family: var(--font-mono);
|
font-family: var(--font-mono);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Links hover and focus effect */
|
|
||||||
|
|
||||||
a:hover,
|
|
||||||
a:link:hover,
|
|
||||||
a:visited:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
/* The default focus effect is a light grey background */
|
|
||||||
a:focus,
|
|
||||||
a:link:focus,
|
|
||||||
a:visited:focus {
|
|
||||||
background-color: var(--neutral-color);
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
/* No effect on the forum title */
|
|
||||||
h1.forumtitle a:focus,
|
|
||||||
h1.forumtitle a:link:focus,
|
|
||||||
h1.forumtitle a:visited:focus {
|
|
||||||
background-color: unset;
|
|
||||||
}
|
|
||||||
/* Use a dark grey background for white text */
|
|
||||||
h2.catbg a:focus,
|
|
||||||
h2.catbg a:link:focus,
|
|
||||||
h2.catbg a:visited:focus,
|
|
||||||
.navigate_section ul li a:focus,
|
|
||||||
.navigate_section ul li a:link:focus,
|
|
||||||
.navigate_section ul li a:visited:focus,
|
|
||||||
.title_bar a:focus,
|
|
||||||
.title_bar a:link:focus,
|
|
||||||
.title_bar a:visited:focus,
|
|
||||||
#footer a:focus,
|
|
||||||
#footer a:link:focus,
|
|
||||||
#footer a:visited:focus {
|
|
||||||
background-color: var(--menu-background);
|
|
||||||
}
|
|
||||||
/* Use a light gray background for the navigation menu items */
|
|
||||||
.khbb_nav ul li a:focus img {
|
|
||||||
clip-path: circle(50%);
|
|
||||||
background-color: var(--menu-background-active);
|
|
||||||
}
|
|
||||||
.khbb_nav ul li a:focus .khbb_subtitlemenu {
|
|
||||||
color: var(--neutral-light-color) ;
|
|
||||||
}
|
|
||||||
.dropmenu > li:hover > a,
|
|
||||||
.dropmenu > li:focus > a,
|
|
||||||
.dropmenu > li > a:focus,
|
|
||||||
#top_info > li:hover > a,
|
|
||||||
#top_info > li:focus > a,
|
|
||||||
#top_info > li > a:focus,
|
|
||||||
#top_info > li > a.open {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.dropmenu > li:focus > a,
|
|
||||||
.dropmenu > li > a:focus,
|
|
||||||
#top_info > li:focus > a,
|
|
||||||
#top_info > li > a:focus,
|
|
||||||
#top_info > li > a.open {
|
|
||||||
background: var(--menu-background-hover);
|
|
||||||
}
|
|
||||||
.dropmenu li a.active:focus,
|
|
||||||
.dropmenu li:focus a.active {
|
|
||||||
background: var(--menu-background-active);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
/* Use the MMF red for buttons */
|
|
||||||
a.button:hover,
|
|
||||||
a.button:focus,
|
|
||||||
a.button:link:hover,
|
|
||||||
a.button:link:focus,
|
|
||||||
a.button:visited:hover,
|
|
||||||
a.button:visited:focus {
|
|
||||||
background-color: var(--mmf-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Index */
|
/* Index */
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
|
@ -170,6 +93,7 @@ body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
::selection {
|
::selection {
|
||||||
|
text-shadow: none;
|
||||||
background: #99d4ff;
|
background: #99d4ff;
|
||||||
color: rgba(0, 0, 0, 0.6);
|
color: rgba(0, 0, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|
@ -190,6 +114,9 @@ ul.normallist {
|
||||||
table {
|
table {
|
||||||
empty-cells: show;
|
empty-cells: show;
|
||||||
}
|
}
|
||||||
|
abbr {
|
||||||
|
border-bottom: 0.1em dotted;
|
||||||
|
}
|
||||||
input, select, textarea {
|
input, select, textarea {
|
||||||
color: var(--dark-color);
|
color: var(--dark-color);
|
||||||
font: 83.33%/150% ;
|
font: 83.33%/150% ;
|
||||||
|
|
@ -198,6 +125,7 @@ input, select, textarea {
|
||||||
border: 1px solid #bbb;
|
border: 1px solid #bbb;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
box-shadow: 1px 2px 1px rgba(160, 187, 221, 0.2) inset;
|
||||||
padding: 0.3em 0.4em;
|
padding: 0.3em 0.4em;
|
||||||
}
|
}
|
||||||
input:hover, textarea:hover, select:hover, button:hover,
|
input:hover, textarea:hover, select:hover, button:hover,
|
||||||
|
|
@ -221,6 +149,9 @@ select {
|
||||||
/* This is about links */
|
/* This is about links */
|
||||||
a, a:visited, a:link {
|
a, a:visited, a:link {
|
||||||
color: var(--color4);
|
color: var(--color4);
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom-style: dotted;
|
||||||
|
border-bottom-width: 1px;
|
||||||
}
|
}
|
||||||
/* Only for Accessibility */
|
/* Only for Accessibility */
|
||||||
.link_access {
|
.link_access {
|
||||||
|
|
@ -243,13 +174,28 @@ a, a:visited, a:link {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*a:hover {
|
/*a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link {
|
a:link {
|
||||||
color: #483D8B;
|
color: #483D8B;
|
||||||
|
text-decoration: underline dotted;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
|
a:hover,
|
||||||
|
a:focus,
|
||||||
|
a:link:hover,
|
||||||
|
a:link:focus,
|
||||||
|
a:visited:hover,
|
||||||
|
a:visited:focus,
|
||||||
|
a:link:active,
|
||||||
|
a:visited:active {
|
||||||
|
/*text-decoration: underline;*/
|
||||||
|
border-bottom-style: solid;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
/* Selects with more than one line */
|
/* Selects with more than one line */
|
||||||
select[size] {
|
select[size] {
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -267,6 +213,9 @@ img, input, select, textarea {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sceditor-container textarea, .sceditor-container textarea:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
#quick_edit_body_container textarea,
|
#quick_edit_body_container textarea,
|
||||||
.move_topic textarea,
|
.move_topic textarea,
|
||||||
dd textarea {
|
dd textarea {
|
||||||
|
|
@ -307,6 +256,7 @@ fieldset {
|
||||||
fieldset legend {
|
fieldset legend {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #555;
|
color: #555;
|
||||||
|
box-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
summary {
|
summary {
|
||||||
|
|
@ -347,6 +297,7 @@ input[type="checkbox"], input[type="radio"] {
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
box-shadow: none;
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
}
|
}
|
||||||
.moderationbuttons_mobile_check {
|
.moderationbuttons_mobile_check {
|
||||||
|
|
@ -366,6 +317,7 @@ hr {
|
||||||
margin: 12px 0;
|
margin: 12px 0;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
|
box-shadow: 0 1px 0 #bbb inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Help popups require a different styling of the body element. */
|
/* Help popups require a different styling of the body element. */
|
||||||
|
|
@ -408,12 +360,15 @@ body#help_popup {
|
||||||
color: var(--neutral-light-color);
|
color: var(--neutral-light-color);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
|
border-bottom: none;
|
||||||
margin-right: .3em;
|
margin-right: .3em;
|
||||||
}
|
}
|
||||||
a.new_posts:visited {
|
a.new_posts:visited {
|
||||||
color: var(--neutral-light-color);
|
color: var(--neutral-light-color);
|
||||||
}
|
}
|
||||||
.new_posts:hover, .new_posts:focus {
|
.new_posts:hover, .new_posts:focus {
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: none;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -508,6 +463,7 @@ blockquote {
|
||||||
}
|
}
|
||||||
blockquote cite {
|
blockquote cite {
|
||||||
display: block;
|
display: block;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
}
|
}
|
||||||
|
|
@ -556,6 +512,14 @@ blockquote cite::before {
|
||||||
max-height: none;
|
max-height: none;
|
||||||
}
|
}
|
||||||
/* Styling for BBC tags */
|
/* Styling for BBC tags */
|
||||||
|
.bbc_link {
|
||||||
|
border-bottom: 1px solid #a8b6cf;
|
||||||
|
}
|
||||||
|
.bbc_link:hover, .bbc_link:focus {
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-bottom: 1px solid #346;
|
||||||
|
}
|
||||||
.bbc_size {
|
.bbc_size {
|
||||||
line-height: 1.4em;
|
line-height: 1.4em;
|
||||||
}
|
}
|
||||||
|
|
@ -626,6 +590,7 @@ a img {
|
||||||
.toggle_up:hover:before, .toggle_down:hover:before,
|
.toggle_up:hover:before, .toggle_down:hover:before,
|
||||||
.toggle_up:focus:before, .toggle_down:focus:before {
|
.toggle_up:focus:before, .toggle_down:focus:before {
|
||||||
background-color: #bfd4e7;
|
background-color: #bfd4e7;
|
||||||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
|
||||||
transition: background-color 0.25s;
|
transition: background-color 0.25s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -753,6 +718,7 @@ a.moderation_link, a.moderation_link:visited {
|
||||||
------------------------------------------------------- */
|
------------------------------------------------------- */
|
||||||
#ajax_in_progress {
|
#ajax_in_progress {
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
|
border-bottom: 4px solid #f96f00;
|
||||||
color: #f96f00;
|
color: #f96f00;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
|
|
@ -926,6 +892,7 @@ img.sort, .sort {
|
||||||
|
|
||||||
.dropmenu li a, #top_info > li > a {
|
.dropmenu li a, #top_info > li > a {
|
||||||
display: block;
|
display: block;
|
||||||
|
border-bottom: none;
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
}
|
}
|
||||||
/* Level 1 active button. */
|
/* Level 1 active button. */
|
||||||
|
|
@ -933,6 +900,26 @@ img.sort, .sort {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: var(--menu-background-active) ;
|
background: var(--menu-background-active) ;
|
||||||
}
|
}
|
||||||
|
/* Level 1 hover effects. */
|
||||||
|
.dropmenu > li:hover > a,
|
||||||
|
.dropmenu > li:focus > a,
|
||||||
|
.dropmenu > li > a:focus,
|
||||||
|
#top_info > li:hover > a,
|
||||||
|
#top_info > li:focus > a,
|
||||||
|
#top_info > li > a:focus,
|
||||||
|
#top_info > li > a.open {
|
||||||
|
background: var(--menu-background-hover);
|
||||||
|
cursor: pointer;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
/* Level 1 active button. */
|
||||||
|
.dropmenu li a.active:hover,
|
||||||
|
.dropmenu li a.active:focus,
|
||||||
|
.dropmenu li:hover a.active,
|
||||||
|
.dropmenu li:focus a.active {
|
||||||
|
background: var(--menu-background-active);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
a.mobile_user_menu,
|
a.mobile_user_menu,
|
||||||
a[class^="mobile_generic_menu_"] {
|
a[class^="mobile_generic_menu_"] {
|
||||||
|
|
@ -989,6 +976,9 @@ a[class^="mobile_generic_menu_"] {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
border-top: 1px solid var(--neutral-color);
|
border-top: 1px solid var(--neutral-color);
|
||||||
}
|
}
|
||||||
|
.unread_notify {
|
||||||
|
border-bottom: 1px solid var(--neutral-color);
|
||||||
|
}
|
||||||
.no_unread {
|
.no_unread {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -996,6 +986,11 @@ a[class^="mobile_generic_menu_"] {
|
||||||
.unread_notify:hover,
|
.unread_notify:hover,
|
||||||
.unread_notify:focus {
|
.unread_notify:focus {
|
||||||
background: #eee;
|
background: #eee;
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.unread_notify:last-child {
|
||||||
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
.unread_notify {
|
.unread_notify {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1141,6 +1136,7 @@ generic_menu .dropmenu .subsections ul li a {
|
||||||
.dropmenu ul {
|
.dropmenu ul {
|
||||||
display: block;
|
display: block;
|
||||||
border: solid 1px var(--mmf-color);
|
border: solid 1px var(--mmf-color);
|
||||||
|
box-shadow: 0px 0px 5px 1px var(--neutral-light-color);
|
||||||
border-radius: 0 0.5em;
|
border-radius: 0 0.5em;
|
||||||
}
|
}
|
||||||
/* Hiding Level 3 submenu off hover. */
|
/* Hiding Level 3 submenu off hover. */
|
||||||
|
|
@ -1175,6 +1171,9 @@ generic_menu .dropmenu .subsections ul li a {
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
padding: 5px 0 5px 0;
|
padding: 5px 0 5px 0;
|
||||||
}
|
}
|
||||||
|
.sceditor-button {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.button, button {
|
.button, button {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -1207,6 +1206,10 @@ input[type="submit"].button {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.button, a.button:hover, .button:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
html[lang="el-GR"] .button,
|
html[lang="el-GR"] .button,
|
||||||
html[lang="el-GR"] .quickbuttons > li > a,
|
html[lang="el-GR"] .quickbuttons > li > a,
|
||||||
html[lang="el-GR"] .inline_mod_check {
|
html[lang="el-GR"] .inline_mod_check {
|
||||||
|
|
@ -1222,9 +1225,16 @@ html[lang="el-GR"] .inline_mod_check {
|
||||||
background: var(--mmf-color);
|
background: var(--mmf-color);
|
||||||
color: var(--neutral-light-color);
|
color: var(--neutral-light-color);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
border-bottom: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
.button.active:hover, .button.active:focus {
|
.button.active:hover, .button.active:focus {
|
||||||
background: var(--mmf-color);
|
background: var(--mmf-color);
|
||||||
|
box-shadow: none;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.cat_bar .button {
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
/* In a .buttonrow, the buttons are joined together */
|
/* In a .buttonrow, the buttons are joined together */
|
||||||
.buttonrow {
|
.buttonrow {
|
||||||
|
|
@ -1264,6 +1274,8 @@ html[lang="el-GR"] .inline_mod_check {
|
||||||
/* The framing graphics */
|
/* The framing graphics */
|
||||||
/* The top bar. */
|
/* The top bar. */
|
||||||
#top_section {
|
#top_section {
|
||||||
|
border-bottom: 1px solid #bbb;
|
||||||
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
@ -1326,6 +1338,11 @@ h1.forumtitle {
|
||||||
}
|
}
|
||||||
h1.forumtitle a {
|
h1.forumtitle a {
|
||||||
color: var(--header-font);
|
color: var(--header-font);
|
||||||
|
border-bottom: none;
|
||||||
|
border-bottom-style: inherit !important;
|
||||||
|
}
|
||||||
|
h1.forumtitle a:hover {
|
||||||
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1.forumtitle a img {
|
h1.forumtitle a img {
|
||||||
|
|
@ -1369,6 +1386,7 @@ img#smflogo {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
border-bottom: 1px solid #bbb;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
.user {
|
.user {
|
||||||
|
|
@ -1428,6 +1446,7 @@ font-size: large;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
max-width: 50%;
|
max-width: 50%;
|
||||||
background-color: var(--neutral-light-color) ;
|
background-color: var(--neutral-light-color) ;
|
||||||
|
box-shadow: 0px 0px 5px 1px var(--neutral-light-color);
|
||||||
border-radius: 0 0.5em;
|
border-radius: 0 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1494,6 +1513,8 @@ font-size: large;
|
||||||
max-height: 2em;
|
max-height: 2em;
|
||||||
padding: .5em 1em .5em 1.5em;
|
padding: .5em 1em .5em 1.5em;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: none;
|
||||||
transition-timing-function: ease-in;
|
transition-timing-function: ease-in;
|
||||||
transition: 0.5s;
|
transition: 0.5s;
|
||||||
line-height: 1.1em;
|
line-height: 1.1em;
|
||||||
|
|
@ -1633,6 +1654,9 @@ font-size: large;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.quickbuttons > li > a, .quickbuttons > li > a:hover, .quickbuttons > li > a:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
/* Citer tout un message, c'est mal. Citez avec discernement et effort ! Donc on supprime.*/
|
/* Citer tout un message, c'est mal. Citez avec discernement et effort ! Donc on supprime.*/
|
||||||
.quickbuttons > li:first-child {
|
.quickbuttons > li:first-child {
|
||||||
background-color: lime;
|
background-color: lime;
|
||||||
|
|
@ -1651,6 +1675,7 @@ font-size: large;
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-color: var(--neutral-color) #bbb #aaa var(--neutral-color);
|
border-color: var(--neutral-color) #bbb #aaa var(--neutral-color);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.57) inset;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
@ -1670,6 +1695,9 @@ font-size: large;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
.moderationbuttons_check:focus {
|
||||||
|
box-shadow: 0 0 4px #499dd8;
|
||||||
|
}
|
||||||
.quick_edit, .post_options {
|
.quick_edit, .post_options {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -1679,7 +1707,7 @@ font-size: large;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 100%;
|
top: 100%;
|
||||||
right: -1px;
|
right: -1px;
|
||||||
z-index: 90;
|
z-index: 110;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
@ -1688,6 +1716,7 @@ font-size: large;
|
||||||
border-left: solid 1px #aaa;
|
border-left: solid 1px #aaa;
|
||||||
border-top: solid 1px #bbb;
|
border-top: solid 1px #bbb;
|
||||||
border-radius: 4px 0 4px 4px;
|
border-radius: 4px 0 4px 4px;
|
||||||
|
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
.post_options:hover ul {
|
.post_options:hover ul {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -1697,6 +1726,7 @@ font-size: large;
|
||||||
width: 12em;
|
width: 12em;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
line-height: 2.2em;
|
line-height: 2.2em;
|
||||||
|
/*text-decoration: none;*/
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
@ -2439,6 +2469,7 @@ tr.windowbg td, tr.bg td, .table_grid tr td {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
.errorbox p {
|
.errorbox p {
|
||||||
margin: 12px 0 0 0;
|
margin: 12px 0 0 0;
|
||||||
|
|
@ -2450,6 +2481,9 @@ tr.windowbg td, tr.bg td, .table_grid tr td {
|
||||||
width: 12px;
|
width: 12px;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
.errorbox span {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
/* Styles for info boxes
|
/* Styles for info boxes
|
||||||
------------------------------------------------- */
|
------------------------------------------------- */
|
||||||
|
|
@ -2494,6 +2528,7 @@ tr.windowbg td, tr.bg td, .table_grid tr td {
|
||||||
.generic_bar span, .progress_bar span {
|
.generic_bar span, .progress_bar span {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
text-shadow: 1px 1px rgba(255, 255, 255, .4);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
|
|
@ -2506,6 +2541,8 @@ tr.windowbg td, tr.bg td, .table_grid tr td {
|
||||||
background: orange;
|
background: orange;
|
||||||
transition: width .3s;
|
transition: width .3s;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
|
box-shadow: 4px -4px 8px rgba(0, 0, 0, 0.1) inset,
|
||||||
|
4px 4px 8px rgba(255,255,255,0.3) inset;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.generic_bar.vertical {
|
.generic_bar.vertical {
|
||||||
|
|
@ -2514,6 +2551,8 @@ tr.windowbg td, tr.bg td, .table_grid tr td {
|
||||||
.generic_bar.vertical .bar {
|
.generic_bar.vertical .bar {
|
||||||
right: 0;
|
right: 0;
|
||||||
top: auto;
|
top: auto;
|
||||||
|
box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.1) inset,
|
||||||
|
4px 4px 4px rgba(255,255,255,0.3) inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress_bar {
|
.progress_bar {
|
||||||
|
|
@ -2523,6 +2562,8 @@ tr.windowbg td, tr.bg td, .table_grid tr td {
|
||||||
color: rgba(0, 0, 0, 0.8);
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
.progress_bar .bar {
|
.progress_bar .bar {
|
||||||
|
box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.25) inset,
|
||||||
|
1px -1px 0 rgba(0,0,0,0.1) inset;
|
||||||
background-color: #75da41;
|
background-color: #75da41;
|
||||||
background-size: 30px 30px;
|
background-size: 30px 30px;
|
||||||
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||||
|
|
@ -2601,6 +2642,7 @@ dl {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
margin: 0 0 18px 0;
|
margin: 0 0 18px 0;
|
||||||
padding: 0 0 15px 0;
|
padding: 0 0 15px 0;
|
||||||
|
border-bottom: 1px #ccc solid;
|
||||||
}
|
}
|
||||||
#detailedinfo dt, #tracking dt {
|
#detailedinfo dt, #tracking dt {
|
||||||
width: 35%;
|
width: 35%;
|
||||||
|
|
@ -2613,6 +2655,9 @@ dl {
|
||||||
float: left;
|
float: left;
|
||||||
margin: 0 0 3px 0;
|
margin: 0 0 3px 0;
|
||||||
}
|
}
|
||||||
|
#detailedinfo .noborder {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
#detailedinfo dt.clear {
|
#detailedinfo dt.clear {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -2657,6 +2702,9 @@ dl {
|
||||||
}
|
}
|
||||||
.activity_stats li .generic_bar {
|
.activity_stats li .generic_bar {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
|
border-bottom: none;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
.activity_stats li .generic_bar span {
|
.activity_stats li .generic_bar span {
|
||||||
|
|
@ -2749,9 +2797,14 @@ dl {
|
||||||
}
|
}
|
||||||
.boardslist a {
|
.boardslist a {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
border-bottom: 1px solid #c4c4c4;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
.boardslist a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid #334466;
|
||||||
|
}
|
||||||
.boardslist label {
|
.boardslist label {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-indent: -3ch;
|
text-indent: -3ch;
|
||||||
|
|
@ -3068,6 +3121,7 @@ dl.addrules dt.floatleft {
|
||||||
margin: 12px 0 0 0;
|
margin: 12px 0 0 0;
|
||||||
padding: 8px 20px 12px 20px;
|
padding: 8px 20px 12px 20px;
|
||||||
border: 1px solid var(--neutral-color);
|
border: 1px solid var(--neutral-color);
|
||||||
|
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
#helpmain p {
|
#helpmain p {
|
||||||
|
|
@ -3099,6 +3153,7 @@ dl.addrules dt.floatleft {
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #aaa;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.05) inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Styles for popup windows */
|
/* Styles for popup windows */
|
||||||
|
|
@ -3146,6 +3201,7 @@ dl.addrules dt.floatleft {
|
||||||
border: 1px solid #bbb;
|
border: 1px solid #bbb;
|
||||||
border-bottom: 1px solid var(--neutral-color);
|
border-bottom: 1px solid var(--neutral-color);
|
||||||
border-radius: 6px 6px 2px 2px;
|
border-radius: 6px 6px 2px 2px;
|
||||||
|
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
#main_menu .popup_heading,
|
#main_menu .popup_heading,
|
||||||
|
|
@ -3185,6 +3241,12 @@ dl.addrules dt.floatleft {
|
||||||
.windowbg:nth-of-type(odd), .bg.odd {
|
.windowbg:nth-of-type(odd), .bg.odd {
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
}
|
}
|
||||||
|
.windowbg {
|
||||||
|
border-bottom: #ddd solid 1px;
|
||||||
|
}
|
||||||
|
.windowbg:last-child, .windowbg:last-of-type {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Highlight the target item */
|
/* Highlight the target item */
|
||||||
.windowbg:target {
|
.windowbg:target {
|
||||||
|
|
@ -3228,6 +3290,9 @@ tr.windowbg:hover {
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
.generic_list_wrapper table.table_grid {
|
||||||
|
border-bottom: 1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
div#editlang_desc {
|
div#editlang_desc {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
|
|
@ -3238,6 +3303,9 @@ div#editlang_desc {
|
||||||
.table_grid tr.windowbg td.centercol {
|
.table_grid tr.windowbg td.centercol {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
tr.windowbg {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
#postmodify #message {
|
#postmodify #message {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -3278,6 +3346,7 @@ div#manage_boards dl dd textarea[name=desc] {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
#groups .windowbg {
|
#groups .windowbg {
|
||||||
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -3306,10 +3375,14 @@ h2 .collapse {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 45px;
|
width: 45px;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
|
border-bottom:none;
|
||||||
}
|
}
|
||||||
#messageindex .board_icon a, #messageindex .board_icon div {
|
#messageindex .board_icon a, #messageindex .board_icon div {
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
.board_icon a:hover, .board_icon div:hover {
|
||||||
|
border-bottom:none;
|
||||||
|
}
|
||||||
.board_icon a.board_on2, .board_icon div.board_on2 {
|
.board_icon a.board_on2, .board_icon div.board_on2 {
|
||||||
background-position: -45px 0;
|
background-position: -45px 0;
|
||||||
}
|
}
|
||||||
|
|
@ -3396,6 +3469,7 @@ h2 .collapse {
|
||||||
}
|
}
|
||||||
.khbb_children {
|
.khbb_children {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
border-bottom: 1px solid var(--neutral-color);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.khbb_children:last-of-type {
|
.khbb_children:last-of-type {
|
||||||
|
|
@ -3488,6 +3562,8 @@ span.postby {
|
||||||
/* Start with description and other things */
|
/* Start with description and other things */
|
||||||
#description_board, .filter_row {
|
#description_board, .filter_row {
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
|
border-bottom: none;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
#description_board h2, #description_board div {
|
#description_board h2, #description_board div {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -3511,6 +3587,7 @@ span.postby {
|
||||||
#topic_container .windowbg {
|
#topic_container .windowbg {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -3722,6 +3799,9 @@ div#pollmoderation {
|
||||||
color: #c06002;
|
color: #c06002;
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
}
|
}
|
||||||
|
.poster li.poster_online:hover, .poster li.poster_online:hover a {
|
||||||
|
/*text-decoration: underline;*/
|
||||||
|
}
|
||||||
.poster li.warning a img {
|
.poster li.warning a img {
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
|
|
@ -3795,6 +3875,7 @@ img.avatar {
|
||||||
padding: 7px 8px 2px 2px;
|
padding: 7px 8px 2px 2px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-top: 1px solid var(--neutral-color);
|
border-top: 1px solid var(--neutral-color);
|
||||||
|
box-shadow: 0 1px 0 var(--neutral-light-color) inset;
|
||||||
min-height: 85px;
|
min-height: 85px;
|
||||||
word-wrap: break-word; /* IE fallback */
|
word-wrap: break-word; /* IE fallback */
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
|
|
@ -3979,6 +4060,7 @@ ul.post_options li {
|
||||||
clear: right;
|
clear: right;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
border-top: 1px solid var(--neutral-color);
|
border-top: 1px solid var(--neutral-color);
|
||||||
|
box-shadow: 0 1px 0 var(--neutral-light-color) inset;
|
||||||
line-height: 1.4em;
|
line-height: 1.4em;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
color: var(--neutral-mid-color);
|
color: var(--neutral-mid-color);
|
||||||
|
|
@ -3987,6 +4069,7 @@ ul.post_options li {
|
||||||
.under_message {
|
.under_message {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
border: none;
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
.smflikebutton {
|
.smflikebutton {
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
|
|
@ -4055,16 +4138,7 @@ div.cat_bar {
|
||||||
color: var(--neutral-light-color);
|
color: var(--neutral-light-color);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
h2.catbg {
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
h2.catbg, h2.catbg a, h2.catbg a:hover {
|
|
||||||
color: var(--neutral-light-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
h2.catbg .main_icons::before, h2.catbg .icon {
|
|
||||||
margin: 0 5px 0 0;
|
|
||||||
}
|
|
||||||
.cat_bar + .windowbg, .cat_bar + .roundframe {
|
.cat_bar + .windowbg, .cat_bar + .roundframe {
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
|
|
@ -4083,7 +4157,8 @@ h2.catbg .main_icons::before, h2.catbg .icon {
|
||||||
/*margin: 10px 0 0 0;
|
/*margin: 10px 0 0 0;
|
||||||
padding: 12px 16px;*/
|
padding: 12px 16px;*/
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
/*border: 1px solid #c5c5c5;*/
|
/*border: 1px solid #c5c5c5;
|
||||||
|
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);*/
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
/* TitleBar & SubBar */
|
/* TitleBar & SubBar */
|
||||||
|
|
@ -4098,7 +4173,10 @@ h2.catbg .main_icons::before, h2.catbg .icon {
|
||||||
color: var(--neutral-light-color);
|
color: var(--neutral-light-color);
|
||||||
}
|
}
|
||||||
.sub_bar {
|
.sub_bar {
|
||||||
|
border-bottom: 1px solid var(--neutral-color);
|
||||||
|
text-shadow: none;
|
||||||
background: none;
|
background: none;
|
||||||
|
box-shadow: 0 -1px 0 #999 inset;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4108,6 +4186,7 @@ h3.titlebg, h4.titlebg, h2.subbg, h4.subbg, .subbg {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 6px 12px 5px 12px;
|
padding: 6px 12px 5px 12px;
|
||||||
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2.titlebg {
|
h2.titlebg {
|
||||||
|
|
@ -4168,6 +4247,7 @@ p.information img {
|
||||||
background: var(--neutral-light-color);
|
background: var(--neutral-light-color);
|
||||||
border: 1px solid var(--neutral-color);
|
border: 1px solid var(--neutral-color);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
z-index: 11110 !important;
|
z-index: 11110 !important;
|
||||||
}
|
}
|
||||||
|
|
@ -4193,6 +4273,7 @@ p.information img {
|
||||||
.atwho-view ul li {
|
.atwho-view ul li {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
|
border-bottom: 1px solid var(--neutral-color);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.atwho-view small {
|
.atwho-view small {
|
||||||
|
|
@ -4304,6 +4385,7 @@ h2.profile_hd::before,
|
||||||
.notify_dropdown a {
|
.notify_dropdown a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
text-decoration: none;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
@ -4519,6 +4601,10 @@ input[name="attachBBC"] {
|
||||||
.information.noup {
|
.information.noup {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.windowbg.noup {
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Make the reCAPTCHA dialog centered to match the positioning of the built-in verification */
|
/* Make the reCAPTCHA dialog centered to match the positioning of the built-in verification */
|
||||||
|
|
@ -4575,6 +4661,7 @@ tr[id^='list_news_lists_'] textarea {
|
||||||
|
|
||||||
.backtrace:not(:last-child) {
|
.backtrace:not(:last-child) {
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
|
border-bottom: 1px solid var(--neutral-color);
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4644,6 +4731,13 @@ img.theme_thumbnail {
|
||||||
.khbb_nav ul li img {
|
.khbb_nav ul li img {
|
||||||
width: 2em;
|
width: 2em;
|
||||||
}
|
}
|
||||||
|
.khbb_nav ul li:hover img {
|
||||||
|
clip-path: circle(50%);
|
||||||
|
background-color: var(--menu-background-active);
|
||||||
|
}
|
||||||
|
.khbb_nav ul li a:hover .khbb_subtitlemenu, .khbb_nav ul li a:focus .khbb_subtitlemenu {
|
||||||
|
color: var(--neutral-light-color) ;
|
||||||
|
}
|
||||||
|
|
||||||
.khbb_subtitlemenu {
|
.khbb_subtitlemenu {
|
||||||
color:var(--menu-font);
|
color:var(--menu-font);
|
||||||
|
|
@ -4673,6 +4767,7 @@ img.theme_thumbnail {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
max-width: 30%;
|
max-width: 30%;
|
||||||
|
box-shadow: 0px 0px 5px 1px var(--neutral-light-color);
|
||||||
border-radius: 0.5em 0;
|
border-radius: 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,60 +0,0 @@
|
||||||
$(function() {
|
|
||||||
$('ul.dropmenu, ul.quickbuttons').superfish({delay : 250, speed: 100, sensitivity : 8, interval : 50, timeout : 1});
|
|
||||||
|
|
||||||
// tooltips
|
|
||||||
$('.preview').SMFtooltip();
|
|
||||||
|
|
||||||
// find all nested linked images and turn off the border
|
|
||||||
$('a.bbc_link img.bbc_img').parent().css('border', '0');
|
|
||||||
});
|
|
||||||
|
|
||||||
// The purpose of this code is to fix the height of overflow: auto blocks, because some browsers can't figure it out for themselves.
|
|
||||||
function smf_codeBoxFix()
|
|
||||||
{
|
|
||||||
var codeFix = $('code');
|
|
||||||
$.each(codeFix, function(index, tag)
|
|
||||||
{
|
|
||||||
if (is_webkit && $(tag).height() < 20)
|
|
||||||
$(tag).css({height: ($(tag).height() + 20) + 'px'});
|
|
||||||
|
|
||||||
else if (is_ff && ($(tag)[0].scrollWidth > $(tag).innerWidth() || $(tag).innerWidth() == 0))
|
|
||||||
$(tag).css({overflow: 'scroll'});
|
|
||||||
|
|
||||||
// Holy conditional, Batman!
|
|
||||||
else if (
|
|
||||||
'currentStyle' in $(tag) && $(tag)[0].currentStyle.overflow == 'auto'
|
|
||||||
&& ($(tag).innerHeight() == '' || $(tag).innerHeight() == 'auto')
|
|
||||||
&& ($(tag)[0].scrollWidth > $(tag).innerWidth() || $(tag).innerWidth == 0)
|
|
||||||
&& ($(tag).outerHeight() != 0)
|
|
||||||
)
|
|
||||||
$(tag).css({height: ($(tag).height + 24) + 'px'});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add a fix for code stuff?
|
|
||||||
if (is_ie || is_webkit || is_ff)
|
|
||||||
addLoadEvent(smf_codeBoxFix);
|
|
||||||
|
|
||||||
// Toggles the element height and width styles of an image.
|
|
||||||
function smc_toggleImageDimensions()
|
|
||||||
{
|
|
||||||
$('.postarea .bbc_img.resized').each(function(index, item)
|
|
||||||
{
|
|
||||||
$(item).click(function(e)
|
|
||||||
{
|
|
||||||
$(item).toggleClass('original_size');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add a load event for the function above.
|
|
||||||
addLoadEvent(smc_toggleImageDimensions);
|
|
||||||
|
|
||||||
function smf_addButton(stripId, image, options)
|
|
||||||
{
|
|
||||||
$('#' + stripId).append(
|
|
||||||
'<a href="' + options.sUrl + '" class="button last" ' + ('sCustom' in options ? options.sCustom : '') + ' ' + ('sId' in options ? ' id="' + options.sId + '_text"' : '') + '>'
|
|
||||||
+ options.sText +
|
|
||||||
'</a>'
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue