mirror of
https://github.com/phpbb/phpbb.git
synced 2025-06-09 12:58:52 +00:00
[ticket/10260] Remove prosilver styleswitcher
The styleswitcher is an odd invention that allows setting the font size of the page dynamically via JavaScript (and CSS). This should be done by browser settings instead. PHPBB3-10260
This commit is contained in:
parent
09e0460e5b
commit
4fe7e40f14
9 changed files with 2 additions and 231 deletions
|
@ -80,16 +80,11 @@
|
||||||
|
|
||||||
// ]]>
|
// ]]>
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
|
|
||||||
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
|
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
|
||||||
|
|
||||||
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
|
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
|
||||||
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
|
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
|
||||||
|
|
||||||
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
|
|
||||||
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
|
|
||||||
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
|
|
||||||
|
|
||||||
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
|
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
|
||||||
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
|
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
|
@ -132,8 +127,6 @@
|
||||||
<ul class="linklist navlinks">
|
<ul class="linklist navlinks">
|
||||||
<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
|
<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
|
||||||
|
|
||||||
<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
|
|
||||||
|
|
||||||
<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
|
<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
|
||||||
<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
|
<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
|
||||||
<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
|
<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
|
||||||
|
|
|
@ -46,16 +46,11 @@
|
||||||
|
|
||||||
// ]]>
|
// ]]>
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
|
|
||||||
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
|
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
|
||||||
|
|
||||||
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
|
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
|
||||||
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
|
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
|
||||||
|
|
||||||
<link href="{T_THEME_PATH}/normal.css" rel="alternate stylesheet" type="text/css" title="A" />
|
|
||||||
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
|
|
||||||
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
|
|
||||||
|
|
||||||
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
|
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
|
||||||
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
|
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
|
||||||
<!-- ENDIF -->
|
<!-- ENDIF -->
|
||||||
|
|
|
@ -1,193 +0,0 @@
|
||||||
|
|
||||||
function fontsizeup(event)
|
|
||||||
{
|
|
||||||
// Skip tabs; 9 being the ASCII code for a tab
|
|
||||||
if (event && getKeyCode(event) == 9)
|
|
||||||
{
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
var active = getActiveStyleSheet();
|
|
||||||
|
|
||||||
switch (active)
|
|
||||||
{
|
|
||||||
case 'A--':
|
|
||||||
setActiveStyleSheet('A-');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A-':
|
|
||||||
setActiveStyleSheet('A');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A':
|
|
||||||
setActiveStyleSheet('A+');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A+':
|
|
||||||
setActiveStyleSheet('A++');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A++':
|
|
||||||
setActiveStyleSheet('A');
|
|
||||||
break;
|
|
||||||
|
|
||||||
default:
|
|
||||||
setActiveStyleSheet('A');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function fontsizedown(event)
|
|
||||||
{
|
|
||||||
// Skip tabs
|
|
||||||
if (event && getKeyCode(event) == 9)
|
|
||||||
{
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
var active = getActiveStyleSheet();
|
|
||||||
|
|
||||||
switch (active)
|
|
||||||
{
|
|
||||||
case 'A++' :
|
|
||||||
setActiveStyleSheet('A+');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A+' :
|
|
||||||
setActiveStyleSheet('A');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A' :
|
|
||||||
setActiveStyleSheet('A-');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A-' :
|
|
||||||
setActiveStyleSheet('A--');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'A--' :
|
|
||||||
break;
|
|
||||||
|
|
||||||
default :
|
|
||||||
setActiveStyleSheet('A--');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getKeyCode(event)
|
|
||||||
{
|
|
||||||
// IE doesn't fire the onkeypress event for tabs
|
|
||||||
// Reference: http://www.quirksmode.org/js/keys.html
|
|
||||||
|
|
||||||
var code = (event.keyCode) ? event.keyCode : 0;
|
|
||||||
|
|
||||||
// Probably using FF
|
|
||||||
if (!code && event.charCode)
|
|
||||||
{
|
|
||||||
code = event.charCode;
|
|
||||||
}
|
|
||||||
|
|
||||||
return code;
|
|
||||||
}
|
|
||||||
|
|
||||||
function setActiveStyleSheet(title)
|
|
||||||
{
|
|
||||||
var i, a, main;
|
|
||||||
|
|
||||||
for (i = 0; (a = document.getElementsByTagName('link')[i]); i++)
|
|
||||||
{
|
|
||||||
if (a.getAttribute('rel').indexOf('style') != -1 && a.getAttribute('title'))
|
|
||||||
{
|
|
||||||
a.disabled = true;
|
|
||||||
if (a.getAttribute('title') == title)
|
|
||||||
{
|
|
||||||
a.disabled = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getActiveStyleSheet()
|
|
||||||
{
|
|
||||||
var i, a;
|
|
||||||
|
|
||||||
for (i = 0; (a = document.getElementsByTagName('link')[i]); i++)
|
|
||||||
{
|
|
||||||
if (a.getAttribute('rel').indexOf('style') != -1 && a.getAttribute('title') && !a.disabled)
|
|
||||||
{
|
|
||||||
return a.getAttribute('title');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPreferredStyleSheet()
|
|
||||||
{
|
|
||||||
return ('A-');
|
|
||||||
}
|
|
||||||
|
|
||||||
function createCookie(name, value, days)
|
|
||||||
{
|
|
||||||
if (days)
|
|
||||||
{
|
|
||||||
var date = new Date();
|
|
||||||
date.setTime(date.getTime() + (days*24*60*60*1000));
|
|
||||||
var expires = '; expires=' + date.toGMTString();
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
expires = '';
|
|
||||||
}
|
|
||||||
|
|
||||||
document.cookie = name + '=' + value + expires + style_cookie_settings;
|
|
||||||
}
|
|
||||||
|
|
||||||
function readCookie(name)
|
|
||||||
{
|
|
||||||
var nameEQ = name + '=';
|
|
||||||
var ca = document.cookie.split(';');
|
|
||||||
|
|
||||||
for (var i = 0; i < ca.length; i++)
|
|
||||||
{
|
|
||||||
var c = ca[i];
|
|
||||||
|
|
||||||
while (c.charAt(0) == ' ')
|
|
||||||
{
|
|
||||||
c = c.substring(1, c.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (c.indexOf(nameEQ) == 0)
|
|
||||||
{
|
|
||||||
return c.substring(nameEQ.length, c.length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function load_cookie()
|
|
||||||
{
|
|
||||||
var cookie = readCookie('style_cookie');
|
|
||||||
var title = cookie ? cookie : getPreferredStyleSheet();
|
|
||||||
setActiveStyleSheet(title);
|
|
||||||
}
|
|
||||||
|
|
||||||
function unload_cookie()
|
|
||||||
{
|
|
||||||
var title = getActiveStyleSheet();
|
|
||||||
createCookie('style_cookie', title, 365);
|
|
||||||
}
|
|
||||||
|
|
||||||
onload_functions.push('load_cookie()');
|
|
||||||
onunload_functions.push('unload_cookie()');
|
|
||||||
|
|
||||||
/*
|
|
||||||
var cookie = readCookie("style");
|
|
||||||
var title = cookie ? cookie : getPreferredStyleSheet();
|
|
||||||
setActiveStyleSheet(title);
|
|
||||||
*/
|
|
|
@ -491,7 +491,7 @@
|
||||||
|
|
||||||
/* Sub-header (navigation bar)
|
/* Sub-header (navigation bar)
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
.rtl a.print, .rtl a.sendemail, .rtl a.fontsize {
|
.rtl a.print, .rtl a.sendemail {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -51,7 +51,7 @@
|
||||||
|
|
||||||
/* Sub-header (navigation bar)
|
/* Sub-header (navigation bar)
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
a.print, a.sendemail, a.fontsize {
|
a.print, a.sendemail {
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
|
@ -70,17 +70,6 @@ a.sendemail {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.fontsize {
|
|
||||||
background-image: none;
|
|
||||||
background-position: 0 -1px;
|
|
||||||
width: 29px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.fontsize:hover {
|
|
||||||
background-position: 0 -20px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Icon images
|
/* Icon images
|
||||||
---------------------------------------- */
|
---------------------------------------- */
|
||||||
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
|
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
|
||||||
|
|
|
@ -676,10 +676,6 @@ a.sendemail {
|
||||||
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
|
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
|
||||||
}
|
}
|
||||||
|
|
||||||
a.fontsize {
|
|
||||||
background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Icon images
|
/* Icon images
|
||||||
---------------------------------------- */
|
---------------------------------------- */
|
||||||
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
|
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
|
||||||
|
|
|
@ -1,3 +0,0 @@
|
||||||
body {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
body {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
body {
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
Loading…
Add table
Reference in a new issue