Themeing compatibility changes

This auto-generated page shows default theme changes made between versions. You can also look at changes in all files.



10.0.0.beta1 → 10.1.0.beta4

themes/default/css/cns.css

@@ -7,21 +7,4 @@
This file defines styles for Conversr (abbreviated as CNS).
*/
-
-/* Range of bright varying colours */
-{$THEME_WIZARD_COLOR,#9c029a,gcol_1,100% #9C029A}
-{$THEME_WIZARD_COLOR,#fa0c00,gcol_2,100% #FA0C00}
-{$THEME_WIZARD_COLOR,#aa6a04,gcol_3,100% #AA6A04}
-{$THEME_WIZARD_COLOR,#5800fa,gcol_4,100% #5800FA}
-{$THEME_WIZARD_COLOR,#0099fa,gcol_5,100% #0099FA}
-{$THEME_WIZARD_COLOR,#859638,gcol_6,100% #859638}
-{$THEME_WIZARD_COLOR,#2bab03,gcol_7,100% #2BAB03}
-{$THEME_WIZARD_COLOR,#7d7e04,gcol_8,100% #7D7E04}
-{$THEME_WIZARD_COLOR,#966038,gcol_9,100% #966038}
-{$THEME_WIZARD_COLOR,#96384a,gcol_10,100% #96384A}
-{$THEME_WIZARD_COLOR,#963895,gcol_11,100% #963895}
-{$THEME_WIZARD_COLOR,#4e3896,gcol_12,100% #4E3896}
-{$THEME_WIZARD_COLOR,#386296,gcol_13,100% #386296}
-{$THEME_WIZARD_COLOR,#389596,gcol_14,100% #389596}
-{$THEME_WIZARD_COLOR,#389653,gcol_15,100% #389653}

{$THEME_WIZARD_COLOR,#72f579,cns_personal_post_background,50% 00FF00 + 50% area_2_background}
@@ -40,30 +23,32 @@
}

-.cns_forum_topic_wrapper_column_column2, .cns_forum_grouping_column2 {
- width: 100%;
-}
+/*{+START,IF,{$EQ,{$LANG},EN}}*/
+ .cns_forum_topic_wrapper_column_column2, .cns_forum_grouping_column2 {
+ width: 100%;
+ }

-.cns_forum_topic_wrapper_column_column3 {
- word-wrap: break-word;
- width: 100px;
-}
+ .cns_forum_topic_wrapper_column_column3 {
+ word-wrap: break-word;
+ width: 100px;
+ }

-.cns_forum_topic_wrapper_column_column4, .cns_forum_grouping_column3 {
- word-wrap: break-word;
- width: 5em;
-}
+ .cns_forum_topic_wrapper_column_column4, .cns_forum_grouping_column3 {
+ word-wrap: break-word;
+ width: 5em;
+ }

-.cns_forum_topic_wrapper_column_column5, .cns_forum_grouping_column4 {
- word-wrap: break-word;
- width: 5em;
-}
+ .cns_forum_topic_wrapper_column_column5, .cns_forum_grouping_column4 {
+ word-wrap: break-word;
+ width: 5em;
+ }

-.cns_forum_topic_wrapper_column_column6 {
- width: 14em;
-}
+ .cns_forum_topic_wrapper_column_column6 {
+ width: 14em;
+ }

-.cns_forum_topic_wrapper_column_column6_shorter {
- width: 9em;
-}
+ .cns_forum_topic_wrapper_column_column6_shorter {
+ width: 9em;
+ }
+/*{+END}*/

.cns_forum_topic_wrapper_column_column7 {
@@ -71,7 +56,9 @@
}

-.cns_forum_grouping_column5 {
- width: 17em;
-}
+/*{+START,IF,{$EQ,{$LANG},EN}}*/
+ .cns_forum_grouping_column5 {
+ width: 17em;
+ }
+/*{+END}*/

.dropdown_actions {
@@ -178,4 +165,16 @@
margin: 1.5em 0 1.5em 0 !important;
/*{+END}*/
+}
+
+/*
+=========================
+=========Joining=========
+=========================
+*/
+
+.cns_join_rules {
+ max-height: 30em;
+ overflow-y: auto;
+ {$BETA_CSS_PROPERTY,overflow-scrolling: touch;}
}

@@ -202,10 +201,19 @@
.cns_topic {
display: table;
+}
+.cns_topic>* {
+ display: none; /*needed in case of unclosed <b> tags inside causing <b></b> throughout rest of document, due to HTML5 parse rules*/
}
.cns_topic>div {
display: table-row-group;
+}
+.cns_topic>div>* {
+ display: none; /*^ ditto*/
}
.cns_topic>div>div {
display: table-row;
+}
+.cns_topic>div>div>* {
+ display: none; /*^ ditto*/
}
.cns_topic>div>div>div {
@@ -229,5 +237,7 @@

.cns_topic {
- table-layout: fixed !important; /* Needed to be able to lock in overflow scrolling to individual cells */
+ /*{+START,IF,{$EQ,{$LANG},EN}}*/
+ table-layout: fixed !important; /* Needed to be able to lock in overflow scrolling to individual cells */
+ /*{+END}*/
}

@@ -294,9 +304,4 @@
{$BETA_CSS_PROPERTY,box-sizing: border-box;}
padding: 0.5em;
-}
-
-.cns_topic_poll_results {
- font-weight: bold;
- text-align: center;
}

@@ -309,5 +314,5 @@
}

-.cns_topic_poll_result_column2, .cns_topic_poll_radio_column2 {
+.cns_topic_poll_result_column2 {
padding: 0.5em;
}
@@ -367,6 +372,7 @@

/*{+START,IF,{$MOBILE}}*/
- .cns_topic .cns_topic_post_member_details img {
+ .cns_topic .cns_topic_post_member_details img:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
}
/*{+END}*/
@@ -379,9 +385,13 @@
/*{+END}*/
margin: 1em 0;
+ max-width: 100%;
}

.cns_topic_post_avatar {
margin: 0 auto;
+}
+.cns_topic_post_avatar:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
}

@@ -411,6 +421,10 @@
}

-.cns_topic_post_area img {
+.cns_topic_post_area img:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
+}
+.cns_topic_post_area #map_canvas img { /*some exceptions may need defining for the above*/
+ max-width: none;
}

@@ -452,4 +466,8 @@
/*{+END}*/
margin: 0.25em 0;
+}
+
+.cns_topic_control_functions select {
+ max-width: 10.5em;
}

@@ -481,6 +499,7 @@
font-size: 0.85em;
}
-.cns_topic_actions * {
+.cns_topic_actions div, .cns_topic_actions span, .cns_topic_actions label, .cns_topic_actions form {
vertical-align: middle;
+ display: inline-block;
}

@@ -535,5 +554,7 @@

.cns_topic_list, .cns_forum_grouping {
- table-layout: fixed;
+ /*{+START,IF,{$EQ,{$LANG},EN}}*/
+ table-layout: fixed;
+ /*{+END}*/
}

@@ -653,6 +674,7 @@
width: 30px;
}
-.cns_forum_topic_row_emoticon img {
+.cns_forum_topic_row_emoticon img:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
}

@@ -736,12 +758,4 @@
.tooltip .cns_member_box_avatar_touching {
max-width: 245px; /* Based on tooltip size */
-}
-
-.cns_isolated_post_meta_column {
- width: 13em;
-}
-
-.cns_isolated_post_content_column {
- width: 100%;
}

@@ -763,4 +777,5 @@
.topic_list_topic {
margin: 0.5em 0;
+ overflow: hidden;
}

@@ -792,7 +807,6 @@
.cns_member_bar_etc,
.box___block_main_bottom_bar,
- .box__members_viewing,
- .cns_buttons_screen,
- .cns_topic_marker {
+ .box___members_viewing,
+ .cns_buttons_screen {
display: none;
}
@@ -823,7 +837,9 @@
background-image: url('{$IMG,icons/24x24/buttons/new_post_full}') !important;
}
-.buttons__new_topic {
- background-image: url('{$IMG,icons/24x24/buttons/new_topic}') !important;
-}
+/*{+START,IF,{$ADDON_INSTALLED,cns_forum}}*/
+ .buttons__new_topic {
+ background-image: url('{$IMG,icons/24x24/buttons/new_topic}') !important;
+ }
+/*{+END}*/
.buttons__new_quote {
background-image: url('{$IMG,icons/24x24/buttons/new_quote}') !important;
@@ -832,16 +848,20 @@
background-image: url('{$IMG,icons/24x24/buttons/whisper}') !important;
}
-.menu__adminzone__structure__forum__multi_moderations {
- background-image: url('{$IMG,icons/24x24/menu/adminzone/structure/forum/multi_moderations}') !important;
-}
+/*{+START,IF,{$ADDON_INSTALLED,cns_multi_moderations}}*/
+ .menu__adminzone__structure__forum__multi_moderations {
+ background-image: url('{$IMG,icons/24x24/menu/adminzone/structure/forum/multi_moderations}') !important;
+ }
+/*{+END}*/
.menu__site_meta__user_actions__lost_password {
background-image: url('{$IMG,icons/24x24/menu/site_meta/user_actions/lost_password}') !important;
}
-.tabs__member_account__warnings {
- background-image: url('{$IMG,icons/24x24/tabs/member_account/warnings}') !important;
-}
-.buttons__warn {
- background-image: url('{$IMG,icons/24x24/buttons/warn}') !important;
-}
+/*{+START,IF,{$ADDON_INSTALLED,cns_warnings}}*/
+ .tabs__member_account__warnings {
+ background-image: url('{$IMG,icons/24x24/tabs/member_account/warnings}') !important;
+ }
+ .buttons__warn {
+ background-image: url('{$IMG,icons/24x24/buttons/warn}') !important;
+ }
+/*{+END}*/
.buttons__linear {
background-image: url('{$IMG,icons/24x24/buttons/linear}') !important;
@@ -873,7 +893,9 @@
background-image: url('{$IMG,icons/48x48/buttons/new_post_full}') !important;
}
- .buttons__new_topic {
- background-image: url('{$IMG,icons/48x48/buttons/new_topic}') !important;
- }
+ /*{+START,IF,{$ADDON_INSTALLED,cns_forum}}*/
+ .buttons__new_topic {
+ background-image: url('{$IMG,icons/48x48/buttons/new_topic}') !important;
+ }
+ /*{+END}*/
.buttons__new_quote {
background-image: url('{$IMG,icons/48x48/buttons/new_quote}') !important;
@@ -882,16 +904,20 @@
background-image: url('{$IMG,icons/48x48/buttons/whisper}') !important;
}
- .menu__adminzone__structure__forum__multi_moderations {
- background-image: url('{$IMG,icons/48x48/menu/adminzone/structure/forum/multi_moderations}') !important;
- }
+ /*{+START,IF,{$ADDON_INSTALLED,cns_multi_moderations}}*/
+ .menu__adminzone__structure__forum__multi_moderations {
+ background-image: url('{$IMG,icons/48x48/menu/adminzone/structure/forum/multi_moderations}') !important;
+ }
+ /*{+END}*/
.menu__site_meta__user_actions__lost_password {
background-image: url('{$IMG,icons/48x48/menu/site_meta/user_actions/lost_password}') !important;
}
- .tabs__member_account__warnings {
- background-image: url('{$IMG,icons/48x48/tabs/member_account/warnings}') !important;
- }
- .buttons__warn {
- background-image: url('{$IMG,icons/48x48/buttons/warn}') !important;
- }
+ /*{+START,IF,{$ADDON_INSTALLED,cns_warnings}}*/
+ .tabs__member_account__warnings {
+ background-image: url('{$IMG,icons/48x48/tabs/member_account/warnings}') !important;
+ }
+ .buttons__warn {
+ background-image: url('{$IMG,icons/48x48/buttons/warn}') !important;
+ }
+ /*{+END}*/
.buttons__linear {
background-image: url('{$IMG,icons/48x48/buttons/linear}') !important;
@@ -901,23 +927,3 @@
}
}
-
-{+START,IF,{$MOBILE}}
- /* Modifications to make the top "Mark read" button appear in mobile mode */
- .cns_topic_buttons.non_accessibility_redundancy,
- .cns_forum_buttons.non_accessibility_redundancy {
- display: block;
- }
-
- .cns_forum_buttons .cns_screen_buttons input,
- .cns_topic_buttons .cns_screen_buttons input,
- .cns_forum_buttons .cns_screen_buttons a,
- .cns_topic_buttons .cns_screen_buttons a {
- display: none;
- }
-
- .cns_forum_buttons .cns_screen_buttons input[alt="{!MARK_READ}"],
- .cns_topic_buttons .cns_screen_buttons input[alt="{!MARK_READ}"] {
- display: inline-block;
- }
-{+END}


themes/default/css/global.css

@@ -24,5 +24,5 @@

/* Used to initiate equations (although running the Theme Wizard replaces these with what the user chooses - which is how it works) */
-{$THEME_WIZARD_COLOR,#94979d,seed,100% 426aa9}
+{$THEME_WIZARD_COLOR,#426aa9,seed,100% 426aa9}
{$THEME_WIZARD_COLOR,#ffffff,WB,100% FFFFFF}
{$THEME_WIZARD_COLOR,#000000,BW,100% 000000}
@@ -59,5 +59,5 @@
{$THEME_WIZARD_COLOR,#fff2f2,light_error_background,95% WB + 5% FF0000}
{$THEME_WIZARD_COLOR,#d91522,red_highlight_text,80% FF0000 + 20% seed}
-{$THEME_WIZARD_COLOR,#00aa00,green_highlight_text,100% 00AA00}
+{$THEME_WIZARD_COLOR,#009900,green_highlight_text,100% 009900}
{$THEME_WIZARD_COLOR,#ede2e4,required_background,60% (area_4_background hue_to 0) + 40% area_background}
{$THEME_WIZARD_COLOR,#ebe6eb,required_2_background,40% (area_4_background hue_to 0) + 60% area_background}
@@ -136,4 +136,5 @@
{$THEME_WIZARD_COLOR,#8ba4ca,footer_tinting,61% seed + 39% WB}
{$THEME_WIZARD_COLOR,#ffffff,footer_text,100% WB}
+{$THEME_WIZARD_COLOR,#dbe6f7,inverted_text,35% footer_tinting + 65% WB}

/* Used for image generation */
@@ -151,4 +152,21 @@
{$THEME_WIZARD_COLOR,#597bbf,cnspostindicator,65% (seed sat_to 100) + 35% WB}
{$THEME_WIZARD_COLOR,#597bf7,cnsredirectindicator,65% (seed sat_to 100) + 35% WB + 000038 - 061600}
+
+/* Range of bright varying colours */
+{$THEME_WIZARD_COLOR,#9c029a,gcol_1,100% #9C029A}
+{$THEME_WIZARD_COLOR,#fa0c00,gcol_2,100% #FA0C00}
+{$THEME_WIZARD_COLOR,#aa6a04,gcol_3,100% #AA6A04}
+{$THEME_WIZARD_COLOR,#5800fa,gcol_4,100% #5800FA}
+{$THEME_WIZARD_COLOR,#0099fa,gcol_5,100% #0099FA}
+{$THEME_WIZARD_COLOR,#859638,gcol_6,100% #859638}
+{$THEME_WIZARD_COLOR,#2bab03,gcol_7,100% #2BAB03}
+{$THEME_WIZARD_COLOR,#7d7e04,gcol_8,100% #7D7E04}
+{$THEME_WIZARD_COLOR,#966038,gcol_9,100% #966038}
+{$THEME_WIZARD_COLOR,#96384a,gcol_10,100% #96384A}
+{$THEME_WIZARD_COLOR,#963895,gcol_11,100% #963895}
+{$THEME_WIZARD_COLOR,#4e3896,gcol_12,100% #4E3896}
+{$THEME_WIZARD_COLOR,#386296,gcol_13,100% #386296}
+{$THEME_WIZARD_COLOR,#389596,gcol_14,100% #389596}
+{$THEME_WIZARD_COLOR,#389653,gcol_15,100% #389653}

/*
@@ -157,4 +175,8 @@
=========================
*/
+
+html {
+ overflow-y: scroll; /* This makes rendering smoother, no jerk when browser realises a scrollbar is needed, or between pages with/without */
+}

html, body {
@@ -175,4 +197,5 @@
abbr {
border-bottom: 1px dotted; /* For Safari, which does not have it by default */
+ text-decoration: none;
}

@@ -197,5 +220,5 @@
/*Doesn't look good in IE10 input[type="text"]:focus, input[type="password"]:focus {
background: url('{$IMG_INLINE;,keyboard}') right center no-repeat {$GET,native_ui_background};
-
+}
input[type="text"][size="6"]:focus, input[type="text"][readonly="true"]:focus {
background-image: none;
@@ -225,7 +248,4 @@
color: {$GET,heading_text};
border-bottom: 1px solid {$GET,pale_border};
-}
-h3 {
- letter-spacing: -0.75px;
}
h1 {
@@ -238,4 +258,5 @@
h3 {
font-size: 1.1em;
+ letter-spacing: -0.75px;
}
h3 a, h3 a:hover {
@@ -347,4 +368,5 @@
select {
max-width: 100px;
+ white-space: nowrap !important;
}

@@ -372,6 +394,9 @@

/* Cool effect to change how text selection looks; not valid CSS, but is safe */
-::selection {
+.website_body ::selection {
background: {$GET,yellow_highlight_background};
+}
+comcode-{$REPLACE,\,,::selection \,comcode-,{$COMCODE_TAGS;,{$WYSIWYG_COMCODE__XML_BLOCK}}\,{$COMCODE_TAGS;,{$WYSIWYG_COMCODE__XML_INLINE}}}, tempcode ::selection {
+ background: {$GET,green_highlight_text};
}

@@ -437,4 +462,5 @@
color: {$GET,slightly_seeded_text};
background-color: {$GET,main_background};
+ {$BETA_CSS_PROPERTY,user-select: text !important;}
}

@@ -461,4 +487,5 @@

header {
+ background-color: {$GET,main_background};
}

@@ -505,4 +532,5 @@
display: block;
margin: 0;
+ overflow: hidden;
}
.logo_outer a, .logo_outer img {
@@ -512,4 +540,5 @@
width: 100%;
height: auto;
+ padding: 0; /* Only needed because some external CSS may mess with the common name of ".logo" */
}

@@ -534,7 +563,4 @@

.global_navigation .top_buttons, .global_navigation .top_form {
- /*{+START,IF,{$NOT,{$MOBILE}}}*/
- margin-left: 1.5em;
- /*{+END}*/
padding: 0.5em 0;
margin-right: 1em;
@@ -543,8 +569,11 @@

.global_navigation .top_buttons {
+ /*{+START,IF,{$NOT,{$MOBILE}}}*/
+ margin-left: 1.5em;
+ /*{+END}*/
margin-top: 1px; /* To force it align correctly with the form in a different block (which is taller) */
}

-.global_navigation .top_form {
+.global_navigation .top_form.top_search {
margin-top: 3px; /* To force it align correctly with the form in a different block (which is taller) */
}
@@ -554,5 +583,5 @@

.global_navigation .top_login .horizontal_links {
- margin-left: 1em;
+ margin-left: 0.5em;
width: auto;
padding-top: 2px; /* To force it align correctly with the form in a different block (which is taller) */
@@ -616,8 +645,8 @@
/*{+START,IF,{$NOT,{$MOBILE}}}*/
/*{+START,IF,{$CONFIG_OPTION,fixed_width}}*/
- text-align: {!en_right};
+ text-align: {!en_right}; /* Goes on own line in fixed width mode, due to lack of space */
/*{+END}*/
/*{+START,IF,{$NOT,{$CONFIG_OPTION,fixed_width}}}*/
- float: {!en_right};
+ float: {!en_right}; /* Sits beside title on non-fixed width */
/*{+END}*/
margin-left: 0.5em;
@@ -662,9 +691,8 @@
font-size: 0.95em;
padding-bottom: 2em;
- margin-top: -1.2em;
color: {$GET,area_key_text};
}
-.box_inner>.title_tagline {
- margin-top: 0;
+h1 + .title_tagline {
+ margin-top: -1.2em;
}

@@ -721,6 +749,7 @@
line-height: 1.35em;
}
-.zone_running_docs .comcode_page img {
+.zone_running_docs .comcode_page img:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
}

@@ -835,4 +864,14 @@
padding-{!en_left}: 10px;
margin-{!en_left}: 10px;
+}
+
+.global_side_panel .hide_if_in_panel {
+ display: none;
+}
+.hide_if_not_in_panel {
+ display: none;
+}
+.global_side_panel .hide_if_not_in_panel {
+ display: block;
}

@@ -953,5 +992,5 @@
/*{+START,IF,{$NOT,{$MOBILE}}}*/
float: left;
- padding-right: 20px;
+ padding-right: 14px;
/*{+END}*/
}
@@ -968,5 +1007,5 @@

footer .global_footer_left #special_page_type {
- width: 12em;
+ width: 8em;
}

@@ -1130,10 +1169,16 @@
{$BETA_CSS_PROPERTY,box-sizing: border-box;}
{$BETA_CSS_PROPERTY,box-shadow: 3px 3px 10px {$GET,standard_border};}
+}
+.media_box>a>img:not([width]):not([height]), .media_box>img:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
}

.scale_down { /* Membership of this class is used as a tag to turn on image scale-to-fit */
- max-width: 100%;
{$BETA_CSS_PROPERTY,box-sizing: border-box;}
+}
+.scale_down:not([width]):not([height]) {
+ max-width: 100%;
+ height: auto;
}

@@ -1198,6 +1243,7 @@
.non_link:hover {
color: inherit !important;
- text-decoration: none;
- cursor: inherit;
+ text-decoration: none !important;
+ cursor: inherit !important;
+ font-size: 1em !important;
}

@@ -1283,8 +1329,10 @@
border: 1px solid {$GET,light_error_border};
background: url('{$IMG;,icons/24x24/status/notice}') 0.6em 0.75em no-repeat {$GET,light_error_background};
+ overflow: hidden;
}
.inline_wip_message {
border: 1px solid {$GET,dark_border};
background: url('{$IMG;,icons/24x24/status/notice}') 0.6em 0.75em no-repeat {$GET,area_background};
+ color: {$GET,slightly_seeded_text};
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
@@ -1375,5 +1423,8 @@
.img_thumb { /* Membership of this class is used as a tag to turn on the thumbnail blend effect */
{$BETA_CSS_PROPERTY,opacity: 0.7;}
+}
+.img_thumb:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
}
.img_thumb:hover, body.touch_enabled .img_thumb {
@@ -1407,5 +1458,5 @@
overflow: hidden;
}
-td>.box, .right>.box, .left>.box {
+td>.box, .right .box:first-child:last-child, .left .box:first-child:last-child {
margin: 0;
}
@@ -1450,4 +1501,5 @@
background-image: url('{$IMG_INLINE;,gradient}');
background-repeat: repeat-x;
+ {$BETA_CSS_PROPERTY,background-image: linear-gradient(to bottom\, {$GET,lgrad}\, {$GET,dgrad});}
color: {$GET,box_title_text};
text-align: center;
@@ -1526,7 +1578,7 @@
text-align: {!en_left};
font-size: 15px;
- margin: 0.5em 0;
+ margin: 0.5em 0 !important;
font-family: Arial;
- padding: 1px 0 2px 21px;
+ padding: 1px 0 2px 21px !important;
width: auto;
font-weight: bold;
@@ -1534,5 +1586,6 @@
{$BETA_CSS_PROPERTY,border-radius: 0;}
}
-.global_side_panel .boxless_space .box>.box_inner>h1, .global_side_panel .boxless_space .box>.box_inner>h2, .global_side_panel .boxless_space .box>.box_inner>h3, .global_side_panel .boxless_space .box>.box_inner>h4, .global_side_panel .boxless_space .box>.box_inner>h5, .global_side_panel .boxless_space .box>.box_inner>h6 {
+.global_side_panel .boxless_space .box>.box_inner>h1, .global_side_panel .boxless_space .box>.box_inner>h2, .global_side_panel .boxless_space .box>.box_inner>h3, .global_side_panel .boxless_space .box>.box_inner>h4, .global_side_panel .boxless_space .box>.box_inner>h5, .global_side_panel .boxless_space .box>.box_inner>h6,
+.boxless_space .box .box>.box_inner>h1, .boxless_space .box .box>.box_inner>h2, .boxless_space .box .box>.box_inner>h3, .boxless_space .box .box>.box_inner>h4, .boxless_space .box .box>.box_inner>h5, .boxless_space .box .box>.box_inner>h6 {
background: url('{$IMG_INLINE;,1x/boxless_title_leadin_leftcomp}') no-repeat !important;
color: {$GET,slightly_seeded_left_complement_text} !important;
@@ -1543,5 +1596,6 @@
background-size: 18px 18px;
}
- .global_side_panel .boxless_space .box>.box_inner>h1, .global_side_panel .boxless_space .box>.box_inner>h2, .global_side_panel .boxless_space .box>.box_inner>h3, .global_side_panel .boxless_space .box>.box_inner>h4, .global_side_panel .boxless_space .box>.box_inner>h5, .global_side_panel .boxless_space .box>.box_inner>h6 {
+ .global_side_panel .boxless_space .box>.box_inner>h1, .global_side_panel .boxless_space .box>.box_inner>h2, .global_side_panel .boxless_space .box>.box_inner>h3, .global_side_panel .boxless_space .box>.box_inner>h4, .global_side_panel .boxless_space .box>.box_inner>h5, .global_side_panel .boxless_space .box>.box_inner>h6,
+ .boxless_space .box .box>.box_inner>h1, .boxless_space .box .box>.box_inner>h2, .boxless_space .box .box>.box_inner>h3, .boxless_space .box .box>.box_inner>h4, .boxless_space .box .box>.box_inner>h5, .boxless_space .box .box>.box_inner>h6 {
background-image: url('{$IMG_INLINE;,2x/boxless_title_leadin_leftcomp}');
background-size: 18px 18px;
@@ -1594,6 +1648,6 @@

.box .box .box_inner>h1, .box .box .box_inner>h2, .box .box .box_inner>h3, .box .box .box_inner>h4, .box .box .box_inner>h5, .box .box .box_inner>h6, .box .box .toggleable_tray_title, #standalone_html_wrap .box .box .box .box_inner>h2, #standalone_html_wrap .box .box .box .box_inner>h3 {
- background: none !important;
- color: inherit !important;
+ background: none;
+ color: inherit;
padding-left: 0;
font-size: 1.1em;
@@ -1628,8 +1682,11 @@
.toggleable_tray_button img {
float: {!en_right};
- margin: 0 0.3em !important;
+ margin: 0 0 0 0.3em !important;
+}
+.box .toggleable_tray_button img {
+ margin-right: 0.5em;
}
.toggleable_tray_title .toggleable_tray_button img {
- margin-top: -2px !important;
+ margin: -2px 0.4em 0 0.4em !important;
}
.toggleable_tray_button img {
@@ -1678,7 +1735,4 @@
.fp_col_block .pagination {
float: none;
-}
-.fp_col_block .pagination_per_page {
- display: none;
}
.fp_col_block form + span {
@@ -1768,4 +1822,5 @@
margin-left: 20.2em;
position: absolute;
+ right: 13px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
@@ -1801,5 +1856,5 @@
overflow: auto;
outline: 0;
- white-space: pre-wrap;
+ white-space: pre-wrap !important;
}
.whitespace_visible.code {
@@ -1873,4 +1928,5 @@
.inline_lined_up>* {
white-space: normal;
+ display: inline-block;
}

@@ -1926,5 +1982,5 @@
.wide_table {
width: 100%;
- /*{+START,IF,{$NOT,{$MOBILE}}}*/
+ /*{+START,IF,{$EQ,{$LANG},EN}}*/
table-layout: fixed;
/*{+END}*/
@@ -1933,8 +1989,11 @@
.spaced_table th, .spaced_table td {
padding: 0.7em;
- {+START,IF,{$MOBILE}}
- overflow-x: auto;
- {+END}
}
+
+/*{+START,IF,{$MOBILE}}*/
+ .spaced_table td {
+ overflow-x: auto;
+ }
+/*{+END}*/

/* Undo any descendant spacing for nested tables made in WYSIWYG */
@@ -1952,4 +2011,11 @@
.results_table {
border-collapse: separate;
+}
+
+.results_table_simplified {
+ border-collapse: collapse;
+}
+
+.results_table, .results_table_simplified {
border: 0 !important;
border-spacing: 0;
@@ -1964,4 +2030,8 @@
.wide_table_wrap + .wide_table_wrap>.results_table {
margin-top: 1em;
+}
+
+.results_table_simplified th, .results_table_simplified td {
+ border: 1px solid {$GET,standard_border} !important;
}

@@ -2008,9 +2078,9 @@
}

-table>*>.zebra_0>th, table>*>.zebra_0>td, div.zebra_0 {
+table>*>.zebra_0>th, table>*>.zebra_0>td, div.zebra_0, table.zebra>tbody>tr:nth-child(even)>th, table.zebra>tbody>tr:nth-child(even)>td {
background-color: {$GET,area_zebra_background} !important;
color: {$GET,slightly_seeded_text};
}
-table>*>.zebra_1>th, table>*>.zebra_1>td, div.zebra_1 {
+table>*>.zebra_1>th, table>*>.zebra_1>td, div.zebra_1, table.zebra>tbody>tr:nth-child(odd)>th, table.zebra>tbody>tr:nth-child(even)>td {
background-color: {$GET,area_background} !important;
color: {$GET,slightly_seeded_text};
@@ -2073,14 +2143,19 @@
.tooltip {
font-size: 1em;
- padding: 0.5em;
- background-color: {$GET,area_faded_background};
- {$BETA_CSS_PROPERTY,background-image: linear-gradient(to bottom\, {$GET,area_faded_background}\, {$GET,area_background});}
- border: 1px solid {$GET,point_of_interest_border};
- {$BETA_CSS_PROPERTY,box-shadow: 3px 3px 10px {$GET,point_of_interest_border};}
z-index: 10000;
{$BETA_CSS_PROPERTY,opacity: 0.9;}
{$BETA_CSS_PROPERTY,word-wrap: break-word;}
+ min-width: 6em;
+}
+.tooltip_ownlayout {
+ padding: 0.5em;
+ border: 1px solid {$GET,point_of_interest_border};
+ {$BETA_CSS_PROPERTY,box-shadow: 3px 3px 10px {$GET,point_of_interest_border};}
{$BETA_CSS_PROPERTY,border-radius: 10px;}
color: {$GET,area_text} !important;
+}
+.tooltip_ownlayout, .tooltip_nolayout th.de_th, .tooltip_nolayout td {
+ background-color: {$GET,area_faded_background};
+ {$BETA_CSS_PROPERTY,background-image: linear-gradient(to bottom\, {$GET,area_faded_background}\, {$GET,area_background});}
}
.tooltip .box {
@@ -2158,9 +2233,13 @@
max-width: {$?,{$MOBILE},315,400}px;
float: {!en_left};
- margin-{!en_right}: 1em;
+ margin-{!en_right}: 0.75em;
}

.pagination_spacing {
margin: 1em 0;
+}
+
+.compacted_subbox_stream .pagination_spacing {
+ margin-left: 1em;
}

@@ -2173,5 +2252,5 @@
vertical-align: middle;
}
-.pagination .inline {
+.pagination .inline, .pagination nav {
display: inline-block;
}
@@ -2223,9 +2302,4 @@
.results_page_num {
font-weight: bold;
-}
-
-.pagination_per_page {
- float: {!en_right};
- margin-{!en_left}: 1em;
}

@@ -2276,4 +2350,7 @@
margin-left: 0 !important;
margin-right: 0 !important;
+}
+.compacted_subbox_stream>.raw_ajax_grow_spot>h3 {
+ margin: 1em 5px;
}
.compacted_subbox_stream .box {
@@ -2304,4 +2381,12 @@
.compacted_subbox_stream .box .associated_details {
margin-bottom: 0;
+}
+.compacted_subbox_stream.less_compact .box {
+ padding-top: 1.5em !important;
+ margin: 2em 0;
+}
+.compacted_subbox_stream.less_compact .box_inner>h3 {
+ font-size: 1.3em;
+ margin-bottom: 1em;
}

@@ -2376,5 +2461,5 @@
}

-.ajax_loading {
+div.ajax_loading, p.ajax_loading {
padding: 2em;
text-align: center;
@@ -2462,8 +2547,10 @@
.lined_up_boxes .right {
width: 100%;
+ float: none;
}

.lined_up_boxes .left {
width: 100%;
+ float: none;
}
/*{+END}*/
@@ -2477,16 +2564,20 @@
}

-.RATING_INLINE_DYNAMIC, .RATING_INLINE_STATIC, .RATING_INLINE_DYNAMIC div, .RATING_INLINE_STATIC div, .RATING_INLINE_DYNAMIC form, .RATING_INLINE_STATIC form {
+.RATING_INLINE, .RATING_INLINE div, .RATING_INLINE form {
display: inline;
}
-.RATING_INLINE_DYNAMIC .rating_outer, .RATING_INLINE_STATIC .rating_outer {
+.RATING_INLINE .rating_outer {
padding-left: 2em;
}
-.RATING_INLINE_DYNAMIC .rating_outer:first-child, .RATING_INLINE_STATIC .rating_outer:first-child {
+.RATING_INLINE .rating_outer:first-child {
padding-left: 0;
}

-.post_action_link .RATING_INLINE_DYNAMIC {
- padding-left: 20px;
+.RATING_INLINE .ajax_loading {
+ padding: 0;
+}
+
+.post_action_link .RATING_INLINE {
+ padding-left: 2em;
}

@@ -2497,11 +2588,21 @@
.rating_error {
text-align: center;
+}
+
+.rating_stars {
+ min-width: 55px;
+ display: inline-block;
}

.rating_star {
{$BETA_CSS_PROPERTY,opacity: 0.2;} display: inline-block;/*Needed for IE8*/
+ padding-right: 3px;
}
.rating_star_highlight {
{$BETA_CSS_PROPERTY,opacity: 1.0;} display: inline-block;/*Needed for IE8*/
+}
+
+.rating_likers a+a {
+ padding-left: 2px;
}

@@ -2526,11 +2627,4 @@
padding-left: 0;
margin-bottom: 0.3em;
-}
-
-.post .post_avatar {
- float: left;
- margin: 0.5em 1em 0.5em 0;
- width: 50px;
- height: 50px;
}

@@ -2570,7 +2664,7 @@

div .post_buttons>*, div .buttons_group_faded>* {
- {$BETA_CSS_PROPERTY,opacity: 0.1;} display: inline-block;/*Needed for IE8*/
- {$BETA_CSS_PROPERTY,transition-property : opacity;}
- {$BETA_CSS_PROPERTY,transition-duration : 0.5s;}
+ {$BETA_CSS_PROPERTY,opacity: 0.25;} display: inline-block;/*Needed for IE8*/
+ {$BETA_CSS_PROPERTY,transition-property: opacity;}
+ {$BETA_CSS_PROPERTY,transition-duration: 0.5s;}
{$BETA_CSS_PROPERTY,transform: scale(1);} /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
}
@@ -2685,4 +2779,7 @@
font-size: 0.85em;
font-weight: normal;
+}
+.comments_posting_form_inner .associated_links_block_group li {
+ white-space: normal !important;
}

@@ -2694,16 +2791,17 @@
text-align: center;
/*{+END}*/
- /*{+START,IF,{$NOT,{$MOBILE}}}*/
- margin: 0 0 1em 13.5em;
- /*{+END}*/
+ /*{+START,IF,{$NOT,{$MOBILE}}}*//*{+START,IF,{$NOT,{!takes_lots_of_space}}}*/
+ margin: 0 0 1em 0;
+ /*{+END}*//*{+END}*/
}

-.comments_posting_form_end input {
- float: left;
- margin-right: 0.5em !important;
+.comments_posting_form_end .proceed_button input:first-child, .comments_captcha {
+ margin-left: 180px !important;
}

.comments_posting_form_end #submit_button {
- float: right;
+ /*{+START,IF,{$CONFIG_OPTION,enable_previews}}*/
+ float: right;
+ /*{+END}*/
margin-right: 1em !important;
}
@@ -2726,10 +2824,10 @@
*/

-ul.compact_list, ol.compact_list {
+ul.compact_list, .global_side_panel ul, ol.compact_list {
margin: 0;
padding: 0;
text-align: left; /* In case cascading from somewhere */
}
-ul.compact_list>li, ol.compact_list>li {
+ul.compact_list>li, .global_side_panel ul>li, ol.compact_list>li {
margin: 0 0 0 17px;
padding: 0;
@@ -2760,12 +2858,12 @@
}

-ul.spaced_list, .spaced_list ul, ol.spaced_list, .spaced_list ol, .zone_running_docs .comcode_page ul, .zone_running_docs .comcode_page ol {
+ul.spaced_list, .spaced_list ul, ol.spaced_list, .spaced_list ol, .zone_running_docs .comcode_page ul:not([class]), .zone_running_docs .comcode_page ol:not([class]) {
margin: 0;
padding: 0 !important;
}
-ul.spaced_list, .spaced_list ul, .zone_running_docs .comcode_page ul {
+ul.spaced_list, .spaced_list ul, .zone_running_docs .comcode_page ul:not([class]) {
list-style-type: square;
}
-.spaced_list li, .zone_running_docs .comcode_page li {
+.spaced_list li, .zone_running_docs .comcode_page ul:not([class])>li, .zone_running_docs .comcode_page ol:not([class])>li {
margin: 0.5em 0 0.5em 30px !important;
padding: 0;
@@ -2842,4 +2940,5 @@
dl.meta_details_list>dt {
float: {!en_left};
+ clear: {!en_left};
padding-{!en_right}: 0.4em !important;
}
@@ -2854,4 +2953,5 @@
.meta_details>dl.meta_details_list {
margin-bottom: 0;
+ overflow: hidden;
}

@@ -2892,4 +2992,5 @@
background-origin: content-box;
{$BETA_CSS_PROPERTY,transform: scale(1);} /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
+ min-height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
@@ -3091,4 +3192,7 @@
.force_margin {
margin-top: 1.5em !important;
+}
+.global_side_panel .force_margin {
+ margin-top: 1em !important;
}

@@ -3177,6 +3281,7 @@
}

-.box___confirm_screen img {
+.box___confirm_screen img:not([width]):not([height]) {
max-width: 100%;
+ height: auto;
}

@@ -3198,4 +3303,7 @@
.fields_set_contents .constrain_field, .fields_set_contents input .wide_field {
display: inline;
+}
+.constrain_field + .constrain_field {
+ margin: 0.25em 0;
}

@@ -3232,5 +3340,5 @@
background-position: right 7px top 3px;
background-image: url('{$IMG_INLINE;,gradient}');
- /*{$BETA_CSS_PROPERTY,background: linear-gradient(to bottom, {$GET,lgrad} 0%,{$GET,dgrad} 100%);} If you want a CSS gradient instead of the above image, do something like this*/
+ /*{$BETA_CSS_PROPERTY,background-image: linear-gradient(to bottom\, {$GET,lgrad}\, {$GET,dgrad});} If you want a CSS gradient instead of the above image, do something like this*/
color: {$GET,box_title_text} !important;
text-decoration: none !important;
@@ -3271,5 +3379,7 @@
margin: 1px 0.25em 0 0.25em; /* Push it up a bit due to confined space */
text-shadow: 1px 1px 1px {$GET,dark_shadow};
- line-height: 0.9em;
+ /*{+START,IF,{$MOBILE}}*/
+ line-height: 0.9em;
+ /*{+END}*/
}
div .button_micro {
@@ -3282,4 +3392,8 @@
{$BETA_CSS_PROPERTY,transform: scale(1);} /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
display: inline-block;
+}
+.buttons__previous_none, .buttons__next_none {
+ {$BETA_CSS_PROPERTY,opacity: 0.85 !important;}
+ cursor: not-allowed;
}
.button_micro:hover, .button_screen:hover, .button_screen_item:hover {
@@ -3297,4 +3411,7 @@
.proceed_button {
text-align: center;
+}
+.proceed_button:last-child {
+ margin-bottom: 0;
}
div.proceed_button_left {
@@ -3307,4 +3424,5 @@

.shunted_button {
+ clear: {!en_right};
text-align: {!en_right};
}
@@ -3318,5 +3436,5 @@

.mass_select_marker {
- padding: 0.5em;
+ padding: 0.2em;
float: {!en_right};
border: 1px solid {$GET,standard_border};
@@ -3400,4 +3518,7 @@
.buttons__clear {
background-image: url('{$IMG,icons/24x24/buttons/clear}') !important;
+}
+.buttons__ignore {
+ background-image: url('{$IMG,icons/24x24/buttons/ignore}') !important;
}
.buttons__closed {
@@ -3464,7 +3585,12 @@
background-image: url('{$IMG,icons/24x24/buttons/report}') !important;
}
-.buttons__undo {
- background-image: url('{$IMG,icons/24x24/buttons/undo}') !important;
-}
+/*{+START,IF,{$ADDON_INSTALLED,actionlog}}*/
+ .buttons__undo {
+ background-image: url('{$IMG,icons/24x24/buttons/undo}') !important;
+ }
+ .buttons__revisions {
+ background-image: url('{$IMG,icons/24x24/buttons/revisions}') !important;
+ }
+/*{+END}*/
.buttons__save {
background-image: url('{$IMG,icons/24x24/buttons/save}') !important;
@@ -3576,7 +3702,4 @@
.buttons__calculate {
background-image: url('{$IMG,icons/48x48/buttons/calculate}') !important;
- }
- .buttons__revisions {
- background-image: url('{$IMG,icons/48x48/buttons/revisions}') !important;
}
.buttons__choose {
@@ -3585,4 +3708,7 @@
.buttons__clear {
background-image: url('{$IMG,icons/48x48/buttons/clear}') !important;
+ }
+ .buttons__ignore {
+ background-image: url('{$IMG,icons/48x48/buttons/ignore}') !important;
}
.buttons__closed {
@@ -3646,7 +3772,12 @@
background-image: url('{$IMG,icons/48x48/buttons/report}') !important;
}
- .buttons__undo {
- background-image: url('{$IMG,icons/48x48/buttons/undo}') !important;
- }
+ /*{+START,IF,{$ADDON_INSTALLED,actionlog}}*/
+ .buttons__undo {
+ background-image: url('{$IMG,icons/48x48/buttons/undo}') !important;
+ }
+ .buttons__revisions {
+ background-image: url('{$IMG,icons/48x48/buttons/revisions}') !important;
+ }
+ /*{+END}*/
.buttons__save {
background-image: url('{$IMG,icons/48x48/buttons/save}') !important;
@@ -3743,4 +3874,5 @@
height: 0;
float: left; /* Stops it breaking up margin collapsing */
+ {$BETA_CSS_PROPERTY,transform: scale(1);} /* Fixes bugginess in Chrome */
}

@@ -3798,5 +3930,5 @@
.tab {
float: left;
- padding: 3px 7px 0 7px !important;
+ padding: 3px 6px 0 6px !important;
height: 23px;
text-align: center;
@@ -3808,13 +3940,20 @@
/*{+END}*/
/*{+START,IF,{$MOBILE}}*/
- min-width: 107px; /* Allows 3 per row, neat alignment */
+ min-width: 105px; /* Allows 3 per row, neat alignment */
border-left: 1px solid {$GET,tab_border};
border-top: 1px solid {$GET,tab_border};
/*{+END}*/
+}
+
+a.tab>img+span {
+ padding-top: 0;
+}
+a.tab>span {
+ padding-top: 3px;
}

/*{+START,IF,{$MOBILE}}*/
.tab_surround .tab {
- min-width: 100px; /* Allows 3 per row, neat alignment (for nested tabs) */
+ min-width: 99px; /* Allows 3 per row, neat alignment (for nested tabs) */
}
/*{+END}*/
@@ -3972,6 +4111,13 @@
/* .comcode_quote is used where the [quote] tag is parsed. */
/* .comcode_code is used where the [code] tag is parsed. */
+.email_body .comcode_quote, .email_body .comcode_code {
+ margin: 1em 0;
+}
.comcode_quote, .comcode_code {
margin: 1em;
+
+ /* Takes off default from email clients */
+ border: 0 !important;
+ padding: 0 !important;

/* To prevent horizontal overlapping with floats */
@@ -4010,4 +4156,12 @@
white-space: nowrap;
overflow: auto;
+}
+
+/* Allow pre tags to work when mixed in, as people do this when pasting */
+pre .comcode_code_wrap {
+ white-space: normal;
+}
+pre .comcode_code_inner {
+ white-space: pre;
}

@@ -4157,4 +4311,7 @@
text-align: left;
display: inline-block;
+}
+.ticker * {
+ text-indent: 0;
}

@@ -4178,12 +4335,15 @@
padding: 0.2em 0.25em;
vertical-align: middle;
- position: relative;
- top: -0.3em;
- margin-top: 0.25em; /* Expands the whole line just enough so that our top offset doesn't cause an overflow */
+ line-height: 1em;
+ margin: 1px; /* Needed to stop border getting cropped off */
}
.comcode_member_link img {
cursor: inherit;
+}
+.comcode_member_link .embedded_mini_avatar {
+ vertical-align: middle;
}
.comcode_member_link a {
+ vertical-align: middle;
color: {$GET,area_text};
text-decoration: none;
@@ -4200,4 +4360,5 @@
/*display: inline-block; Actually table works better, shows margins even when not floated*/
display: table;
+ border-collapse: separate;
max-width: 100%;
background: {$GET,WB};
@@ -4238,11 +4399,13 @@

a[rel="lightbox"] {
- display: inline-block; /* Stops "_" showing when we use white-space */
+ text-decoration: none; /* Stops "_" showing when we use white-space */
}

-.attachment img {
+.attachment img, .attachment_img {
vertical-align: middle;
+}
+.attachment img:not([width]):not([height]), .attachment_img:not([width]):not([height]) {
max-width: 100%;
- /*height: auto; Would always override HTML height - so we need to make sure that any width+height given in the HTML isn't too big and then max-width won't kick in and cause an inconsistency -- or not give width+height at all, in which case height will indeed auto-scale without needing height:auto here (although be aware that the media renderers will always auto-detect widths+heights as either thumbnail size or from source media)*/
+ height: auto;
}

@@ -4276,8 +4439,4 @@
width: 200px;
white-space: normal;
-}
-
-.attachment_img {
- max-width: 100%;
}

@@ -4315,4 +4474,29 @@
height: auto;
}
+
+/* Wrap video code with <div class="responsive_video">...</div> if you want it responsive; jwplayer is doing this by default using its own JS though */
+.responsive_video video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* We normally expect a standard-sized YouTube embed, but for mobile we will lock the size to the browser window */
+/*{+START,IF,{$MOBILE}}*/
+ .youtube_player {
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ padding-bottom: 56.25%;
+ padding-top: 25px;
+ height: 0;
+ }
+ .youtube_player iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+/*{+END}*/

/*
@@ -4490,4 +4674,5 @@
background: url('{$IMG;,icons/24x24/links/print}') no-repeat left top !important;
padding: 0 0 5px 32px !important;
+ display: inline-block;
}

@@ -4517,4 +4702,5 @@
overflow: visible;
border: 0;
+ {$BETA_CSS_PROPERTY,word-wrap: break-word;}
}

@@ -4546,6 +4732,6 @@
.overlay .previous_button, .overlay .next_button {
{$BETA_CSS_PROPERTY,opacity: 0;}
- {$BETA_CSS_PROPERTY,transition-property : opacity;}
- {$BETA_CSS_PROPERTY,transition-duration : 0.5s;}
+ {$BETA_CSS_PROPERTY,transition-property: opacity;}
+ {$BETA_CSS_PROPERTY,transition-duration: 0.5s;}
}
.overlay .previous_button:hover, .overlay .next_button:hover, .overlay.mousemove .previous_button, .overlay.mousemove .next_button, body.touch_enabled .overlay.mousemove .previous_button, body.touch_enabled .overlay.mousemove .next_button {
@@ -4570,4 +4756,15 @@
padding-right: 0.5em;
vertical-align: middle;
+}
+
+/*
+=========================
+======E-mail rules=======
+=========================
+*/
+
+.email_logo img {
+ max-width: 100%;
+ height: auto;
}


themes/default/templates/GLOBAL_HTML_WRAP.tpl

@@ -16,5 +16,5 @@
<div id="main_website_inner">
{+START,IF,{$SHOW_HEADER}}
- <header itemscope="itemscope" itemtype="http://schema.org/WPHeader" role="banner">
+ <header itemscope="itemscope" itemtype="http://schema.org/WPHeader">
{$,This allows screen-reader users (e.g. blind users) to jump past the panels etc to the main content}
<a accesskey="s" class="accessibility_hidden" href="#maincontent">{!SKIP_NAVIGATION}</a>
@@ -37,24 +37,24 @@
<div class="global_navigation_inner">
{$,Login form for guests}
- {+START,IF,{$IS_GUEST}}
- <div class="top_form">
+ {+START,IF,{$IS_GUEST}}{+START,IF,{$CONFIG_OPTION,block_top_login}}
+ <div class="top_form top_login">
{$BLOCK,block=top_login}
</div>
- {+END}
+ {+END}{+END}

{$,Search box for logged in users [could show to guests, except space is lacking]}
- {+START,IF,{$AND,{$ADDON_INSTALLED,search},{$NOT,{$MOBILE}},{$NOT,{$IS_GUEST}}}}
- <div class="top_form">
- {$BLOCK,block=top_search,failsafe=1}
+ {+START,IF,{$AND,{$ADDON_INSTALLED,search},{$NOT,{$MOBILE}},{$NOT,{$IS_GUEST}}}}{+START,IF,{$CONFIG_OPTION,block_top_search,1}}
+ <div class="top_form top_search">
+ {$BLOCK,block=top_search,failsafe=1,limit_to={$?,{$MATCH_KEY_MATCH,forum:_WILD},cns_posts,all_defaults}}
</div>
- {+END}
+ {+END}{+END}

- {+START,IF,{$NOT,{$IS_GUEST}}}
+ {+START,IF,{$NOT,{$IS_GUEST}}}{+START,IF,{$OR,{$CONFIG_OPTION,block_top_notifications},{$CONFIG_OPTION,block_top_personal_stats}}}
<div class="top_buttons">
- {$BLOCK,block=top_notifications}
+ {+START,IF,{$CONFIG_OPTION,block_top_notifications}}{$BLOCK,block=top_notifications}{+END}

- {$BLOCK,block=top_personal_stats}
+ {+START,IF,{$CONFIG_OPTION,block_top_personal_stats}}{$BLOCK,block=top_personal_stats}{+END}
</div>
- {+END}
+ {+END}{+END}
</div>
</div>
@@ -93,6 +93,6 @@
<article class="global_middle" role="main">
{$,Breadcrumbs}
- {+START,IF,{$IN_STR,{$BREADCRUMBS},<a}}{+START,IF,{$SHOW_HEADER}}
- <nav class="global_breadcrumbs breadcrumbs" itemprop="breadcrumb">
+ {+START,IF,{$IN_STR,{$BREADCRUMBS},<a }}{+START,IF,{$SHOW_HEADER}}
+ <nav class="global_breadcrumbs breadcrumbs" itemprop="breadcrumb" id="global_breadcrumbs">
<img width="20" height="20" class="breadcrumbs_img" src="{$IMG*,1x/breadcrumbs}" srcset="{$IMG*,2x/breadcrumbs} 2x" title="{!YOU_ARE_HERE}" alt="{!YOU_ARE_HERE}" />
{$BREADCRUMBS}
@@ -123,4 +123,8 @@
{$MESSAGES_BOTTOM}
</div>
+ {+END}
+
+ {+START,IF,{$SHOW_FOOTER}}
+ {+START,IF,{$EQ,{$CONFIG_OPTION,sitewide_im,1},1}}{$CHAT_IM}{+END}
{+END}
{+END}
@@ -129,6 +133,4 @@
{+START,INCLUDE,GLOBAL_HTML_WRAP_mobile}{+END}
{+END}
-
- {+START,IF,{$EQ,{$CONFIG_OPTION,sitewide_im,1},1}}{$CHAT_IM}{+END}

{$,Late messages happen if something went wrong during outputting everything (i.e. too late in the process to show the error in the normal place)}
@@ -148,11 +150,12 @@
<li><a rel="back_to_top" accesskey="g" href="#">{$?,{$MOBILE},{!_BACK_TO_TOP},<img width="24" height="24" title="{!BACK_TO_TOP}" alt="{!BACK_TO_TOP}" src="{$IMG*,icons/24x24/tool_buttons/top}" srcset="{$IMG*,icons/48x48/tool_buttons/top} 2x" />}</a></li>
{+END}
- {+START,IF,{$NOT,{$MOBILE}}}{+START,IF,{$ADDON_INSTALLED,realtime_rain}}{+START,IF,{$CONFIG_OPTION,bottom_show_realtime_rain_button}}{+START,IF,{$HAS_ACTUAL_PAGE_ACCESS,admin_realtime_rain}}{+START,IF,{$NEQ,{$ZONE}:{$PAGE},adminzone:admin_realtime_rain}}
+ {+START,IF,{$NOT,{$MOBILE}}}{+START,IF,{$ADDON_INSTALLED,realtime_rain}}{+START,IF,{$CONFIG_OPTION,bottom_show_realtime_rain_button,1}}{+START,IF,{$HAS_ACTUAL_PAGE_ACCESS,admin_realtime_rain}}{+START,IF,{$NEQ,{$ZONE}:{$PAGE},adminzone:admin_realtime_rain}}
<li><a id="realtime_rain_button" onclick="if (typeof window.load_realtime_rain!='undefined') return load_realtime_rain(); else return false;" href="{$PAGE_LINK*,adminzone:admin_realtime_rain}">{$?,{$MOBILE},{!realtime_rain:REALTIME_RAIN},<img width="24" height="24" id="realtime_rain_img" title="{!realtime_rain:REALTIME_RAIN}" alt="{!realtime_rain:REALTIME_RAIN}" src="{$IMG*,icons/24x24/tool_buttons/realtime_rain_on}" srcset="{$IMG*,icons/48x48/tool_buttons/realtime_rain_on} 2x" />}</a></li>
{+END}{+END}{+END}{+END}{+END}
{+START,IF,{$HAS_ZONE_ACCESS,adminzone}}
- {+START,IF,{$ADDON_INSTALLED,commandr}}{+START,IF,{$HAS_ACTUAL_PAGE_ACCESS,admin_commandr}}{+START,IF,{$CONFIG_OPTION,bottom_show_commandr_button}}{+START,IF,{$NEQ,{$ZONE}:{$PAGE},adminzone:admin_commandr}}
+ {+START,IF,{$ADDON_INSTALLED,commandr}}{+START,IF,{$HAS_ACTUAL_PAGE_ACCESS,admin_commandr}}{+START,IF,{$CONFIG_OPTION,bottom_show_commandr_button,1}}{+START,IF,{$NEQ,{$ZONE}:{$PAGE},adminzone:admin_commandr}}
<li><a id="commandr_button" accesskey="o"{+START,IF,{$NOT,{$MOBILE}}} onclick="if (typeof window.load_commandr!='undefined') return load_commandr(); else return false;"{+END} href="{$PAGE_LINK*,adminzone:admin_commandr}">{$?,{$MOBILE},{!commandr:COMMANDR},<img width="24" height="24" id="commandr_img" title="{!commandr:COMMANDR_DESCRIPTIVE_TITLE}" alt="{!commandr:COMMANDR_DESCRIPTIVE_TITLE}" src="{$IMG*,icons/24x24/tool_buttons/commandr_on}" srcset="{$IMG*,icons/48x48/tool_buttons/commandr_on} 2x" />}</a></li>
{+END}{+END}{+END}{+END}
+ <li><a href="{$PAGE_LINK*,adminzone:,,,,keep_theme}">{$?,{$MOBILE},{!ADMIN_ZONE},<img width="24" height="24" title="{!ADMIN_ZONE}" alt="{!ADMIN_ZONE}" src="{$IMG*,icons/24x24/menu/adminzone/adminzone}" srcset="{$IMG*,icons/48x48/menu/adminzone/adminzone} 2x" />}</a></li>
{+START,IF,{$NOT,{$MOBILE}}}{+START,IF,{$EQ,{$BRAND_NAME},Composr}}
<li><a id="software_chat_button" accesskey="-" onclick="if (typeof window.load_software_chat!='undefined') return load_software_chat(event); else return false;" href="#">{$?,{$MOBILE},{!SOFTWARE_CHAT},<img width="24" height="24" id="software_chat_img" title="{!SOFTWARE_CHAT}" alt="{!SOFTWARE_CHAT}" src="{$IMG*,icons/24x24/tool_buttons/software_chat}" srcset="{$IMG*,icons/48x48/tool_buttons/software_chat} 2x" />}</a></li>
@@ -167,10 +170,10 @@

{+START,IF,{$HAS_SU}}
- <form title="{!SU_2} {!LINK_NEW_WINDOW}" class="inline su_form" method="get" action="{$URL_FOR_GET_FORM*,{$SELF_URL,0,1}}" target="_blank">
+ <form title="{!SU} {!LINK_NEW_WINDOW}" class="inline su_form" method="get" action="{$URL_FOR_GET_FORM*,{$SELF_URL,0,1}}" target="_blank" autocomplete="off">
{$HIDDENS_FOR_GET_FORM,{$SELF_URL,0,1},keep_su}

<div class="inline">
<div class="accessibility_hidden"><label for="su">{!SU}</label></div>
- <input onkeypress="if (enter_pressed(event)) this.form.submit();" accesskey="w" size="10" onfocus="placeholder_focus(this);" onblur="placeholder_blur(this);" class="field_input_non_filled" type="text" value="{$USERNAME;*}" id="su" name="keep_su" /><input onclick="disable_button_just_clicked(this);" class="menu__site_meta__user_actions__login button_micro" type="submit" value="{!SU}" />
+ <input title="{!SU_2}" onkeypress="if (enter_pressed(event)) this.form.submit();" accesskey="w" size="10" onfocus="placeholder_focus(this);" onblur="placeholder_blur(this);" class="field_input_non_filled" type="text" value="{+START,IF_NON_EMPTY,{$_GET,keep_su}}{$USERNAME;*}{+END}" id="su" name="keep_su" /><input onclick="disable_button_just_clicked(this);" class="button_micro menu__site_meta__user_actions__login" type="submit" value="{!SU}" />
</div>
</form>
@@ -178,10 +181,10 @@

{+START,IF,{$NOT,{$MOBILE}}}{+START,IF_NON_EMPTY,{$STAFF_ACTIONS}}{+START,IF,{$CONFIG_OPTION,show_staff_page_actions}}
- <form onsubmit="return staff_actions_select(this);" title="{!SCREEN_DEV_TOOLS} {!LINK_NEW_WINDOW}" class="inline special_page_type_form" action="{$URL_FOR_GET_FORM*,{$SELF_URL,0,1}}" method="get" target="_blank">
- {$HIDDENS_FOR_GET_FORM,{$SELF_URL,0,1,0,cache_blocks=0,cache_comcode_pages=0,keep_no_xhtml=1,special_page_type=<null>,keep_cache=<null>}}
+ <form onsubmit="return staff_actions_select(this);" title="{!SCREEN_DEV_TOOLS} {!LINK_NEW_WINDOW}" class="inline special_page_type_form" action="{$URL_FOR_GET_FORM*,{$SELF_URL,0,1}}" method="get" target="_blank" autocomplete="off">
+ {$HIDDENS_FOR_GET_FORM,{$SELF_URL,0,1,0,cache_blocks=0,cache_comcode_pages=0,keep_no_xhtml=1,special_page_type=<null>,keep_cache=<null>,wide_high=1}}

<div class="inline">
<p class="accessibility_hidden"><label for="special_page_type">{!SCREEN_DEV_TOOLS}</label></p>
- <select onchange="staff_actions_change(this);" id="special_page_type" name="special_page_type">{$STAFF_ACTIONS}</select><input class="buttons__proceed button_micro" type="submit" value="{!PROCEED_SHORT}" />
+ <select onchange="staff_actions_change(this);" id="special_page_type" name="special_page_type">{$STAFF_ACTIONS}</select><input class="button_micro buttons__proceed" type="submit" value="{!PROCEED_SHORT}" />
</div>
</form>
@@ -191,5 +194,5 @@
<div class="global_footer_right">
<nav class="global_minilinks">
- <ul class="{+START,IF,{$NOT,{$MOBILE,1}}}horizontal_links {+END}footer_links">
+ <ul class="{+START,IF,{$NOT,{$MOBILE}}}horizontal_links {+END}footer_links">
{+START,IF,{$MOBILE}}
{$GET,FOOTER_BUTTONS}
@@ -199,5 +202,5 @@
{+END}
{+START,IF,{$CONFIG_OPTION,bottom_show_rules_link}}
- <li><a onclick="return open_link_as_overlay(this);" rel="site_rules" accesskey="7" href="{$PAGE_LINK*,_SEARCH:rules}">{!RULES}</a></li>
+ <li><a onclick="return open_link_as_overlay(this);" rel="site_rules" accesskey="7" href="{$PAGE_LINK*,:rules}">{!RULES}</a></li>
{+END}
{+START,IF,{$CONFIG_OPTION,bottom_show_privacy_link}}
@@ -208,5 +211,5 @@
{+END}
{+START,IF,{$NOR,{$IS_HTTPAUTH_LOGIN},{$IS_GUEST}}}
- <li><form title="{!LOGOUT}" class="inline" method="post" action="{$PAGE_LINK*,_SELF:login:logout}"><input class="button_hyperlink" type="submit" title="{!_LOGOUT,{$USERNAME*}}" value="{!LOGOUT}" /></form></li>
+ <li><form title="{!LOGOUT}" class="inline" method="post" action="{$PAGE_LINK*,_SELF:login:logout}" autocomplete="off"><input class="button_hyperlink" type="submit" title="{!_LOGOUT,{$USERNAME*}}" value="{!LOGOUT}" /></form></li>
{+END}
{+START,IF,{$OR,{$IS_HTTPAUTH_LOGIN},{$IS_GUEST}}}
@@ -214,8 +217,8 @@
{+END}
{+START,IF,{$CONFIG_OPTION,mobile_support}}
- {+START,IF,{$MOBILE,1}}
+ {+START,IF,{$MOBILE}}
<li><a href="{$SELF_URL*,1,0,0,keep_mobile=0}">{!NONMOBILE_VERSION}</a>
{+END}
- {+START,IF,{$NOT,{$MOBILE,1}}}
+ {+START,IF,{$NOT,{$MOBILE}}}
<li><a href="{$SELF_URL*,1,0,0,keep_mobile=1}">{!MOBILE_VERSION}</a></li>
{+END}

themes/default/templates/HTML_HEAD.tpl

@@ -71,14 +71,14 @@
{+END}
{+START,IF_NON_EMPTY,{$METADATA,title}}<meta property="og:title" content="{$METADATA*,title}" />{+END}
-{+START,IF_NON_EMPTY,{$METADATA,type}}<meta property="og:type" content="{$REPLACE*, ,_,{$LCASE,{$METADATA,type}}}" />{+END}
+{+START,IF,{$EQ,{$METADATA,type},News article}}{$,Valid types only}<meta property="og:type" content="{$REPLACE*,News article,article,{$METADATA,type}}" />{+END}
<meta property="og:url" content="{$CANONICAL_URL*}" /><meta property="og:site_name" content="{$SITE_NAME*}" />
{+START,COMMENT,Commented out by default to save bandwidth}
Only do this if you have a real uid, not a page id... {+START,IF_NON_EMPTY,{$CONFIG_OPTION*,facebook_uid,1}}<meta property="fb:admins" content="{$CONFIG_OPTION*,facebook_uid}" />{+END}
- this is usually better... {+START,IF_NON_EMPTY,{$CONFIG_OPTION*,facebook_appid}}<meta property="fb:app_id" content="{$CONFIG_OPTION*,facebook_appid,1}" />{+END}
{+END}
-{+START,IF_NON_EMPTY,{$METADATA,description}}<meta property="og:description" content="{$TRIM,{$METADATA*,description}}" />{+END}
+{+START,IF_NON_EMPTY,{$CONFIG_OPTION*,facebook_appid}}<meta property="fb:app_id" content="{$CONFIG_OPTION*,facebook_appid,1}" />{+END}
+{+START,IF_NON_EMPTY,{$METADATA,meta_description}}<meta property="og:description" content="{$TRIM,{$METADATA*,meta_description}}" />{+END}
{+START,IF_NON_EMPTY,{$METADATA,image}}<meta property="og:image" content="{$METADATA*,image}" />{$,NB: You may also want to define a image_src link tag for some social sites}{+END}{+START,IF_EMPTY,{$METADATA,image}}<meta property="og:image" content="{$IMG*,logo/standalone_logo}" />{+END}
{+START,IF_NON_EMPTY,{$METADATA,video}}<meta property="og:video" content="{$METADATA*,video}" /><meta property="og:video:width" content="{$METADATA*,video:width}" /><meta property="og:video:height" content="{$METADATA*,video:height}" /><meta property="og:video:type" content="{$METADATA*,video:type}" />{+END}
-<meta property="og:locale" content="{$REPLACE,-,_,{!locale}}" />
+<meta property="og:locale" content="{$PREG_REPLACE,\..*$,,{$PREG_REPLACE,\,.*$,,{$REPLACE,-,_,{!locale}}}}" />
{+START,IF,{$EQ,{$METADATA,type},Article}}
{+START,IF_NON_EMPTY,{$METADATA,created}}<meta name="article:published_time" content="{$METADATA*,created}" />{+END}
@@ -104,6 +104,6 @@

{$,Favicon and app icon for site, managed as theme images}
-<link rel="icon" href="{$IMG*,favicon}" type="image/x-icon" sizes="16x16 24x24 32x32 48x48" />
-<link rel="apple-touch-icon" href="{$IMG*,webclipicon}" sizes="120x120 144x144 152x152" /> {$,Used on speed dials and phone home screens and not downloaded automatically}
+<link rel="icon" href="{$IMG*,favicon}" type="image/x-icon" sizes="48x48 32x32 24x24 16x16" />
+<link rel="apple-touch-icon" href="{$IMG*,webclipicon}?v={$IMG_MTIME%,webclipicon}" sizes="152x152 120x120" /> {$,Used on speed dials and phone home screens and not downloaded automatically}

{$,Inclusion of search semantic data, so smart browsers can automatically allow native-browser searching of the site}
@@ -134,5 +134,5 @@

{$,Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent}
-{+START,IF,{$CONFIG_OPTION,cookie_notice}}
+{+START,IF,{$AND,{$CONFIG_OPTION,cookie_notice},{$RUNNING_SCRIPT,index}}}
<script type="text/javascript">
window.cookieconsent_options={'message':'{!COOKIE_NOTICE;,{$SITE_NAME}}','dismiss':'{!INPUTSYSTEM_OK;}','learnMore':'{!READ_MORE;}','link':'{$PAGE_LINK;,:privacy}','theme':'dark-top'};

Back to Top