Themeing compatibility changes

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



10.beta1 → 10.RC29

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;
}
@@ -413,4 +418,7 @@
.cns_topic_post_area img {
max-width: 100%;
+}
+.cns_topic_post_area #map_canvas img { /*some exceptions may need defining for the above*/
+ max-width: none;
}

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

@@ -483,4 +495,5 @@
.cns_topic_actions * {
vertical-align: middle;
+ display: inline-block;
}

@@ -535,5 +548,7 @@

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

@@ -736,12 +751,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 +770,5 @@
.topic_list_topic {
margin: 0.5em 0;
+ overflow: hidden;
}

@@ -792,7 +800,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;
}
@@ -832,16 +839,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;
@@ -882,16 +893,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 +916,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

@@ -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 {
@@ -197,5 +219,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;
@@ -347,4 +369,5 @@
select {
max-width: 100px;
+ white-space: nowrap !important;
}

@@ -374,4 +397,7 @@
::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};
}

@@ -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,4 +569,7 @@

.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) */
}
@@ -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) */
@@ -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;
}

@@ -1287,4 +1326,5 @@
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) {
@@ -1407,5 +1447,5 @@
overflow: hidden;
}
-td>.box, .right>.box, .left>.box {
+td>.box, .right .box, .left .box {
margin: 0;
}
@@ -1450,4 +1490,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 +1567,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 +1575,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 +1585,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 +1637,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 +1671,8 @@
.toggleable_tray_button img {
float: {!en_right};
- margin: 0 0.3em !important;
+ margin: 0 0 0 0.3em !important;
}
.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 +1721,4 @@
.fp_col_block .pagination {
float: none;
-}
-.fp_col_block .pagination_per_page {
- display: none;
}
.fp_col_block form + span {
@@ -1768,4 +1808,5 @@
margin-left: 20.2em;
position: absolute;
+ right: 13px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
@@ -1801,5 +1842,5 @@
overflow: auto;
outline: 0;
- white-space: pre-wrap;
+ white-space: pre-wrap !important;
}
.whitespace_visible.code {
@@ -1873,4 +1914,5 @@
.inline_lined_up>* {
white-space: normal;
+ display: inline-block;
}

@@ -1926,5 +1968,5 @@
.wide_table {
width: 100%;
- /*{+START,IF,{$NOT,{$MOBILE}}}*/
+ /*{+START,IF,{$EQ,{$LANG},EN}}*/
table-layout: fixed;
/*{+END}*/
@@ -1933,8 +1975,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 */
@@ -2008,9 +2053,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 +2118,18 @@
.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;}
+}
+.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, .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 +2207,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 +2226,5 @@
vertical-align: middle;
}
-.pagination .inline {
+.pagination .inline, .pagination nav {
display: inline-block;
}
@@ -2223,9 +2276,4 @@
.results_page_num {
font-weight: bold;
-}
-
-.pagination_per_page {
- float: {!en_right};
- margin-{!en_left}: 1em;
}

@@ -2376,5 +2424,5 @@
}

-.ajax_loading {
+div.ajax_loading, p.ajax_loading {
padding: 2em;
text-align: center;
@@ -2477,16 +2525,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 +2549,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 +2588,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,5 +2625,5 @@

div .post_buttons>*, div .buttons_group_faded>* {
- {$BETA_CSS_PROPERTY,opacity: 0.1;} display: inline-block;/*Needed for IE8*/
+ {$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;}
@@ -2685,4 +2740,7 @@
font-size: 0.85em;
font-weight: normal;
+}
+.comments_posting_form_inner .associated_links_block_group li {
+ white-space: normal !important;
}

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

@@ -2842,4 +2900,5 @@
dl.meta_details_list>dt {
float: {!en_left};
+ clear: {!en_left};
padding-{!en_right}: 0.4em !important;
}
@@ -2892,4 +2951,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) {
@@ -3232,5 +3292,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 +3331,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 +3344,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 {
@@ -3318,5 +3384,5 @@

.mass_select_marker {
- padding: 0.5em;
+ padding: 0.2em;
float: {!en_right};
border: 1px solid {$GET,standard_border};
@@ -3400,4 +3466,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 +3533,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 +3650,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 +3656,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 +3720,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 +3822,5 @@
height: 0;
float: left; /* Stops it breaking up margin collapsing */
+ {$BETA_CSS_PROPERTY,transform: scale(1);} /* Fixes bugginess in Chrome */
}

@@ -3798,5 +3878,5 @@
.tab {
float: left;
- padding: 3px 7px 0 7px !important;
+ padding: 3px 6px 0 6px !important;
height: 23px;
text-align: center;
@@ -3812,4 +3892,11 @@
border-top: 1px solid {$GET,tab_border};
/*{+END}*/
+}
+
+a.tab>img+span {
+ padding-top: 0;
+}
+a.tab>span {
+ padding-top: 3px;
}

@@ -4010,4 +4097,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;
}

@@ -4180,5 +4275,5 @@
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 */
+ margin-top: 0.26em; /* Expands the whole line just enough so that our top offset doesn't cause an overflow */
}
.comcode_member_link img {
@@ -4200,4 +4295,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,5 +4334,5 @@

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


themes/default/templates/GLOBAL_HTML_WRAP.tpl

@@ -37,24 +37,24 @@
<div class="global_navigation_inner">
{$,Login form for guests}
- {+START,IF,{$IS_GUEST}}
+ {+START,IF,{$IS_GUEST}}{+START,IF,{$CONFIG_OPTION,block_top_login}}
<div class="top_form">
{$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}}}}
+ {+START,IF,{$AND,{$ADDON_INSTALLED,search},{$NOT,{$MOBILE}},{$NOT,{$IS_GUEST}}}}{+START,IF,{$CONFIG_OPTION,block_top_search}}
<div class="top_form">
{$BLOCK,block=top_search,failsafe=1}
</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>
@@ -94,5 +94,5 @@
{$,Breadcrumbs}
{+START,IF,{$IN_STR,{$BREADCRUMBS},<a}}{+START,IF,{$SHOW_HEADER}}
- <nav class="global_breadcrumbs breadcrumbs" itemprop="breadcrumb">
+ <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)}
@@ -155,4 +157,5 @@
<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:}">{$?,{$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,11 +71,11 @@
{+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}
@@ -105,5 +105,5 @@
{$,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="apple-touch-icon" href="{$IMG*,webclipicon}?v={$IMG_MTIME%,webclipicon}" sizes="120x120 152x152" /> {$,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