phpBB2/templates/christmas/overall_header.tpl

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">\r
   2 <ml dir="{S_CONTENT_DIRECTION}">\r
   3 <head>\r
   4 <meta tp-equiv="Content-Type" content="text/ml; charset={S_CONTENT_ENCODING}">\r
   5 <meta tp-equiv="Content-Style-Type" content="text/css">\r
   6 <title>{SITENAME} :: {PAGE_TITLE}</title>\r
   7 <!-- link rel="stylesheet" href="templates/christmas/{T_HEAD_STYLESHEET}" type="text/css" -->\r
   8 <link rel="stylesheet" href="/styles/header.css" type="text/css" />\r
   9 <link rel="stylesheet" href="/styles/main.css" type="text/css" />\r
  10 \r
  11 <style type="text/css">\r
  12 \r
  13 <!--\r
  14 /*\r
  15   The original christmas Theme for phpBB version 2+\r
  16   Created by subBlue design\r
  17   http://www.subBlue.com\r
  18   MAJ : 29 novembre 2003 :: Mojy :: http://www.phpbb-fr-themes.com :: mojy@phpbb-fr.org\r
  19   => 2.0.6 correcting CSS and all files .tpl\r
  20 \r
  21   NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2\r
  22   theme administration centre. When you have finalised your style you could cut the final CSS code\r
  23   and place it in an external file, deleting this section to save bandwidth.\r
  24 */\r
  25 \r
  26 /* General page style. The scroll bar colours only visible in IE5.5+ */\r
  27 body { \r
  28         background-color: {T_BODY_BGCOLOR};\r
  29         scrollbar-face-color: {T_TR_COLOR2};\r
  30         scrollbar-highlight-color: {T_TD_COLOR1};\r
  31         scrollbar-shadow-color: {T_TR_COLOR1};\r
  32         scrollbar-3dlight-color: {T_TR_COLOR3};\r
  33         scrollbar-arrow-color:  {T_BODY_LINK};\r
  34         scrollbar-track-color: {T_TR_COLOR1};\r
  35         scrollbar-darkshadow-color: {T_TH_COLOR1};\r
  36 }\r
  37 \r
  38 /* General font families for common tags */\r
  39 font, th, td, p { font-family: {T_FONTFACE1} }\r
  40 a:link, a:active, a:visited { color : {T_BODY_LINK}; }\r
  41 a:hover         { text-decoration: underline; color : {T_BODY_HLINK}; }\r
  42 hr      { height: 0px; border: solid {T_BODY_BGCOLOR} 0px; border-top-width: 1px;}\r
  43 \r
  44 /* This is the border line & background colour round the entire page */\r
  45 .bodyline       { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }\r
  46 \r
  47 /* This is the outline round the main forum tables */\r
  48 .forumline      { background-color: {T_BODY_BGCOLOR}; border: 2px {T_TH_COLOR2} solid; }\r
  49 \r
  50 /* Main table cell colours and backgrounds */\r
  51 td.row1 { background-color: {T_TR_COLOR1}; }\r
  52 td.row2 { background-color: {T_TR_COLOR2}; }\r
  53 td.row3 { background-color: {T_TR_COLOR3}; }\r
  54 \r
  55 /*\r
  56   This is for the table cell above the Topics, Post & Last posts on the index.php page\r
  57   By default this is the fading out gradiated silver background.\r
  58   However, you could replace this with a bitmap specific for each forum\r
  59 */\r
  60 td.rowpic {\r
  61                 background-color: {T_TD_COLOR2};\r
  62                 background-image: url(templates/christmas/images/{T_TH_CLASS3});\r
  63                 background-repeat: repeat-y;\r
  64 }\r
  65 \r
  66 /* Header cells - the blue and silver gradient backgrounds */\r
  67 th      {\r
  68         color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; \r
  69         background-color: {T_BODY_LINK}; height: 25px;\r
  70         background-image: url(templates/christmas/images/{T_TH_CLASS2});\r
  71 }\r
  72 \r
  73 td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {\r
  74                         background-image: url('templates/christmas/images/{T_TH_CLASS1}');\r
  75                         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;\r
  76 }\r
  77 \r
  78 /*\r
  79   Setting additional nice inner borders for the main table cells.\r
  80   The names indicate which sides the border will be on.\r
  81   Don't worry if you don't understand this, just ignore it :-)\r
  82 */\r
  83 td.cat,td.catHead,td.catBottom {\r
  84         height: 29px;\r
  85         border-width: 0px 0px 0px 0px;\r
  86 }\r
  87 th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {\r
  88         font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;\r
  89 }\r
  90 td.row3Right,td.spaceRow {\r
  91         background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;\r
  92 }\r
  93 \r
  94 th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }\r
  95 th.thSides,td.catSides,td.spaceRow       { border-width: 0px 1px 0px 1px; }\r
  96 th.thRight, td.catRight, td.row3Right    { border-width: 0px 1px 0px 0px; }\r
  97 th.thLeft, td.catLeft     { border-width: 0px 0px 0px 1px; }\r
  98 th.thBottom, td.catBottom  { border-width: 0px 1px 1px 1px; }\r
  99 th.thTop         { border-width: 1px 0px 0px 0px; }\r
 100 th.thCornerL { border-width: 1px 0px 0px 1px; }\r
 101 th.thCornerR { border-width: 1px 1px 0px 0px; }\r
 102 \r
 103 /* The largest text used in the index page title and toptic title etc. */\r
 104 .maintitle      {\r
 105         font-weight: bold; font-size: 22px; font-family: "T_FONTFACE2"};\r
 106         text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};\r
 107 }\r
 108 \r
 109 /* General text */\r
 110 .gen { font-size : {T_FONTSIZE3}px; }\r
 111 .genmed { font-size : {T_FONTSIZE2}px; }\r
 112 .gensmall { font-size : {T_FONTSIZE1}px; }\r
 113 .gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }\r
 114 a.gen, a.genmed, a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }\r
 115 a.gen:hover,a.genmed:hover,a.gensmall:hover     { color: {T_BODY_HLINK}; text-decoration: underline; }\r
 116 \r
 117 /* The register, login, search etc links at the top of the page */\r
 118 .mainmenu               { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }\r
 119 a.mainmenu              { text-decoration: none; color : {T_BODY_LINK};  }\r
 120 a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }\r
 121 \r
 122 /* Forum category titles */\r
 123 .cattitle               { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}\r
 124 a.cattitle              { text-decoration: none; color : {T_BODY_LINK}; }\r
 125 a.cattitle:hover{ text-decoration: underline; }\r
 126 \r
 127 /* Forum title: Text and link to the forums used in: index.php */\r
 128 .forumlink              { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }\r
 129 a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }\r
 130 a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }\r
 131 \r
 132 /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */\r
 133 .nav                    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}\r
 134 a.nav                   { text-decoration: none; color : {T_BODY_LINK}; }\r
 135 a.nav:hover             { text-decoration: underline; }\r
 136 \r
 137 /* titles for the topics: could specify viewed link colour too */\r
 138 .topictitle, h1, h2     { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }\r
 139 a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }\r
 140 a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }\r
 141 a.topictitle:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }\r
 142 \r
 143 /* Name of poster in viewmsg.php and viewtopic.php and other places */\r
 144 .name                   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}\r
 145 \r
 146 /* Location, number of posts, post date etc */\r
 147 .postdetails            { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }\r
 148 \r
 149 /* The content of the posts (body of text) */\r
 150 .postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}\r
 151 a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }\r
 152 a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }\r
 153 a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}\r
 154 \r
 155 /* Quote & Code blocks */\r
 156 .code { \r
 157         font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};\r
 158         background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;\r
 159         border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px\r
 160 }\r
 161 \r
 162 .quote {\r
 163         font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;\r
 164         background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;\r
 165         border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px\r
 166 }\r
 167 \r
 168 /* Copyright and bottom info */\r
 169 .copyright              { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}\r
 170 a.copyright             { color: {T_FONTCOLOR1}; text-decoration: none;}\r
 171 a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}\r
 172 \r
 173 /* Form elements */\r
 174 input,textarea, select {\r
 175         color : {T_BODY_TEXT};\r
 176         font: normal {T_FONTSIZE2}px {T_FONTFACE1};\r
 177         border-color : {T_BODY_TEXT};\r
 178 }\r
 179 \r
 180 /* The text input fields background colour */\r
 181 input.post, textarea.post, select {\r
 182         background-color : {T_TD_COLOR2};\r
 183 }\r
 184 \r
 185 input { text-indent : 2px; }\r
 186 \r
 187 /* The buttons used for bbCode styling in message post */\r
 188 input.button {\r
 189         background-color : {T_TR_COLOR1};\r
 190         color : {T_BODY_TEXT};\r
 191         font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};\r
 192 }\r
 193 \r
 194 /* The main submit button option */\r
 195 input.mainoption {\r
 196         background-color : {T_TD_COLOR1};\r
 197         font-weight : bold;\r
 198 }\r
 199 \r
 200 /* None-bold submit button */\r
 201 input.liteoption {\r
 202         background-color : {T_TD_COLOR1};\r
 203         font-weight : normal;\r
 204 }\r
 205 \r
 206 /* This is the line in the posting page which shows the rollover\r
 207   help line. This is actually a text box, but if set to be the same\r
 208   colour as the background no one will know ;)\r
 209 */\r
 210 .helpline { background-color: {T_TR_COLOR2}; border-style: none; }\r
 211 \r
 212 /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */\r
 213 @import url("templates/christmas/formIE.css"); \r
 214 -->\r
 215 \r
 216 </style>\r
 217 <!-- BEGIN switch_enable_pm_popup -->\r
 218 <script language="Javascript" type="text/javascript">\r
 219 <!--\r
 220         if ( {PRIVATE_MESSAGE_NEW_FLAG} )\r
 221         {\r
 222                 window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;\r
 223         }\r
 224 //-->\r
 225 </script>\r
 226 <!-- END switch_enable_pm_popup -->\r
 227 <script language="JavaScript" src="templates/christmas/rainbow.js"></script>\r
 228 </head>\r
 229 <body bgcolor="#800000" text="#000000" link="#FFFF80" vlink="#FFFFC0" onLoad="snow()" />\r
 230 <!-- INCLUDE ../../../header.shtml -->\r
 231 <!-- paste script in body -->\r
 232 <script language="JavaScript">\r
 233 <!-- Snow Script by kurt.grightg@virgin.net\r
 234 N = 40;\r
 235 Y = new Array();\r
 236 X = new Array();\r
 237 S = new Array();\r
 238 A = new Array();\r
 239 B = new Array();\r
 240 M = new Array();\r
 241 V = (document.layers)?1:0;\r
 242 \r
 243 iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;\r
 244 iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;\r
 245 for (i=0; i < N; i++){\r
 246  Y[i]=Math.round(Math.random()*iH);\r
 247  X[i]=Math.round(Math.random()*iW);\r
 248  S[i]=Math.round(Math.random()*5+2);\r
 249  A[i]=0;\r
 250  B[i]=Math.random()*0.1+0.1;\r
 251  M[i]=Math.round(Math.random()*1+1);\r
 252 }\r
 253 if (V){\r
 254 for (i = 0; i < N; i++)\r
 255 {document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")}\r
 256 }\r
 257 else{\r
 258 document.write('<div style="position:absolute;top:0px;left:0px">');\r
 259 document.write('<div style="position:relative">');\r
 260 for (i = 0; i < N; i++)\r
 261 {document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"></div>')}\r
 262 document.write('</div></div>');\r
 263 }\r
 264 function snow(){\r
 265 var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;\r
 266 var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;\r
 267 var T=(document.layers)?window.pageYOffset:document.body.scrollTop;\r
 268 var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;\r
 269 for (i=0; i < N; i++){\r
 270 sy=S[i]*Math.sin(90*Math.PI/180);\r
 271 sx=S[i]*Math.cos(A[i]);\r
 272 Y[i]+=sy;\r
 273 X[i]+=sx;\r
 274 if (Y[i] > H){\r
 275 Y[i]=-10;\r
 276 X[i]=Math.round(Math.random()*W);\r
 277 M[i]=Math.round(Math.random()*1+1);\r
 278 S[i]=Math.round(Math.random()*5+2);\r
 279 }\r
 280 if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}\r
 281 else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}\r
 282 A[i]+=B[i];\r
 283 }\r
 284 setTimeout('snow()',10);\r
 285 }\r
 286 //-->\r
 287 </script>\r
 288 \r
 289 \r
 290 {META}\r
 291 {NAV_LINKS}\r
 292 \r
 293 <a name="top"></a>\r
 294 \r
 295 <table width="930" cellspacing="0" cellpadding="10" border="0" align="center">\r
 296         <tr> \r
 297                 <td background="templates/christmas/images/barre3.gif"><table width="100%" cellspacing="0" cellpadding="0" border="0">\r
 298                         <tr>\r
 299                                 <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="templates/christmas/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a><br><span class="maintitle"><SCRIPT language="JavaScript" title="G1SCRIPT">\r
 300 //by Matt Hedgecoe (c) 2002\r
 301 var text="{SITENAME}"\r
 302 var speed=80 // SPEED OF FADE\r
 303 // ********** LEAVE THE NEXT BIT ALONE!\r
 304 if (document.all||document.getElementById){\r
 305 document.write('<span id="highlight">' + text + '</span>')\r
 306 var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight\r
 307 }\r
 308 else\r
 309 document.write(text)\r
 310 var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")\r
 311 var r=1\r
 312 var g=1\r
 313 var b=1\r
 314 var seq=1\r
 315 function changetext(){\r
 316 rainbow="#"+hex[r]+hex[g]+hex[b]\r
 317 storetext.style.color=rainbow\r
 318 }\r
 319 function change(){\r
 320 if (seq==6){\r
 321 b--\r
 322 if (b==0)\r
 323 seq=1\r
 324 }\r
 325 if (seq==5){\r
 326 r++\r
 327 if (r==12)\r
 328 seq=6\r
 329 }\r
 330 if (seq==4){\r
 331 g--\r
 332 if (g==0)\r
 333 seq=5\r
 334 }\r
 335 if (seq==3){\r
 336 b++\r
 337 if (b==12)\r
 338 seq=4\r
 339 }\r
 340 if (seq==2){\r
 341 r--\r
 342 if (r==0)\r
 343 seq=3\r
 344 }\r
 345 if (seq==1){\r
 346 g++\r
 347 if (g==12)\r
 348 seq=2\r
 349 }\r
 350 changetext()\r
 351 }\r
 352 function starteffect(){\r
 353 if (document.all||document.getElementById)\r
 354 flash=setInterval("change()",speed)\r
 355 }\r
 356 starteffect()\r
 357 </SCRIPT></span><br /><font color="#FFFFFF">{SITE_DESCRIPTION}</font><br />&nbsp; </span> \r
 358                                 <table cellspacing="0" cellpadding="2" border="0">\r
 359                                         <tr> \r
 360                                                 <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><img src="templates/christmas/images/icon_mini_faq.gif" width="111" height="20" border="0" alt="{L_FAQ}" /></a>&nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/christmas/images/icon_mini_search.gif" width="111" height="20" border="0" alt="{L_SEARCH}" /></a>&nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/christmas/images/icon_mini_members.gif" width="111" height="20" border="0" alt="{L_MEMBERLIST}" /></a>&nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/christmas/images/icon_mini_groups.gif" width="111" height="20" border="0" alt="{L_USERGROUPS}" /></a>\r
 361                                                 <!-- BEGIN switch_user_logged_out -->\r
 362                                                 <a href="{U_REGISTER}" class="mainmenu"><img src="templates/christmas/images/icon_mini_register.gif" width="111" height="20" border="0" alt="{L_REGISTER}" /></a></span>\r
 363                                                 <!-- END switch_user_logged_out -->\r
 364                                                 <br /><span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><img src="templates/christmas/images/icon_mini_profile.gif" width="111" height="20" border="0" alt="{L_PROFILE}" /></a>&nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/christmas/images/icon_mini_message.gif" width="111" height="20" border="0" alt="{PRIVATE_MESSAGE_INFO}" /></a>\r
 365                                                 <!-- BEGIN switch_user_logged_out -->\r
 366                                                 <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/christmas/images/icon_login.gif" width="111" height="20" border="0" alt="{L_LOGIN_LOGOUT}" /></a></span>\r
 367                                                 <!-- END switch_user_logged_out -->\r
 368                                                 <!-- BEGIN switch_user_logged_in -->\r
 369                                                 <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/christmas/images/icon_logout.gif" width="111" height="20" border="0" alt="{L_LOGIN_LOGOUT}" /></a></span>\r
 370                                                 <!-- END switch_user_logged_in -->\r
 371                                                 </td><br />\r
 372                                         </tr>\r
 373                                 </table></td>\r
 374                         </tr>\r
 375                 </table>\r
 376 \r
 377                 <br />\r
 378     </table><center>\r
 379             <p></p>\r